@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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"orgs-CuHxxd_n.js","names":[],"sources":["../../src/lib/org-tree-draft.ts","../../src/components/org-unit-tree-draft-editor.module.scss","../../src/components/org-unit-tree-draft-editor.tsx","../../src/views/admin/orgs/orgs.module.scss","../../src/views/admin/orgs/AdminOrgsView.tsx"],"sourcesContent":["import type { OrgUnitRecord } from '@rytass/bpm-core-client/organization';\n\nexport type OrgUnitParentDraftMap = ReadonlyMap<string, string | null>;\n\nexport type OrgUnitHierarchyDraftChange = Readonly<{\n orgUnitId: string;\n parentId: string | null;\n previousParentId: string | null;\n}>;\n\nexport type OrgUnitParentAssignmentResult = Readonly<{\n message: string;\n parentDraft: OrgUnitParentDraftMap;\n status: 'INVALID' | 'UNCHANGED' | 'UPDATED';\n}>;\n\nexport function createOrgUnitParentDraftMap(\n orgUnits: readonly OrgUnitRecord[],\n): OrgUnitParentDraftMap {\n return new Map(\n orgUnits.map((orgUnit): readonly [string, string | null] => [\n orgUnit.id,\n orgUnit.parentId,\n ]),\n );\n}\n\nexport function assignOrgUnitDraftParent({\n orgUnitId,\n parentDraft,\n parentId,\n}: {\n readonly orgUnitId: string;\n readonly parentDraft: OrgUnitParentDraftMap;\n readonly parentId: string | null;\n}): OrgUnitParentAssignmentResult {\n const normalizedParentId = parentId === orgUnitId ? orgUnitId : parentId;\n const validationMessage = readOrgUnitParentValidationMessage({\n orgUnitId,\n parentDraft,\n parentId: normalizedParentId,\n });\n\n if (validationMessage) {\n return {\n message: validationMessage,\n parentDraft,\n status: 'INVALID',\n };\n }\n\n if ((parentDraft.get(orgUnitId) ?? null) === normalizedParentId) {\n return {\n message: '父子關係沒有變更。',\n parentDraft,\n status: 'UNCHANGED',\n };\n }\n\n const nextDraft = new Map(parentDraft);\n nextDraft.set(orgUnitId, normalizedParentId);\n\n return {\n message: normalizedParentId ? '已暫存新的上層組織。' : '已暫存為根節點。',\n parentDraft: nextDraft,\n status: 'UPDATED',\n };\n}\n\nexport function readOrgUnitHierarchyDraftChanges({\n orgUnits,\n parentDraft,\n}: {\n readonly orgUnits: readonly OrgUnitRecord[];\n readonly parentDraft: OrgUnitParentDraftMap;\n}): readonly OrgUnitHierarchyDraftChange[] {\n return orgUnits\n .map((orgUnit): OrgUnitHierarchyDraftChange | null => {\n const parentId = parentDraft.get(orgUnit.id) ?? null;\n\n return parentId === orgUnit.parentId\n ? null\n : {\n orgUnitId: orgUnit.id,\n parentId,\n previousParentId: orgUnit.parentId,\n };\n })\n .filter((change): change is OrgUnitHierarchyDraftChange => Boolean(change));\n}\n\nexport function readOrgUnitParentValidationMessage({\n orgUnitId,\n parentDraft,\n parentId,\n}: {\n readonly orgUnitId: string;\n readonly parentDraft: OrgUnitParentDraftMap;\n readonly parentId: string | null;\n}): string | null {\n if (!parentDraft.has(orgUnitId)) {\n return '找不到要搬移的組織節點。';\n }\n\n if (!parentId) {\n return null;\n }\n\n if (!parentDraft.has(parentId)) {\n return '找不到新的上層組織。';\n }\n\n if (parentId === orgUnitId) {\n return '組織不可成為自己的上層。';\n }\n\n return createsOrgUnitParentCycle({ orgUnitId, parentDraft, parentId })\n ? '不可搬移到自己的下層組織。'\n : null;\n}\n\nfunction createsOrgUnitParentCycle({\n orgUnitId,\n parentDraft,\n parentId,\n}: {\n readonly orgUnitId: string;\n readonly parentDraft: OrgUnitParentDraftMap;\n readonly parentId: string;\n}): boolean {\n const visitedIds = new Set<string>();\n let currentParentId: string | null = parentId;\n\n while (currentParentId) {\n if (currentParentId === orgUnitId || visitedIds.has(currentParentId)) {\n return true;\n }\n\n visitedIds.add(currentParentId);\n currentParentId = parentDraft.get(currentParentId) ?? null;\n }\n\n return false;\n}\n",".orgTreeEditor {\n display: grid;\n gap: 12px;\n min-width: 0;\n}\n\n.orgTreeSummary {\n display: grid;\n gap: 6px;\n min-width: 0;\n padding: 10px 12px;\n border: 1px solid var(--mzn-color-border, #d9dce1);\n border-radius: 8px;\n background: var(--mzn-color-bg, #fff);\n}\n\n.orgTreeChangeList {\n display: grid;\n gap: 4px;\n max-height: 128px;\n margin: 0;\n padding-left: 18px;\n overflow: auto;\n color: var(--mzn-color-text-neutral, #5f6673);\n font-size: 13px;\n}\n\n.orgTreeCanvas {\n width: 100%;\n height: min(720px, calc(100vh - 300px));\n min-height: 520px;\n overflow: hidden;\n border: 1px solid var(--mzn-color-border, #d9dce1);\n border-radius: 8px;\n background: #f7f9fc;\n}\n\n.orgTreeNode {\n display: grid;\n gap: 6px;\n width: 232px;\n min-height: 118px;\n padding: 12px;\n border: 1px solid var(--mzn-color-border, #d9dce1);\n border-radius: 8px;\n background: #fff;\n box-shadow: 0 4px 12px rgb(20 28 44 / 8%);\n}\n\n.orgTreeNodeRoot {\n min-height: 86px;\n border-style: dashed;\n background: #eef4ff;\n}\n\n.orgTreeNodeSelected {\n border-color: var(--mzn-color-primary, #0057ff);\n box-shadow: 0 0 0 3px rgb(0 87 255 / 14%);\n}\n\n.orgTreeNodeChanged {\n border-color: var(--mzn-color-primary, #0057ff);\n}\n\n.orgTreeNodeDeleted {\n opacity: 0.58;\n}\n\n.orgTreeNodeHeader {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 8px;\n min-width: 0;\n}\n\n.orgTreeNodeHeader > :global(.mzn-typography) {\n min-width: 0;\n}\n\n.orgTreeNodeBadge {\n flex: 0 0 auto;\n padding: 2px 6px;\n border-radius: 999px;\n background: #e4f0ff;\n color: var(--mzn-color-primary, #0057ff);\n font-size: 12px;\n line-height: 18px;\n}\n\n.orgTreeNodeActions {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n padding-top: 2px;\n}\n","'use client';\n\nimport {\n ReactElement,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useState,\n} from 'react';\nimport {\n Background,\n Connection,\n ConnectionMode,\n Controls,\n Edge,\n Handle,\n MiniMap,\n Node,\n NodeProps,\n NodeTypes,\n OnNodeDrag,\n OnNodesChange,\n Position,\n ReactFlow,\n applyNodeChanges,\n} from '@xyflow/react';\nimport * as dagre from 'dagre';\nimport { Button, Typography } from '@mezzanine-ui/react';\nimport { EditIcon, PlusIcon } from '@mezzanine-ui/icons';\nimport type { OrgUnitRecord, OrgUnitType } from '@rytass/bpm-core-client/organization';\nimport {\n OrgUnitHierarchyDraftChange,\n OrgUnitParentDraftMap,\n assignOrgUnitDraftParent,\n createOrgUnitParentDraftMap,\n readOrgUnitHierarchyDraftChanges,\n readOrgUnitParentValidationMessage,\n} from '../lib/org-tree-draft';\nimport styles from './org-unit-tree-draft-editor.module.scss';\n\ntype OrgUnitTreeFlowData = Readonly<{\n changed: boolean;\n code: string;\n deleted: boolean;\n isEditing: boolean;\n isSyntheticRoot: boolean;\n name: string;\n onCreateChild: (parentId: string | null) => void;\n onEdit: (orgUnitId: string) => void;\n orgUnitId: string | null;\n parentLabel: string;\n path: string;\n typeLabel: string;\n}>;\n\ntype OrgUnitTreeNode = Node<OrgUnitTreeFlowData, 'orgUnit'>;\ntype OrgUnitTreeEdge = Edge<Record<string, never>>;\n\nexport type OrgUnitTreeDraftEditorHandle = Readonly<{\n cancelEditing: () => void;\n saveDraft: () => Promise<void>;\n startEditing: () => void;\n}>;\n\nexport type OrgUnitTreeDraftEditorState = Readonly<{\n hasDraftChanges: boolean;\n isEditing: boolean;\n}>;\n\ntype OrgUnitTreeDraftEditorProps = Readonly<{\n onCreateChild: (parentId: string) => void;\n onCreateRoot: () => void;\n onEditOrgUnit: (orgUnit: OrgUnitRecord) => void;\n onSaveDraft?: (\n changes: readonly OrgUnitHierarchyDraftChange[],\n ) => Promise<void>;\n onStateChange: (state: OrgUnitTreeDraftEditorState) => void;\n orgUnits: readonly OrgUnitRecord[];\n saving: boolean;\n}>;\n\nconst ORG_TREE_ROOT_ID = '__org-tree-root__';\nconst ORG_TREE_NODE_WIDTH = 232;\nconst ORG_TREE_NODE_HEIGHT = 118;\nconst ORG_TREE_ROOT_WIDTH = 232;\nconst ORG_TREE_ROOT_HEIGHT = 86;\nconst ORG_TREE_DROP_DISTANCE = 320;\n\nconst ORG_UNIT_TYPE_LABELS: Readonly<Record<Uppercase<OrgUnitType>, string>> = {\n COMPANY: '公司',\n DEPARTMENT: '部門',\n DIVISION: '事業群',\n TEAM: '小組',\n};\n\nconst orgUnitTreeNodeTypes: NodeTypes = {\n orgUnit: OrgUnitTreeNodeCard,\n};\n\nexport const OrgUnitTreeDraftEditor = forwardRef<\n OrgUnitTreeDraftEditorHandle,\n OrgUnitTreeDraftEditorProps\n>(function OrgUnitTreeDraftEditor(\n {\n onCreateChild,\n onCreateRoot,\n onEditOrgUnit,\n onSaveDraft,\n onStateChange,\n orgUnits,\n },\n ref,\n): ReactElement {\n const [isEditing, setIsEditing] = useState(false);\n const [draftMessage, setDraftMessage] = useState<string | null>(null);\n const [selectedOrgUnitId, setSelectedOrgUnitId] = useState<string | null>(\n null,\n );\n const [parentDraft, setParentDraft] = useState<OrgUnitParentDraftMap>(() =>\n createOrgUnitParentDraftMap(orgUnits),\n );\n const [flowNodes, setFlowNodes] = useState<readonly OrgUnitTreeNode[]>([]);\n\n const orgUnitsById = useMemo(\n (): ReadonlyMap<string, OrgUnitRecord> =>\n new Map(orgUnits.map((orgUnit) => [orgUnit.id, orgUnit])),\n [orgUnits],\n );\n const draftChanges = useMemo(\n (): readonly OrgUnitHierarchyDraftChange[] =>\n readOrgUnitHierarchyDraftChanges({ orgUnits, parentDraft }),\n [orgUnits, parentDraft],\n );\n const flowElements = useMemo(\n (): Readonly<{\n edges: readonly OrgUnitTreeEdge[];\n nodes: readonly OrgUnitTreeNode[];\n }> =>\n createOrgUnitTreeFlowElements({\n isEditing,\n onCreateChild: (parentId): void => {\n if (parentId) {\n onCreateChild(parentId);\n } else {\n onCreateRoot();\n }\n },\n onEditOrgUnit: (orgUnitId): void => {\n const orgUnit = orgUnitsById.get(orgUnitId);\n\n if (orgUnit) {\n onEditOrgUnit(orgUnit);\n }\n },\n orgUnits,\n orgUnitsById,\n parentDraft,\n selectedOrgUnitId,\n }),\n [\n isEditing,\n onCreateChild,\n onCreateRoot,\n onEditOrgUnit,\n orgUnits,\n orgUnitsById,\n parentDraft,\n selectedOrgUnitId,\n ],\n );\n const hasDraftChanges = draftChanges.length > 0;\n\n useImperativeHandle(\n ref,\n (): OrgUnitTreeDraftEditorHandle => ({\n cancelEditing,\n saveDraft,\n startEditing,\n }),\n );\n\n useEffect((): void => {\n onStateChange({ hasDraftChanges, isEditing });\n }, [hasDraftChanges, isEditing, onStateChange]);\n\n useEffect((): void => {\n setParentDraft(createOrgUnitParentDraftMap(orgUnits));\n setSelectedOrgUnitId(null);\n setDraftMessage(null);\n setIsEditing(false);\n }, [orgUnits]);\n\n useEffect((): void => {\n setFlowNodes(flowElements.nodes);\n }, [flowElements.nodes]);\n\n const assignDraftParent = useCallback(\n (orgUnitId: string, parentId: string | null): void => {\n setParentDraft((currentDraft) => {\n const result = assignOrgUnitDraftParent({\n orgUnitId,\n parentDraft: currentDraft,\n parentId,\n });\n\n setDraftMessage(result.message);\n\n return result.parentDraft;\n });\n },\n [],\n );\n\n const handleConnect = useCallback(\n (connection: Connection): void => {\n if (!isEditing || !connection.target || !connection.source) {\n return;\n }\n\n const nextParentId =\n connection.source === ORG_TREE_ROOT_ID ? null : connection.source;\n\n if (connection.target === ORG_TREE_ROOT_ID) {\n setDraftMessage('根節點不能搬移到其他節點下。');\n return;\n }\n\n assignDraftParent(connection.target, nextParentId);\n },\n [assignDraftParent, isEditing],\n );\n\n const handleNodeChanges = useCallback<OnNodesChange<OrgUnitTreeNode>>(\n (changes): void => {\n if (!isEditing) {\n return;\n }\n\n setFlowNodes((currentNodes) =>\n applyNodeChanges(changes, [...currentNodes]),\n );\n },\n [isEditing],\n );\n\n const handleNodeDragStop = useCallback<OnNodeDrag<OrgUnitTreeNode>>(\n (event, node, nodes): void => {\n if (!isEditing || node.id === ORG_TREE_ROOT_ID) {\n return;\n }\n\n const nearestParent =\n readNearestParentNodeIdFromPointer(event, node.id) ??\n readNearestParentNodeId(node, nodes);\n\n if (nearestParent === undefined) {\n setDraftMessage('拖曳到目標父節點附近,或從父節點拉線到子節點。');\n return;\n }\n\n assignDraftParent(\n node.id,\n nearestParent === ORG_TREE_ROOT_ID ? null : nearestParent,\n );\n },\n [assignDraftParent, isEditing],\n );\n\n function startEditing(): void {\n setIsEditing(true);\n setParentDraft(createOrgUnitParentDraftMap(orgUnits));\n setDraftMessage('已進入編輯模式,拖曳節點或拉線只會更新前端草稿。');\n }\n\n function cancelEditing(): void {\n setIsEditing(false);\n setParentDraft(createOrgUnitParentDraftMap(orgUnits));\n setDraftMessage('已取消草稿變更。');\n }\n\n async function saveDraft(): Promise<void> {\n if (!onSaveDraft) {\n setDraftMessage('批次儲存 API 尚未接上,草稿仍保留在前端。');\n return;\n }\n\n await onSaveDraft(draftChanges);\n setIsEditing(false);\n setDraftMessage('組織樹草稿已儲存。');\n }\n\n return (\n <div className={styles.orgTreeEditor}>\n <div className={styles.orgTreeSummary}>\n <Typography color=\"text-neutral\" variant=\"caption\">\n {draftMessage ??\n (hasDraftChanges\n ? `目前有 ${draftChanges.length} 筆父子關係草稿變更。`\n : '目前沒有草稿變更。')}\n </Typography>\n {hasDraftChanges ? (\n <ul className={styles.orgTreeChangeList}>\n {draftChanges.map((change) => (\n <li key={change.orgUnitId}>\n {readOrgUnitName(change.orgUnitId, orgUnitsById)}\n {':'}\n {readOrgUnitName(change.previousParentId, orgUnitsById)}\n {' -> '}\n {readOrgUnitName(change.parentId, orgUnitsById)}\n </li>\n ))}\n </ul>\n ) : null}\n </div>\n <div className={styles.orgTreeCanvas}>\n <ReactFlow\n connectionMode={ConnectionMode.Strict}\n edges={[...flowElements.edges]}\n fitView\n fitViewOptions={{ padding: 0.18 }}\n isValidConnection={(connection): boolean =>\n isOrgTreeConnectionValid(\n { source: connection.source, target: connection.target },\n parentDraft,\n )\n }\n maxZoom={1.4}\n minZoom={0.25}\n nodeTypes={orgUnitTreeNodeTypes}\n nodes={[...flowNodes]}\n nodesConnectable={isEditing}\n nodesDraggable={isEditing}\n onConnect={handleConnect}\n onNodeClick={(_, node): void => {\n setSelectedOrgUnitId(node.id === ORG_TREE_ROOT_ID ? null : node.id);\n }}\n onNodeDoubleClick={(_, node): void => {\n if (node.id !== ORG_TREE_ROOT_ID) {\n const orgUnit = orgUnitsById.get(node.id);\n\n if (orgUnit) {\n onEditOrgUnit(orgUnit);\n }\n }\n }}\n onNodeDragStop={handleNodeDragStop}\n onNodesChange={handleNodeChanges}\n onPaneClick={(): void => setSelectedOrgUnitId(null)}\n panOnDrag\n proOptions={{ hideAttribution: true }}\n >\n <Background />\n <Controls />\n <MiniMap pannable zoomable />\n </ReactFlow>\n </div>\n </div>\n );\n});\n\nfunction OrgUnitTreeNodeCard({\n data,\n selected,\n}: NodeProps<OrgUnitTreeNode>): ReactElement {\n return (\n <div\n className={[\n styles.orgTreeNode,\n data.isSyntheticRoot ? styles.orgTreeNodeRoot : '',\n data.changed ? styles.orgTreeNodeChanged : '',\n data.deleted ? styles.orgTreeNodeDeleted : '',\n selected ? styles.orgTreeNodeSelected : '',\n ]\n .filter(Boolean)\n .join(' ')}\n >\n {data.isSyntheticRoot ? null : (\n <Handle\n id=\"target\"\n isConnectable={data.isEditing}\n position={Position.Top}\n type=\"target\"\n />\n )}\n <Handle\n id=\"source\"\n isConnectable={data.isEditing}\n position={Position.Bottom}\n type=\"source\"\n />\n <div className={styles.orgTreeNodeHeader}>\n <Typography\n component=\"span\"\n ellipsis\n title={data.name}\n variant=\"label-primary\"\n >\n {data.name}\n </Typography>\n {data.changed ? (\n <span className={styles.orgTreeNodeBadge}>草稿</span>\n ) : null}\n </div>\n <Typography\n color=\"text-neutral\"\n component=\"span\"\n ellipsis\n title={data.code}\n variant=\"caption\"\n >\n {data.isSyntheticRoot\n ? '根節點容器'\n : `${data.typeLabel} · ${data.code}`}\n </Typography>\n {data.isSyntheticRoot ? null : (\n <Typography\n color=\"text-neutral\"\n component=\"span\"\n ellipsis\n title={data.parentLabel}\n variant=\"caption\"\n >\n 上層:{data.parentLabel}\n </Typography>\n )}\n <div className={styles.orgTreeNodeActions}>\n {data.isSyntheticRoot ? (\n <Button\n icon={PlusIcon}\n iconType=\"leading\"\n onClick={(): void => data.onCreateChild(null)}\n size=\"sub\"\n variant=\"base-secondary\"\n >\n 新增根節點\n </Button>\n ) : (\n <>\n <Button\n icon={EditIcon}\n iconType=\"leading\"\n onClick={(): void => {\n if (data.orgUnitId) {\n data.onEdit(data.orgUnitId);\n }\n }}\n size=\"sub\"\n variant=\"base-secondary\"\n >\n 編輯\n </Button>\n <Button\n icon={PlusIcon}\n iconType=\"leading\"\n onClick={(): void => data.onCreateChild(data.orgUnitId)}\n size=\"sub\"\n variant=\"base-secondary\"\n >\n 新增子節點\n </Button>\n </>\n )}\n </div>\n </div>\n );\n}\n\nfunction createOrgUnitTreeFlowElements({\n isEditing,\n onCreateChild,\n onEditOrgUnit,\n orgUnits,\n orgUnitsById,\n parentDraft,\n selectedOrgUnitId,\n}: {\n readonly isEditing: boolean;\n readonly onCreateChild: (parentId: string | null) => void;\n readonly onEditOrgUnit: (orgUnitId: string) => void;\n readonly orgUnits: readonly OrgUnitRecord[];\n readonly orgUnitsById: ReadonlyMap<string, OrgUnitRecord>;\n readonly parentDraft: OrgUnitParentDraftMap;\n readonly selectedOrgUnitId: string | null;\n}): Readonly<{\n edges: readonly OrgUnitTreeEdge[];\n nodes: readonly OrgUnitTreeNode[];\n}> {\n const graph = new dagre.graphlib.Graph();\n graph.setDefaultEdgeLabel(() => ({}));\n graph.setGraph({ marginx: 36, marginy: 36, nodesep: 44, rankdir: 'TB' });\n graph.setNode(ORG_TREE_ROOT_ID, {\n height: ORG_TREE_ROOT_HEIGHT,\n width: ORG_TREE_ROOT_WIDTH,\n });\n orgUnits.forEach((orgUnit): void => {\n graph.setNode(orgUnit.id, {\n height: ORG_TREE_NODE_HEIGHT,\n width: ORG_TREE_NODE_WIDTH,\n });\n });\n orgUnits.forEach((orgUnit): void => {\n const parentId = parentDraft.get(orgUnit.id) ?? null;\n graph.setEdge(parentId ?? ORG_TREE_ROOT_ID, orgUnit.id);\n });\n dagre.layout(graph);\n\n const rootNode = createOrgUnitTreeNode({\n data: {\n changed: false,\n code: ORG_TREE_ROOT_ID,\n deleted: false,\n isEditing,\n isSyntheticRoot: true,\n name: '組織根節點',\n onCreateChild,\n onEdit: onEditOrgUnit,\n orgUnitId: null,\n parentLabel: '',\n path: '',\n typeLabel: '',\n },\n graph,\n height: ORG_TREE_ROOT_HEIGHT,\n id: ORG_TREE_ROOT_ID,\n selected: selectedOrgUnitId === null,\n width: ORG_TREE_ROOT_WIDTH,\n });\n const orgNodes = orgUnits.map((orgUnit): OrgUnitTreeNode => {\n const parentId = parentDraft.get(orgUnit.id) ?? null;\n const parentLabel = readOrgUnitName(parentId, orgUnitsById);\n\n return createOrgUnitTreeNode({\n data: {\n changed: parentId !== orgUnit.parentId,\n code: orgUnit.code,\n deleted: Boolean(orgUnit.deletedAt),\n isEditing,\n isSyntheticRoot: false,\n name: orgUnit.name,\n onCreateChild,\n onEdit: onEditOrgUnit,\n orgUnitId: orgUnit.id,\n parentLabel,\n path: orgUnit.path,\n typeLabel: readOrgUnitTypeLabel(orgUnit.type),\n },\n graph,\n height: ORG_TREE_NODE_HEIGHT,\n id: orgUnit.id,\n selected: selectedOrgUnitId === orgUnit.id,\n width: ORG_TREE_NODE_WIDTH,\n });\n });\n const edges = orgUnits.map((orgUnit): OrgUnitTreeEdge => {\n const parentId = parentDraft.get(orgUnit.id) ?? null;\n const changed = parentId !== orgUnit.parentId;\n\n return {\n animated: isEditing && changed,\n data: {},\n id: `org-tree-edge-${parentId ?? 'root'}-${orgUnit.id}`,\n source: parentId ?? ORG_TREE_ROOT_ID,\n sourceHandle: 'source',\n style: changed\n ? { stroke: 'var(--mzn-color-primary, #0057ff)', strokeWidth: 2 }\n : undefined,\n target: orgUnit.id,\n targetHandle: 'target',\n type: 'smoothstep',\n };\n });\n\n return {\n edges,\n nodes: [rootNode, ...orgNodes],\n };\n}\n\nfunction createOrgUnitTreeNode({\n data,\n graph,\n height,\n id,\n selected,\n width,\n}: {\n readonly data: OrgUnitTreeFlowData;\n readonly graph: dagre.graphlib.Graph;\n readonly height: number;\n readonly id: string;\n readonly selected: boolean;\n readonly width: number;\n}): OrgUnitTreeNode {\n const positionedNode = graph.node(id) as\n | Readonly<{ x: number; y: number }>\n | undefined;\n\n return {\n data,\n height,\n id,\n initialHeight: height,\n initialWidth: width,\n position: positionedNode\n ? {\n x: positionedNode.x - width / 2,\n y: positionedNode.y - height / 2,\n }\n : { x: 0, y: 0 },\n selected,\n sourcePosition: Position.Bottom,\n targetPosition: Position.Top,\n type: 'orgUnit',\n width,\n };\n}\n\nfunction readNearestParentNodeId(\n draggedNode: OrgUnitTreeNode,\n nodes: readonly OrgUnitTreeNode[],\n): string | undefined {\n const draggedCenter = readNodeCenter(draggedNode);\n const candidates = nodes\n .filter((node) => node.id !== draggedNode.id)\n .map(\n (node): Readonly<{ distance: number; id: string }> => ({\n distance: readDistance(draggedCenter, readNodeCenter(node)),\n id: node.id,\n }),\n )\n .filter((candidate) => candidate.distance <= ORG_TREE_DROP_DISTANCE)\n .sort((left, right) => left.distance - right.distance);\n\n return candidates[0]?.id;\n}\n\nfunction readNearestParentNodeIdFromPointer(\n event: unknown,\n draggedNodeId: string,\n): string | undefined {\n const point = readPointerPoint(event);\n\n if (!point) {\n return undefined;\n }\n\n const candidates = Array.from(\n document.querySelectorAll<HTMLElement>('.react-flow__node[data-id]'),\n )\n .map((element): Readonly<{ distance: number; id: string }> | null => {\n const id = element.dataset['id'];\n\n if (!id || id === draggedNodeId) {\n return null;\n }\n\n const rect = element.getBoundingClientRect();\n const center = {\n x: rect.left + rect.width / 2,\n y: rect.top + rect.height / 2,\n };\n\n return {\n distance: readDistance(point, center),\n id,\n };\n })\n .filter(\n (\n candidate,\n ): candidate is Readonly<{ distance: number; id: string }> =>\n Boolean(candidate),\n )\n .filter((candidate) => candidate.distance <= ORG_TREE_DROP_DISTANCE)\n .sort((left, right) => left.distance - right.distance);\n\n return candidates[0]?.id;\n}\n\nfunction readPointerPoint(\n event: unknown,\n): Readonly<{ x: number; y: number }> | null {\n if (!isPointerEventLike(event)) {\n return null;\n }\n\n return { x: event.clientX, y: event.clientY };\n}\n\nfunction isPointerEventLike(\n event: unknown,\n): event is Readonly<{ clientX: number; clientY: number }> {\n return (\n typeof event === 'object' &&\n event !== null &&\n 'clientX' in event &&\n 'clientY' in event &&\n typeof event.clientX === 'number' &&\n typeof event.clientY === 'number'\n );\n}\n\nfunction readNodeCenter(\n node: OrgUnitTreeNode,\n): Readonly<{ x: number; y: number }> {\n return {\n x: node.position.x + (node.width ?? ORG_TREE_NODE_WIDTH) / 2,\n y: node.position.y + (node.height ?? ORG_TREE_NODE_HEIGHT) / 2,\n };\n}\n\nfunction readDistance(\n source: Readonly<{ x: number; y: number }>,\n target: Readonly<{ x: number; y: number }>,\n): number {\n return Math.hypot(source.x - target.x, source.y - target.y);\n}\n\nfunction isOrgTreeConnectionValid(\n connection: Readonly<{ source: string | null; target: string | null }>,\n parentDraft: OrgUnitParentDraftMap,\n): boolean {\n if (!connection.source || !connection.target) {\n return false;\n }\n\n if (connection.target === ORG_TREE_ROOT_ID) {\n return false;\n }\n\n return (\n readOrgUnitParentValidationMessage({\n orgUnitId: connection.target,\n parentDraft,\n parentId:\n connection.source === ORG_TREE_ROOT_ID ? null : connection.source,\n }) === null\n );\n}\n\nfunction readOrgUnitName(\n orgUnitId: string | null,\n orgUnitsById: ReadonlyMap<string, OrgUnitRecord>,\n): string {\n if (!orgUnitId) {\n return '根節點';\n }\n\n const orgUnit = orgUnitsById.get(orgUnitId);\n\n return orgUnit ? `${orgUnit.name} · ${orgUnit.code}` : '未知組織';\n}\n\nfunction readOrgUnitTypeLabel(type: OrgUnitType): string {\n const normalizedType = type.toUpperCase() as Uppercase<OrgUnitType>;\n\n return ORG_UNIT_TYPE_LABELS[normalizedType] ?? '未知類型';\n}\n",".tableIntroActions {\n display: inline-flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n flex: 0 0 auto;\n max-width: 100%;\n}\n\n.tableIntroActions > :global(.mzn-button) {\n flex: 0 0 auto;\n}\n\n.modalFields {\n display: grid;\n gap: 12px;\n width: 100%;\n\n :global(.mzn-form-field--horizontal) {\n align-items: flex-start;\n }\n\n :global(.mzn-form-field--horizontal .mzn-form-field__label-area) {\n flex: 0 0 120px;\n width: 120px;\n min-width: 120px;\n white-space: nowrap;\n }\n\n :global(.mzn-form-field--horizontal .mzn-form-field__label) {\n flex-wrap: nowrap;\n white-space: nowrap;\n }\n\n :global(.mzn-form-field--horizontal .mzn-form-field__data-entry) {\n flex: 1 1 auto;\n align-items: stretch;\n min-width: 0;\n max-width: none;\n }\n\n :global(.mzn-form-field__control-field-slot--main) {\n width: 100%;\n min-width: 0;\n }\n\n :global(.mzn-auto-complete) {\n width: 100%;\n min-width: 0;\n }\n\n :global(.mzn-input),\n :global(.mzn-input-container),\n :global(.mzn-picker),\n :global(.mzn-select),\n :global(.mzn-select-trigger),\n :global(.mzn-text-field) {\n width: 100%;\n min-width: 0 !important;\n }\n\n :global(.mzn-select-trigger__input) {\n width: 100%;\n min-width: 0 !important;\n text-overflow: ellipsis;\n }\n}\n\n.tableIntro {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n min-width: 0;\n max-width: 100%;\n margin-bottom: 12px;\n}\n\n.tableIntro > div {\n min-width: 0;\n}\n\n.tableIntro > div > * {\n overflow-wrap: anywhere;\n}\n\n.tableFrame {\n width: 100%;\n min-width: 0;\n max-width: 100%;\n overflow-x: auto;\n}\n\n.orgFilterArea {\n margin-bottom: 12px;\n\n :global(.mzn-filter-line),\n :global(.mzn-filter-area__line) {\n flex-wrap: nowrap;\n }\n\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\n.membershipFilterArea {\n overflow-x: auto;\n\n :global(.mzn-filter-line),\n :global(.mzn-filter-area__line) {\n align-items: center;\n flex-wrap: nowrap !important;\n min-width: 760px;\n }\n\n :global(.mzn-filter),\n :global(.mzn-filter-area__filter) {\n flex: 1 1 0;\n min-width: 0;\n }\n\n :global(.mzn-filter:nth-child(3)),\n :global(.mzn-filter-area__filter:nth-child(3)) {\n flex: 0 0 180px;\n }\n\n :global(.mzn-autocomplete) {\n width: 100%;\n min-width: 0;\n }\n}\n\n.scopeLabel {\n display: inline-flex;\n align-items: center;\n min-height: 24px;\n}\n\n@media (max-width: 960px) {\n .tableIntro {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .tableIntroActions {\n justify-content: flex-start;\n }\n\n .tableIntroActions {\n flex-wrap: wrap;\n }\n\n .orgFilterArea {\n :global(.mzn-filter-line),\n :global(.mzn-filter-area__line) {\n flex-wrap: wrap;\n }\n }\n\n .membershipFilterArea {\n :global(.mzn-filter-line),\n :global(.mzn-filter-area__line) {\n align-items: stretch;\n flex-wrap: nowrap !important;\n }\n\n :global(.mzn-form-field--horizontal) {\n align-items: center;\n }\n }\n}\n","'use client';\n\nimport {\n ChangeEvent,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n AutoComplete,\n Button,\n DatePicker,\n Filter,\n FilterArea,\n FilterLine,\n FormField,\n Input,\n Modal,\n PageHeader,\n Section,\n SectionGroup,\n Select,\n Tab,\n TabItem,\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 {\n CloseIcon,\n EditIcon,\n PlusIcon,\n SaveIcon,\n} from '@mezzanine-ui/icons';\nimport type { IconDefinition } from '@mezzanine-ui/icons';\nimport { BPMFormField } from '../../../components/bpm-form-field';\nimport {\n MemberOption,\n OrgUnitPicker,\n OrgUnitOption,\n PositionOption,\n PositionPicker,\n MemberPicker,\n readMemberOption,\n readOrgUnitOption,\n readPositionOption,\n} from '../../../components/admin-pickers';\nimport {\n commitOrgUnitTreeDraft,\n createManagerResolution,\n createMembership,\n createOrgUnit,\n createPosition,\n deleteManagerResolution,\n deleteMembership,\n deleteOrgUnit,\n ManagerResolutionRecord,\n ManagerResolutionScopeType,\n MembershipRecord,\n OrgUnitRecord,\n OrgUnitType,\n PositionRecord,\n readOrganizationDashboard,\n updateManagerResolution,\n updateMembership,\n updateOrgUnit,\n updatePosition,\n} from '@rytass/bpm-core-client/organization';\nimport { MemberProfileRecord, resolveMembers } from '@rytass/bpm-core-client';\nimport {\n OrgUnitTreeDraftEditor,\n OrgUnitTreeDraftEditorHandle,\n OrgUnitTreeDraftEditorState,\n} from '../../../components/org-unit-tree-draft-editor';\nimport type { OrgUnitHierarchyDraftChange } from '../../../lib/org-tree-draft';\nimport styles from './orgs.module.scss';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport { AppLayout } from '../../../components/app-navigation';\n\ntype AdminOrgTab = 'MANAGERS' | 'MEMBERSHIPS' | 'ORG_UNITS' | 'POSITIONS';\ntype OrgUnitViewMode = 'FLOW' | 'TABLE';\n\nconst INITIAL_ORG_TREE_EDITOR_STATE: OrgUnitTreeDraftEditorState = {\n hasDraftChanges: false,\n isEditing: false,\n};\n\ntype OrgUnitRow = Readonly<\n Record<string, unknown> &\n OrgUnitRecord & {\n key: string;\n parentName: string;\n typeLabel: string;\n }\n>;\n\ntype PositionRow = Readonly<\n Record<string, unknown> &\n PositionRecord & {\n key: string;\n }\n>;\n\ntype MembershipRow = Readonly<\n Record<string, unknown> &\n MembershipRecord & {\n key: string;\n memberName: string;\n orgUnitName: string;\n positionName: string;\n }\n>;\n\ntype ManagerResolutionRow = Readonly<\n Record<string, unknown> &\n ManagerResolutionRecord & {\n key: string;\n managerName: string;\n scopeLabel: string;\n }\n>;\n\ntype OrgModalState = Readonly<{\n parentId?: string | null;\n record: OrgUnitRecord | null;\n type: 'CREATE' | 'EDIT';\n}>;\n\ntype PositionModalState = Readonly<{\n record: PositionRecord | null;\n type: 'CREATE' | 'EDIT';\n}>;\n\ntype MembershipModalState = Readonly<{\n record: MembershipRecord | null;\n type: 'CREATE' | 'EDIT';\n}>;\n\ntype ManagerModalState = Readonly<{\n record: ManagerResolutionRecord | null;\n type: 'CREATE' | 'EDIT';\n}>;\n\ntype DeleteConfirmationState = Readonly<{\n confirmText: string;\n description: string;\n id: string;\n title: string;\n type: 'MANAGER_RESOLUTION' | 'MEMBERSHIP' | 'ORG_UNIT';\n}>;\n\ntype OrgUnitTypeOption = Readonly<{\n id: OrgUnitType;\n name: string;\n}>;\n\ntype OrgUnitTypeFilterOption = Readonly<{\n id: 'ALL' | OrgUnitType;\n name: string;\n}>;\n\ntype ScopeTypeOption = Readonly<{\n id: ManagerResolutionScopeType;\n name: string;\n}>;\n\ntype ScopeTypeFilterOption = Readonly<{\n id: 'ALL' | ManagerResolutionScopeType;\n name: string;\n}>;\n\ntype ActiveFilterOption = Readonly<{\n activeOnly: boolean;\n id: 'ACTIVE' | 'ALL';\n name: string;\n}>;\n\ntype PrimaryOption = Readonly<{\n id: 'false' | 'true';\n name: string;\n value: boolean;\n}>;\n\ntype TablePaginationState = Readonly<{\n onPageChange: (page: number) => void;\n onPageSizeChange: (pageSize: number) => void;\n page: number;\n pageSize: number;\n total: number;\n}>;\n\nconst ORG_UNIT_TYPES: readonly OrgUnitTypeOption[] = [\n { id: 'COMPANY', name: '公司' },\n { id: 'DIVISION', name: '事業群' },\n { id: 'DEPARTMENT', name: '部門' },\n { id: 'TEAM', name: '小組' },\n];\nconst ALL_ORG_UNIT_TYPE_FILTER: OrgUnitTypeFilterOption = {\n id: 'ALL',\n name: '全部類型',\n};\nconst ORG_UNIT_TYPE_FILTER_OPTIONS: readonly OrgUnitTypeFilterOption[] = [\n ALL_ORG_UNIT_TYPE_FILTER,\n ...ORG_UNIT_TYPES,\n];\n\nconst SCOPE_TYPES: readonly ScopeTypeOption[] = [\n { id: 'MEMBER', name: '指定會員' },\n { id: 'ORG_UNIT', name: '指定組織' },\n { id: 'POSITION', name: '指定職位' },\n];\nconst ALL_SCOPE_TYPE_FILTER: ScopeTypeFilterOption = {\n id: 'ALL',\n name: '全部範圍',\n};\nconst SCOPE_TYPE_FILTER_OPTIONS: readonly ScopeTypeFilterOption[] = [\n ALL_SCOPE_TYPE_FILTER,\n ...SCOPE_TYPES,\n];\nconst ALL_ACTIVE_FILTER: ActiveFilterOption = {\n activeOnly: false,\n id: 'ALL',\n name: '全部狀態',\n};\nconst ACTIVE_FILTER_OPTIONS: readonly ActiveFilterOption[] = [\n ALL_ACTIVE_FILTER,\n { activeOnly: true, id: 'ACTIVE', name: '目前有效' },\n];\n\nconst PRIMARY_OPTIONS: readonly PrimaryOption[] = [\n { id: 'true', name: '主要歸屬', value: true },\n { id: 'false', name: '一般歸屬', value: false },\n];\nconst ORGANIZATION_TABLE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst ORG_UNIT_TABLE_MIN_WIDTH = 1368;\nconst POSITION_TABLE_MIN_WIDTH = 908;\nconst MEMBERSHIP_TABLE_MIN_WIDTH = 1292;\nconst MANAGER_TABLE_MIN_WIDTH = 1124;\n\nexport interface AdminOrgsViewProps {\n readonly activeHref?: string;\n}\n\nexport function AdminOrgsView({\n activeHref,\n}: AdminOrgsViewProps = {}): ReactElement {\n const routes = useBPMRoutes();\n const resolvedActiveHref = activeHref ?? routes.adminOrgs();\n const [activeTab, setActiveTab] = useState<AdminOrgTab>('ORG_UNITS');\n const [deleteConfirmation, setDeleteConfirmation] =\n useState<DeleteConfirmationState | null>(null);\n const [lastDeleteConfirmation, setLastDeleteConfirmation] =\n useState<DeleteConfirmationState | null>(null);\n const [error, setError] = useState<string | null>(null);\n const [loading, setLoading] = useState(true);\n const [managerModal, setManagerModal] = useState<ManagerModalState | null>(\n null,\n );\n const [managerActiveFilter, setManagerActiveFilter] =\n useState<ActiveFilterOption>(ALL_ACTIVE_FILTER);\n const [managerPage, setManagerPage] = useState(1);\n const [managerPageSize, setManagerPageSize] = useState(10);\n const [managerScopeTypeFilter, setManagerScopeTypeFilter] =\n useState<ScopeTypeFilterOption>(ALL_SCOPE_TYPE_FILTER);\n const [managerTotalCount, setManagerTotalCount] = useState(0);\n const [memberProfiles, setMemberProfiles] = useState<\n readonly MemberProfileRecord[]\n >([]);\n const [membershipActiveFilter, setMembershipActiveFilter] =\n useState<ActiveFilterOption | null>(null);\n const [membershipModal, setMembershipModal] =\n useState<MembershipModalState | null>(null);\n const [membershipOrgUnitFilter, setMembershipOrgUnitFilter] =\n useState<OrgUnitOption | null>(null);\n const [membershipPage, setMembershipPage] = useState(1);\n const [membershipPageSize, setMembershipPageSize] = useState(10);\n const [membershipPositionFilter, setMembershipPositionFilter] =\n useState<PositionOption | null>(null);\n const [membershipTotalCount, setMembershipTotalCount] = useState(0);\n const [orgModal, setOrgModal] = useState<OrgModalState | null>(null);\n const [orgUnitPage, setOrgUnitPage] = useState(1);\n const [orgUnitPageSize, setOrgUnitPageSize] = useState(10);\n const [orgUnitSearchText, setOrgUnitSearchText] = useState('');\n const [orgUnitTotalCount, setOrgUnitTotalCount] = useState(0);\n const [orgUnitTypeFilter, setOrgUnitTypeFilter] =\n useState<OrgUnitTypeFilterOption>(ALL_ORG_UNIT_TYPE_FILTER);\n const [orgUnitViewMode, setOrgUnitViewMode] =\n useState<OrgUnitViewMode>('TABLE');\n const [orgUnits, setOrgUnits] = useState<readonly OrgUnitRecord[]>([]);\n const [visibleOrgUnits, setVisibleOrgUnits] = useState<\n readonly OrgUnitRecord[]\n >([]);\n const [visiblePositions, setVisiblePositions] = useState<\n readonly PositionRecord[]\n >([]);\n const [positionModal, setPositionModal] = useState<PositionModalState | null>(\n null,\n );\n const [positionPage, setPositionPage] = useState(1);\n const [positionPageSize, setPositionPageSize] = useState(10);\n const [positionSearchText, setPositionSearchText] = useState('');\n const [positionTotalCount, setPositionTotalCount] = useState(0);\n const [positions, setPositions] = useState<readonly PositionRecord[]>([]);\n const [visibleManagerResolutions, setVisibleManagerResolutions] = useState<\n readonly ManagerResolutionRecord[]\n >([]);\n const [visibleMemberships, setVisibleMemberships] = useState<\n readonly MembershipRecord[]\n >([]);\n const [saving, setSaving] = useState(false);\n\n useEffect((): void => {\n if (deleteConfirmation) {\n setLastDeleteConfirmation(deleteConfirmation);\n }\n }, [deleteConfirmation]);\n\n const visibleDeleteConfirmation =\n deleteConfirmation ?? lastDeleteConfirmation;\n\n const refreshOrganization = useCallback(async (): Promise<void> => {\n setLoading(true);\n setError(null);\n\n try {\n const dashboard = await readOrganizationDashboard({\n managerActiveOnly: managerActiveFilter.activeOnly,\n managerPage,\n managerPageSize,\n managerScopeType:\n managerScopeTypeFilter.id === 'ALL'\n ? null\n : managerScopeTypeFilter.id,\n membershipActiveOnly: membershipActiveFilter?.activeOnly ?? false,\n membershipOrgUnitId: membershipOrgUnitFilter?.id ?? null,\n membershipPage,\n membershipPageSize,\n membershipPositionId: membershipPositionFilter?.id ?? null,\n orgUnitPage,\n orgUnitPageSize,\n orgUnitSearchText,\n orgUnitType:\n orgUnitTypeFilter.id === 'ALL' ? null : orgUnitTypeFilter.id,\n positionPage,\n positionPageSize,\n positionSearchText,\n });\n const memberIds = readReferencedMemberIds(\n dashboard.memberships,\n dashboard.managerResolutions,\n );\n const profiles = await resolveMembers(memberIds);\n\n setMemberProfiles(profiles);\n setOrgUnits(dashboard.orgUnits);\n setOrgUnitTotalCount(dashboard.orgUnitCount);\n setVisibleOrgUnits(dashboard.filteredOrgUnits);\n setPositions(dashboard.positions);\n setPositionTotalCount(dashboard.positionCount);\n setVisiblePositions(dashboard.filteredPositions);\n setMembershipTotalCount(dashboard.membershipCount);\n setVisibleMemberships(dashboard.filteredMemberships);\n setManagerTotalCount(dashboard.managerResolutionCount);\n setVisibleManagerResolutions(dashboard.filteredManagerResolutions);\n } catch (requestError: unknown) {\n setError(readErrorMessage(requestError));\n } finally {\n setLoading(false);\n }\n }, [\n managerActiveFilter,\n managerPage,\n managerPageSize,\n managerScopeTypeFilter,\n membershipActiveFilter,\n membershipOrgUnitFilter,\n membershipPage,\n membershipPageSize,\n membershipPositionFilter,\n orgUnitPage,\n orgUnitPageSize,\n orgUnitSearchText,\n orgUnitTypeFilter,\n positionPage,\n positionPageSize,\n positionSearchText,\n ]);\n\n useEffect((): void => {\n void refreshOrganization();\n }, [refreshOrganization]);\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 const membersById = useMemo(\n (): ReadonlyMap<string, MemberProfileRecord> =>\n new Map(memberProfiles.map((member) => [member.memberId, member])),\n [memberProfiles],\n );\n\n const orgRows = useMemo(\n (): OrgUnitRow[] =>\n visibleOrgUnits.map((orgUnit) => ({\n ...orgUnit,\n key: orgUnit.id,\n parentName: orgUnit.parentId\n ? readOrgUnitLabel(orgUnitsById.get(orgUnit.parentId))\n : '根節點',\n typeLabel: readOrgUnitTypeLabel(orgUnit.type),\n })),\n [visibleOrgUnits, orgUnitsById],\n );\n const positionRows = useMemo(\n (): PositionRow[] =>\n visiblePositions.map((position) => ({\n ...position,\n key: position.id,\n })),\n [visiblePositions],\n );\n const membershipRows = useMemo(\n (): MembershipRow[] =>\n visibleMemberships.map((membership) => ({\n ...membership,\n key: membership.id,\n memberName: readMemberLabel(membersById.get(membership.memberId)),\n orgUnitName: readOrgUnitLabel(orgUnitsById.get(membership.orgUnitId)),\n positionName: membership.positionId\n ? readPositionLabel(positionsById.get(membership.positionId))\n : '未指定',\n })),\n [membersById, visibleMemberships, orgUnitsById, positionsById],\n );\n const managerRows = useMemo(\n (): ManagerResolutionRow[] =>\n visibleManagerResolutions.map((resolution) => ({\n ...resolution,\n key: resolution.id,\n managerName: readMemberLabel(\n membersById.get(resolution.managerMemberId),\n ),\n scopeLabel: readScopeLabel(resolution, {\n membersById,\n orgUnitsById,\n positionsById,\n }),\n })),\n [visibleManagerResolutions, membersById, orgUnitsById, positionsById],\n );\n\n const orgActions = useMemo(\n (): TableActions<OrgUnitRow> => ({\n render: (record): ReturnType<TableActions<OrgUnitRow>['render']> => [\n {\n name: '編輯',\n onClick: (): void => setOrgModal({ record, type: 'EDIT' }),\n },\n {\n name: '停用',\n onClick: (): void =>\n setDeleteConfirmation({\n confirmText: '停用組織',\n description: `停用「${record.name}」後,這個組織節點將不再出現在可用組織清單中。`,\n id: record.id,\n title: '停用組織節點',\n type: 'ORG_UNIT',\n }),\n variant: 'destructive-secondary',\n },\n ],\n variant: 'base-secondary',\n width: 128,\n }),\n [],\n );\n const positionActions = useMemo(\n (): TableActions<PositionRow> => ({\n render: (record): ReturnType<TableActions<PositionRow>['render']> => [\n {\n name: '編輯',\n onClick: (): void => setPositionModal({ record, type: 'EDIT' }),\n },\n ],\n variant: 'base-secondary',\n width: 88,\n }),\n [],\n );\n const membershipActions = useMemo(\n (): TableActions<MembershipRow> => ({\n render: (record): ReturnType<TableActions<MembershipRow>['render']> => [\n {\n name: '編輯',\n onClick: (): void => setMembershipModal({ record, type: 'EDIT' }),\n },\n {\n name: '刪除',\n onClick: (): void =>\n setDeleteConfirmation({\n confirmText: '刪除歸屬',\n description: `刪除「${record.memberName}」在「${record.orgUnitName}」的會員歸屬。`,\n id: record.id,\n title: '刪除會員歸屬',\n type: 'MEMBERSHIP',\n }),\n variant: 'destructive-secondary',\n },\n ],\n variant: 'base-secondary',\n width: 128,\n }),\n [],\n );\n const managerActions = useMemo(\n (): TableActions<ManagerResolutionRow> => ({\n render: (\n record,\n ): ReturnType<TableActions<ManagerResolutionRow>['render']> => [\n {\n name: '編輯',\n onClick: (): void => setManagerModal({ record, type: 'EDIT' }),\n },\n {\n name: '刪除',\n onClick: (): void =>\n setDeleteConfirmation({\n confirmText: '刪除主管規則',\n description: `刪除「${record.scopeLabel}」指派給「${record.managerName}」的主管解析規則。`,\n id: record.id,\n title: '刪除主管解析規則',\n type: 'MANAGER_RESOLUTION',\n }),\n variant: 'destructive-secondary',\n },\n ],\n variant: 'base-secondary',\n width: 128,\n }),\n [],\n );\n\n function updateOrgUnitSearchText(value: string): void {\n setOrgUnitPage(1);\n setOrgUnitSearchText(value);\n }\n\n function updateOrgUnitTypeFilter(value: OrgUnitTypeFilterOption): void {\n setOrgUnitPage(1);\n setOrgUnitTypeFilter(value);\n }\n\n function updatePositionSearchText(value: string): void {\n setPositionPage(1);\n setPositionSearchText(value);\n }\n\n function updateMembershipActiveFilter(value: ActiveFilterOption | null): void {\n setMembershipPage(1);\n setMembershipActiveFilter(value);\n }\n\n function updateMembershipOrgUnitFilter(value: OrgUnitOption | null): void {\n setMembershipPage(1);\n setMembershipOrgUnitFilter(value);\n }\n\n function updateMembershipPositionFilter(value: PositionOption | null): void {\n setMembershipPage(1);\n setMembershipPositionFilter(value);\n }\n\n function updateManagerActiveFilter(value: ActiveFilterOption): void {\n setManagerPage(1);\n setManagerActiveFilter(value);\n }\n\n function updateManagerScopeTypeFilter(value: ScopeTypeFilterOption): void {\n setManagerPage(1);\n setManagerScopeTypeFilter(value);\n }\n\n function closeDeleteConfirmation(): void {\n if (saving) {\n return;\n }\n\n setDeleteConfirmation(null);\n }\n\n async function handleConfirmDelete(): Promise<void> {\n if (!deleteConfirmation) {\n return;\n }\n\n await runMutation(async (): Promise<void> => {\n if (deleteConfirmation.type === 'ORG_UNIT') {\n await deleteOrgUnit(deleteConfirmation.id);\n }\n\n if (deleteConfirmation.type === 'MEMBERSHIP') {\n await deleteMembership(deleteConfirmation.id);\n }\n\n if (deleteConfirmation.type === 'MANAGER_RESOLUTION') {\n await deleteManagerResolution(deleteConfirmation.id);\n }\n\n setDeleteConfirmation(null);\n });\n }\n\n async function saveOrgUnitTreeDraft(\n changes: readonly OrgUnitHierarchyDraftChange[],\n ): Promise<void> {\n setSaving(true);\n setError(null);\n\n try {\n await commitOrgUnitTreeDraft({\n moves: changes.map((change) => {\n const orgUnit = orgUnitsById.get(change.orgUnitId);\n\n return {\n baseUpdatedAt: orgUnit?.updatedAt ?? '',\n id: change.orgUnitId,\n parentId: change.parentId,\n };\n }),\n });\n await refreshOrganization();\n } catch (requestError: unknown) {\n setError(readErrorMessage(requestError));\n throw requestError;\n } finally {\n setSaving(false);\n }\n }\n\n async function runMutation(mutation: () => Promise<void>): Promise<void> {\n setSaving(true);\n setError(null);\n\n try {\n await mutation();\n await refreshOrganization();\n } catch (requestError: unknown) {\n setError(readErrorMessage(requestError));\n } finally {\n setSaving(false);\n }\n }\n\n return (\n <AppLayout activeHref={resolvedActiveHref}>\n <PageHeader>\n <ContentHeader\n description=\"維護組織樹、職位、會員歸屬與簽核主管解析規則。\"\n title=\"組織管理\"\n />\n </PageHeader>\n\n <SectionGroup>\n <Section\n tab={\n <Tab\n activeKey={activeTab}\n onChange={(key): void => setActiveTab(readAdminOrgTab(key))}\n >\n <TabItem key=\"ORG_UNITS\">組織樹</TabItem>\n <TabItem key=\"POSITIONS\">職位</TabItem>\n <TabItem key=\"MEMBERSHIPS\">會員歸屬</TabItem>\n <TabItem key=\"MANAGERS\">簽核主管</TabItem>\n </Tab>\n }\n >\n {error ? (\n <Typography color=\"text-error\" variant=\"body\">\n {error}\n </Typography>\n ) : null}\n {activeTab === 'ORG_UNITS' ? (\n <OrgUnitPanel\n actions={orgActions}\n loading={loading}\n onCreate={(): void =>\n setOrgModal({ parentId: null, record: null, type: 'CREATE' })\n }\n onCreateChild={(parentId): void =>\n setOrgModal({ parentId, record: null, type: 'CREATE' })\n }\n onEditOrgUnit={(record): void =>\n setOrgModal({ record, type: 'EDIT' })\n }\n onPageChange={setOrgUnitPage}\n onSaveDraft={saveOrgUnitTreeDraft}\n onPageSizeChange={(pageSize): void => {\n setOrgUnitPage(1);\n setOrgUnitPageSize(pageSize);\n }}\n onSearchTextChange={updateOrgUnitSearchText}\n onTypeFilterChange={updateOrgUnitTypeFilter}\n orgUnits={orgUnits}\n page={orgUnitPage}\n pageSize={orgUnitPageSize}\n rows={orgRows}\n searchText={orgUnitSearchText}\n saving={saving}\n total={orgUnitTotalCount}\n typeFilter={orgUnitTypeFilter}\n viewMode={orgUnitViewMode}\n onViewModeChange={setOrgUnitViewMode}\n />\n ) : null}\n {activeTab === 'POSITIONS' ? (\n <PositionPanel\n actions={positionActions}\n loading={loading}\n onCreate={(): void =>\n setPositionModal({ record: null, type: 'CREATE' })\n }\n onPageChange={setPositionPage}\n onPageSizeChange={(pageSize): void => {\n setPositionPage(1);\n setPositionPageSize(pageSize);\n }}\n onSearchTextChange={updatePositionSearchText}\n page={positionPage}\n pageSize={positionPageSize}\n rows={positionRows}\n searchText={positionSearchText}\n total={positionTotalCount}\n />\n ) : null}\n {activeTab === 'MEMBERSHIPS' ? (\n <MembershipPanel\n actions={membershipActions}\n loading={loading}\n onCreate={(): void =>\n setMembershipModal({ record: null, type: 'CREATE' })\n }\n onActiveFilterChange={updateMembershipActiveFilter}\n onOrgUnitFilterChange={updateMembershipOrgUnitFilter}\n onPageChange={setMembershipPage}\n onPageSizeChange={(pageSize): void => {\n setMembershipPage(1);\n setMembershipPageSize(pageSize);\n }}\n onPositionFilterChange={updateMembershipPositionFilter}\n orgUnitFilter={membershipOrgUnitFilter}\n orgUnits={orgUnits}\n page={membershipPage}\n pageSize={membershipPageSize}\n positionFilter={membershipPositionFilter}\n positions={positions}\n rows={membershipRows}\n statusFilter={membershipActiveFilter}\n total={membershipTotalCount}\n />\n ) : null}\n {activeTab === 'MANAGERS' ? (\n <ManagerPanel\n actions={managerActions}\n loading={loading}\n onCreate={(): void =>\n setManagerModal({ record: null, type: 'CREATE' })\n }\n onActiveFilterChange={updateManagerActiveFilter}\n onPageChange={setManagerPage}\n onPageSizeChange={(pageSize): void => {\n setManagerPage(1);\n setManagerPageSize(pageSize);\n }}\n onScopeTypeFilterChange={updateManagerScopeTypeFilter}\n page={managerPage}\n pageSize={managerPageSize}\n rows={managerRows}\n scopeTypeFilter={managerScopeTypeFilter}\n statusFilter={managerActiveFilter}\n total={managerTotalCount}\n />\n ) : null}\n </Section>\n </SectionGroup>\n\n <OrgUnitModal\n modal={orgModal}\n onClose={(): void => setOrgModal(null)}\n onSubmit={(input): Promise<void> =>\n runMutation(async (): Promise<void> => {\n if (orgModal?.type === 'EDIT' && orgModal.record) {\n await updateOrgUnit({\n ...input,\n id: orgModal.record.id,\n metadataJson: null,\n });\n } else {\n await createOrgUnit({\n code: input.code ?? '',\n metadataJson: '{}',\n name: input.name ?? '',\n parentId: input.parentId,\n type: input.type ?? 'DEPARTMENT',\n });\n }\n setOrgModal(null);\n })\n }\n orgUnits={orgUnits}\n saving={saving}\n />\n <PositionModal\n modal={positionModal}\n onClose={(): void => setPositionModal(null)}\n onSubmit={(input): Promise<void> =>\n runMutation(async (): Promise<void> => {\n if (positionModal?.type === 'EDIT' && positionModal.record) {\n await updatePosition({\n ...input,\n id: positionModal.record.id,\n metadataJson: null,\n });\n } else {\n await createPosition({\n code: input.code ?? '',\n level: input.level ?? 0,\n metadataJson: '{}',\n name: input.name ?? '',\n });\n }\n setPositionModal(null);\n })\n }\n saving={saving}\n />\n <MembershipModal\n membersById={membersById}\n modal={membershipModal}\n onClose={(): void => setMembershipModal(null)}\n onSubmit={(input): Promise<void> =>\n runMutation(async (): Promise<void> => {\n if (membershipModal?.type === 'EDIT' && membershipModal.record) {\n await updateMembership({\n ...input,\n id: membershipModal.record.id,\n });\n } else {\n await createMembership({\n effectiveFrom: input.effectiveFrom ?? today(),\n effectiveTo: input.effectiveTo,\n isPrimary: input.isPrimary ?? false,\n memberId: input.memberId ?? '',\n orgUnitId: input.orgUnitId ?? '',\n positionId: input.positionId,\n });\n }\n setMembershipModal(null);\n })\n }\n orgUnits={orgUnits}\n positions={positions}\n saving={saving}\n />\n <ManagerResolutionModal\n membersById={membersById}\n modal={managerModal}\n onClose={(): void => setManagerModal(null)}\n onSubmit={(input): Promise<void> =>\n runMutation(async (): Promise<void> => {\n if (managerModal?.type === 'EDIT' && managerModal.record) {\n await updateManagerResolution({\n ...input,\n id: managerModal.record.id,\n });\n } else {\n await createManagerResolution({\n effectiveFrom: input.effectiveFrom ?? today(),\n effectiveTo: input.effectiveTo,\n managerMemberId: input.managerMemberId ?? '',\n priority: input.priority ?? 0,\n scopeId: input.scopeId ?? '',\n scopeType: input.scopeType ?? 'MEMBER',\n });\n }\n setManagerModal(null);\n })\n }\n orgUnits={orgUnits}\n positions={positions}\n saving={saving}\n />\n <Modal\n cancelText=\"取消\"\n confirmButtonProps={{ variant: 'destructive-primary' }}\n confirmText={visibleDeleteConfirmation?.confirmText ?? ''}\n loading={saving}\n modalStatusType=\"error\"\n modalType=\"standard\"\n onCancel={closeDeleteConfirmation}\n onClose={closeDeleteConfirmation}\n onConfirm={(): void => void handleConfirmDelete()}\n open={Boolean(deleteConfirmation)}\n showModalFooter\n showModalHeader\n size=\"regular\"\n supportingText=\"此操作會立即套用,請確認後再繼續。\"\n title={visibleDeleteConfirmation?.title ?? ''}\n >\n <Typography color=\"text-neutral\" variant=\"body\">\n {visibleDeleteConfirmation?.description ?? ''}\n </Typography>\n </Modal>\n </AppLayout>\n );\n}\n\nfunction OrgUnitPanel({\n actions,\n loading,\n onCreate,\n onCreateChild,\n onEditOrgUnit,\n onPageChange,\n onSaveDraft,\n onPageSizeChange,\n onSearchTextChange,\n onTypeFilterChange,\n onViewModeChange,\n orgUnits,\n page,\n pageSize,\n rows,\n searchText,\n saving,\n total,\n typeFilter,\n viewMode,\n}: {\n readonly actions: TableActions<OrgUnitRow>;\n readonly loading: boolean;\n readonly onCreate: () => void;\n readonly onCreateChild: (parentId: string) => void;\n readonly onEditOrgUnit: (record: OrgUnitRecord) => void;\n readonly onPageChange: (page: number) => void;\n readonly onSaveDraft: (\n changes: readonly OrgUnitHierarchyDraftChange[],\n ) => Promise<void>;\n readonly onPageSizeChange: (pageSize: number) => void;\n readonly onSearchTextChange: (value: string) => void;\n readonly onTypeFilterChange: (value: OrgUnitTypeFilterOption) => void;\n readonly onViewModeChange: (mode: OrgUnitViewMode) => void;\n readonly orgUnits: readonly OrgUnitRecord[];\n readonly page: number;\n readonly pageSize: number;\n readonly rows: readonly OrgUnitRow[];\n readonly searchText: string;\n readonly saving: boolean;\n readonly total: number;\n readonly typeFilter: OrgUnitTypeFilterOption;\n readonly viewMode: OrgUnitViewMode;\n}): ReactElement {\n const treeEditorRef = useRef<OrgUnitTreeDraftEditorHandle | null>(null);\n const [treeEditorState, setTreeEditorState] =\n useState<OrgUnitTreeDraftEditorState>(INITIAL_ORG_TREE_EDITOR_STATE);\n const nextViewMode: OrgUnitViewMode = viewMode === 'TABLE' ? 'FLOW' : 'TABLE';\n const viewModeToggleLabel = viewMode === 'TABLE' ? '切換樹狀圖' : '切換表格';\n const isTreeMode = viewMode === 'FLOW';\n const primaryActionLabel = readOrgUnitPrimaryActionLabel({\n isTreeMode,\n isTreeEditing: treeEditorState.isEditing,\n });\n const primaryActionIcon = readOrgUnitPrimaryActionIcon({\n isTreeMode,\n isTreeEditing: treeEditorState.isEditing,\n });\n const primaryActionDisabled = readOrgUnitPrimaryActionDisabled({\n hasDraftChanges: treeEditorState.hasDraftChanges,\n isTreeEditing: treeEditorState.isEditing,\n isTreeMode,\n loading,\n saving,\n });\n const columns = useMemo(\n (): TableColumn<OrgUnitRow>[] => [\n { dataIndex: 'code', key: 'code', title: '代碼', width: 180 },\n { dataIndex: 'name', key: 'name', title: '名稱', width: 240 },\n { dataIndex: 'typeLabel', key: 'typeLabel', title: '類型', width: 120 },\n { dataIndex: 'parentName', key: 'parentName', title: '上層', width: 280 },\n { dataIndex: 'path', key: 'path', title: 'Path', width: 420 },\n ],\n [],\n );\n\n useEffect((): void => {\n if (viewMode === 'TABLE') {\n setTreeEditorState(INITIAL_ORG_TREE_EDITOR_STATE);\n }\n }, [viewMode]);\n\n return (\n <>\n <PanelIntro\n actionDisabled={primaryActionDisabled}\n actionIcon={primaryActionIcon}\n actionLabel={primaryActionLabel}\n actions={\n <>\n <Button\n onClick={(): void => onViewModeChange(nextViewMode)}\n variant=\"base-secondary\"\n >\n {viewModeToggleLabel}\n </Button>\n {isTreeMode && treeEditorState.isEditing ? (\n <Button\n disabled={saving}\n icon={CloseIcon}\n iconType=\"leading\"\n onClick={(): void => treeEditorRef.current?.cancelEditing()}\n variant=\"base-secondary\"\n >\n 取消\n </Button>\n ) : null}\n </>\n }\n description=\"組織節點使用 ltree path 維護階層,搬移節點會同步更新子節點 path。\"\n onCreate={(): void => {\n if (!isTreeMode) {\n onCreate();\n return;\n }\n\n if (treeEditorState.isEditing) {\n void treeEditorRef.current?.saveDraft();\n return;\n }\n\n treeEditorRef.current?.startEditing();\n }}\n title=\"組織樹\"\n />\n {viewMode === 'TABLE' ? (\n <>\n <FilterArea className={styles.orgFilterArea} size=\"sub\">\n <FilterLine>\n <Filter span={3}>\n <FormField\n fullWidth\n layout={FormFieldLayout.VERTICAL}\n name=\"orgUnitSearchText\"\n >\n <Input\n fullWidth\n onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n onSearchTextChange(event.target.value)\n }\n placeholder=\"搜尋組織名稱或代碼\"\n size=\"sub\"\n value={searchText}\n variant=\"base\"\n />\n </FormField>\n </Filter>\n <Filter span={2}>\n <FormField\n fullWidth\n layout={FormFieldLayout.VERTICAL}\n name=\"orgUnitTypeFilter\"\n >\n <Select\n clearable={false}\n fullWidth\n onChange={(option): void =>\n onTypeFilterChange(readOrgUnitTypeFilterOption(option))\n }\n options={[...ORG_UNIT_TYPE_FILTER_OPTIONS]}\n placeholder=\"類型\"\n size=\"sub\"\n value={typeFilter}\n />\n </FormField>\n </Filter>\n </FilterLine>\n </FilterArea>\n <div className={styles.tableFrame}>\n <Table\n actions={actions}\n columns={columns}\n dataSource={[...rows]}\n fullWidth\n loading={loading}\n pagination={createTablePagination({\n onPageChange,\n onPageSizeChange,\n page,\n pageSize,\n total,\n })}\n style={{ minWidth: ORG_UNIT_TABLE_MIN_WIDTH }}\n />\n </div>\n </>\n ) : (\n <OrgUnitTreeDraftEditor\n ref={treeEditorRef}\n onCreateChild={onCreateChild}\n onCreateRoot={onCreate}\n onEditOrgUnit={onEditOrgUnit}\n onSaveDraft={onSaveDraft}\n onStateChange={setTreeEditorState}\n orgUnits={orgUnits}\n saving={saving}\n />\n )}\n </>\n );\n}\n\nfunction PositionPanel({\n actions,\n loading,\n onCreate,\n onPageChange,\n onPageSizeChange,\n onSearchTextChange,\n page,\n pageSize,\n rows,\n searchText,\n total,\n}: {\n readonly actions: TableActions<PositionRow>;\n readonly loading: boolean;\n readonly onCreate: () => void;\n readonly onPageChange: (page: number) => void;\n readonly onPageSizeChange: (pageSize: number) => void;\n readonly onSearchTextChange: (value: string) => void;\n readonly page: number;\n readonly pageSize: number;\n readonly rows: readonly PositionRow[];\n readonly searchText: string;\n readonly total: number;\n}): ReactElement {\n const columns = useMemo(\n (): TableColumn<PositionRow>[] => [\n { dataIndex: 'code', key: 'code', title: '代碼', width: 180 },\n { dataIndex: 'name', key: 'name', title: '名稱', width: 280 },\n { dataIndex: 'level', key: 'level', title: '職等', width: 96 },\n {\n dataIndex: 'updatedAt',\n key: 'updatedAt',\n title: '更新時間',\n width: 220,\n },\n ],\n [],\n );\n\n return (\n <>\n <PanelIntro\n actionLabel=\"新增職位\"\n description=\"職位提供會員歸屬與主管解析規則使用。\"\n onCreate={onCreate}\n title=\"職位\"\n />\n <FilterArea className={styles.orgFilterArea} size=\"sub\">\n <FilterLine>\n <Filter span={3}>\n <FormField\n fullWidth\n layout={FormFieldLayout.VERTICAL}\n name=\"positionSearchText\"\n >\n <Input\n fullWidth\n onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n onSearchTextChange(event.target.value)\n }\n placeholder=\"搜尋職位名稱或代碼\"\n size=\"sub\"\n value={searchText}\n variant=\"base\"\n />\n </FormField>\n </Filter>\n </FilterLine>\n </FilterArea>\n <div className={styles.tableFrame}>\n <Table\n actions={actions}\n columns={columns}\n dataSource={[...rows]}\n fullWidth\n loading={loading}\n pagination={createTablePagination({\n onPageChange,\n onPageSizeChange,\n page,\n pageSize,\n total,\n })}\n style={{ minWidth: POSITION_TABLE_MIN_WIDTH }}\n />\n </div>\n </>\n );\n}\n\nfunction MembershipPanel({\n actions,\n loading,\n onCreate,\n onActiveFilterChange,\n onOrgUnitFilterChange,\n onPageChange,\n onPageSizeChange,\n onPositionFilterChange,\n orgUnitFilter,\n orgUnits,\n page,\n pageSize,\n positionFilter,\n positions,\n rows,\n statusFilter,\n total,\n}: {\n readonly actions: TableActions<MembershipRow>;\n readonly loading: boolean;\n readonly onCreate: () => void;\n readonly onActiveFilterChange: (value: ActiveFilterOption | null) => void;\n readonly onOrgUnitFilterChange: (value: OrgUnitOption | null) => void;\n readonly onPageChange: (page: number) => void;\n readonly onPageSizeChange: (pageSize: number) => void;\n readonly onPositionFilterChange: (value: PositionOption | null) => void;\n readonly orgUnitFilter: OrgUnitOption | null;\n readonly orgUnits: readonly OrgUnitRecord[];\n readonly page: number;\n readonly pageSize: number;\n readonly positionFilter: PositionOption | null;\n readonly positions: readonly PositionRecord[];\n readonly rows: readonly MembershipRow[];\n readonly statusFilter: ActiveFilterOption | null;\n readonly total: number;\n}): ReactElement {\n const columns = useMemo(\n (): TableColumn<MembershipRow>[] => [\n { dataIndex: 'memberName', key: 'memberName', title: '會員', width: 280 },\n {\n dataIndex: 'orgUnitName',\n key: 'orgUnitName',\n title: '組織',\n width: 280,\n },\n {\n dataIndex: 'positionName',\n key: 'positionName',\n title: '職位',\n width: 220,\n },\n {\n key: 'isPrimary',\n render: (record: MembershipRow): string =>\n record.isPrimary ? '主要' : '一般',\n title: '類型',\n width: 104,\n },\n {\n dataIndex: 'effectiveFrom',\n key: 'effectiveFrom',\n title: '生效日',\n width: 140,\n },\n {\n dataIndex: 'effectiveTo',\n key: 'effectiveTo',\n title: '結束日',\n width: 140,\n },\n ],\n [],\n );\n const orgUnitOptions = useMemo(\n (): readonly OrgUnitOption[] => orgUnits.map(readOrgUnitOption),\n [orgUnits],\n );\n const positionOptions = useMemo(\n (): readonly PositionOption[] => positions.map(readPositionOption),\n [positions],\n );\n\n return (\n <>\n <PanelIntro\n actionLabel=\"新增歸屬\"\n description=\"會員歸屬是 BPM 內部組織權限、主管解析與條件判斷的來源。\"\n onCreate={onCreate}\n title=\"會員歸屬\"\n />\n <FilterArea\n className={[styles.orgFilterArea, styles.membershipFilterArea].join(\n ' ',\n )}\n size=\"sub\"\n >\n <FilterLine>\n <Filter span={2}>\n <FormField\n fullWidth\n layout={FormFieldLayout.VERTICAL}\n name=\"membershipOrgUnitFilter\"\n >\n <AutoComplete\n disabledOptionsFilter\n emptyText=\"沒有符合的組織\"\n inputProps={{\n autoCapitalize: 'none',\n autoCorrect: 'off',\n name: 'membershipOrgUnitFilter',\n spellCheck: false,\n }}\n mode=\"single\"\n name=\"membershipOrgUnitFilter\"\n onChange={(option): void =>\n onOrgUnitFilterChange(readOrgUnitOptionFromValue(option))\n }\n options={[...orgUnitOptions]}\n placeholder=\"全部組織\"\n size=\"sub\"\n value={orgUnitFilter}\n />\n </FormField>\n </Filter>\n <Filter span={2}>\n <FormField\n fullWidth\n layout={FormFieldLayout.VERTICAL}\n name=\"membershipPositionFilter\"\n >\n <AutoComplete\n disabledOptionsFilter\n emptyText=\"沒有符合的職位\"\n inputProps={{\n autoCapitalize: 'none',\n autoCorrect: 'off',\n name: 'membershipPositionFilter',\n spellCheck: false,\n }}\n mode=\"single\"\n name=\"membershipPositionFilter\"\n onChange={(option): void =>\n onPositionFilterChange(readPositionOptionFromValue(option))\n }\n options={[...positionOptions]}\n placeholder=\"全部職位\"\n size=\"sub\"\n value={positionFilter}\n />\n </FormField>\n </Filter>\n <Filter span={2}>\n <FormField\n fullWidth\n layout={FormFieldLayout.VERTICAL}\n name=\"membershipStatusFilter\"\n >\n <AutoComplete\n disabledOptionsFilter\n emptyText=\"沒有符合的狀態\"\n inputProps={{\n autoCapitalize: 'none',\n autoCorrect: 'off',\n name: 'membershipStatusFilter',\n spellCheck: false,\n }}\n mode=\"single\"\n name=\"membershipStatusFilter\"\n onChange={(option): void =>\n onActiveFilterChange(readNullableActiveFilterOption(option))\n }\n options={[...ACTIVE_FILTER_OPTIONS]}\n placeholder=\"全部狀態\"\n size=\"sub\"\n value={statusFilter}\n />\n </FormField>\n </Filter>\n </FilterLine>\n </FilterArea>\n <div className={styles.tableFrame}>\n <Table\n actions={actions}\n columns={columns}\n dataSource={[...rows]}\n fullWidth\n loading={loading}\n pagination={createTablePagination({\n onPageChange,\n onPageSizeChange,\n page,\n pageSize,\n total,\n })}\n style={{ minWidth: MEMBERSHIP_TABLE_MIN_WIDTH }}\n />\n </div>\n </>\n );\n}\n\nfunction ManagerPanel({\n actions,\n loading,\n onCreate,\n onActiveFilterChange,\n onPageChange,\n onPageSizeChange,\n onScopeTypeFilterChange,\n page,\n pageSize,\n rows,\n scopeTypeFilter,\n statusFilter,\n total,\n}: {\n readonly actions: TableActions<ManagerResolutionRow>;\n readonly loading: boolean;\n readonly onCreate: () => void;\n readonly onActiveFilterChange: (value: ActiveFilterOption) => void;\n readonly onPageChange: (page: number) => void;\n readonly onPageSizeChange: (pageSize: number) => void;\n readonly onScopeTypeFilterChange: (value: ScopeTypeFilterOption) => void;\n readonly page: number;\n readonly pageSize: number;\n readonly rows: readonly ManagerResolutionRow[];\n readonly scopeTypeFilter: ScopeTypeFilterOption;\n readonly statusFilter: ActiveFilterOption;\n readonly total: number;\n}): ReactElement {\n const columns = useMemo(\n (): TableColumn<ManagerResolutionRow>[] => [\n {\n dataIndex: 'scopeLabel',\n key: 'scopeLabel',\n title: '套用範圍',\n width: 320,\n },\n {\n dataIndex: 'managerName',\n key: 'managerName',\n title: '簽核主管',\n width: 300,\n },\n { dataIndex: 'priority', key: 'priority', title: '優先序', width: 96 },\n {\n dataIndex: 'effectiveFrom',\n key: 'effectiveFrom',\n title: '生效日',\n width: 140,\n },\n {\n dataIndex: 'effectiveTo',\n key: 'effectiveTo',\n title: '結束日',\n width: 140,\n },\n ],\n [],\n );\n\n return (\n <>\n <PanelIntro\n actionLabel=\"新增主管規則\"\n description=\"簽核主管規則獨立於組織樹 parent,解析優先序為會員、組織、職位。\"\n onCreate={onCreate}\n title=\"簽核主管\"\n />\n <FilterArea className={styles.orgFilterArea} size=\"sub\">\n <FilterLine>\n <Filter span={3}>\n <FormField\n fullWidth\n layout={FormFieldLayout.VERTICAL}\n name=\"managerScopeTypeFilter\"\n >\n <Select\n clearable={false}\n fullWidth\n onChange={(option): void =>\n onScopeTypeFilterChange(readScopeTypeFilterOption(option))\n }\n options={[...SCOPE_TYPE_FILTER_OPTIONS]}\n placeholder=\"套用範圍\"\n size=\"sub\"\n value={scopeTypeFilter}\n />\n </FormField>\n </Filter>\n <Filter span={2}>\n <FormField\n fullWidth\n layout={FormFieldLayout.VERTICAL}\n name=\"managerStatusFilter\"\n >\n <Select\n clearable={false}\n fullWidth\n onChange={(option): void =>\n onActiveFilterChange(readActiveFilterOption(option))\n }\n options={[...ACTIVE_FILTER_OPTIONS]}\n placeholder=\"狀態\"\n size=\"sub\"\n value={statusFilter}\n />\n </FormField>\n </Filter>\n </FilterLine>\n </FilterArea>\n <div className={styles.tableFrame}>\n <Table\n actions={actions}\n columns={columns}\n dataSource={[...rows]}\n fullWidth\n loading={loading}\n pagination={createTablePagination({\n onPageChange,\n onPageSizeChange,\n page,\n pageSize,\n total,\n })}\n style={{ minWidth: MANAGER_TABLE_MIN_WIDTH }}\n />\n </div>\n </>\n );\n}\n\nfunction createTablePagination({\n onPageChange,\n onPageSizeChange,\n page,\n pageSize,\n total,\n}: TablePaginationState): {\n current: number;\n onChange: (page: number) => void;\n onChangePageSize: (pageSize: number) => void;\n pageSize: number;\n pageSizeLabel: string;\n pageSizeOptions: number[];\n renderResultSummary: (from: number, to: number, total: number) => string;\n showPageSizeOptions: true;\n total: number;\n} {\n return {\n current: page,\n onChange: onPageChange,\n onChangePageSize: onPageSizeChange,\n pageSize,\n pageSizeLabel: '每頁筆數',\n pageSizeOptions: [...ORGANIZATION_TABLE_PAGE_SIZE_OPTIONS],\n renderResultSummary: (from, to, resultTotal): string =>\n `顯示 ${from}-${to} 筆,共 ${resultTotal} 筆`,\n showPageSizeOptions: true,\n total,\n };\n}\n\nfunction readOrgUnitPrimaryActionLabel({\n isTreeEditing,\n isTreeMode,\n}: {\n readonly isTreeEditing: boolean;\n readonly isTreeMode: boolean;\n}): string {\n if (!isTreeMode) {\n return '新增組織';\n }\n\n return isTreeEditing ? '儲存' : '開始編輯';\n}\n\nfunction readOrgUnitPrimaryActionIcon({\n isTreeEditing,\n isTreeMode,\n}: {\n readonly isTreeEditing: boolean;\n readonly isTreeMode: boolean;\n}): IconDefinition {\n if (!isTreeMode) {\n return PlusIcon;\n }\n\n return isTreeEditing ? SaveIcon : EditIcon;\n}\n\nfunction readOrgUnitPrimaryActionDisabled({\n hasDraftChanges,\n isTreeEditing,\n isTreeMode,\n loading,\n saving,\n}: {\n readonly hasDraftChanges: boolean;\n readonly isTreeEditing: boolean;\n readonly isTreeMode: boolean;\n readonly loading: boolean;\n readonly saving: boolean;\n}): boolean {\n if (!isTreeMode) {\n return false;\n }\n\n if (!isTreeEditing) {\n return loading;\n }\n\n return !hasDraftChanges || saving;\n}\n\nfunction PanelIntro({\n actionDisabled = false,\n actionIcon = PlusIcon,\n actionLabel,\n actions,\n description,\n onCreate,\n title,\n}: {\n readonly actionDisabled?: boolean;\n readonly actionIcon?: IconDefinition;\n readonly actionLabel: string;\n readonly actions?: ReactElement;\n readonly description: string;\n readonly onCreate: () => void;\n readonly title: string;\n}): ReactElement {\n return (\n <div className={styles.tableIntro}>\n <div>\n <Typography component=\"h2\" variant=\"h3\">\n {title}\n </Typography>\n <Typography color=\"text-neutral\" variant=\"body\">\n {description}\n </Typography>\n </div>\n <div className={styles.tableIntroActions}>\n {actions}\n <Button\n disabled={actionDisabled}\n icon={actionIcon}\n iconType=\"leading\"\n onClick={onCreate}\n >\n {actionLabel}\n </Button>\n </div>\n </div>\n );\n}\n\nfunction OrgUnitModal({\n modal,\n onClose,\n onSubmit,\n orgUnits,\n saving,\n}: {\n readonly modal: OrgModalState | null;\n readonly onClose: () => void;\n readonly onSubmit: (input: {\n readonly code: string | null;\n readonly name: string | null;\n readonly parentId: string | null;\n readonly type: OrgUnitType | null;\n }) => Promise<void>;\n readonly orgUnits: readonly OrgUnitRecord[];\n readonly saving: boolean;\n}): ReactElement {\n const [code, setCode] = useState('');\n const [name, setName] = useState('');\n const [parent, setParent] = useState<OrgUnitOption | null>(null);\n const [type, setType] = useState<OrgUnitTypeOption>(ORG_UNIT_TYPES[2]);\n\n useEffect((): void => {\n if (!modal) {\n return;\n }\n\n const record = modal.record;\n const parentId = record?.parentId ?? modal.parentId ?? null;\n const parentOrgUnit = parentId\n ? (orgUnits.find((orgUnit) => orgUnit.id === parentId) ?? null)\n : null;\n\n setCode(record?.code ?? '');\n setName(record?.name ?? '');\n setParent(parentOrgUnit ? readOrgUnitOption(parentOrgUnit) : null);\n setType(\n ORG_UNIT_TYPES.find((option) => option.id === record?.type) ??\n ORG_UNIT_TYPES[2],\n );\n }, [modal, orgUnits]);\n\n return (\n <Modal\n cancelText=\"取消\"\n confirmButtonProps={{ disabled: !code || !name }}\n confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n loading={saving}\n modalType=\"standard\"\n onCancel={onClose}\n onClose={onClose}\n onConfirm={(): void =>\n void onSubmit({\n code,\n name,\n parentId: parent?.id ?? null,\n type: type.id,\n })\n }\n open={Boolean(modal)}\n showModalFooter\n showModalHeader\n size=\"regular\"\n title={modal?.type === 'EDIT' ? '編輯組織' : '新增組織'}\n >\n <div className={styles.modalFields}>\n <OrgModalTextField\n label=\"代碼\"\n name=\"orgCode\"\n onChange={setCode}\n placeholder=\"例如 FIN-TW\"\n value={code}\n />\n <OrgModalTextField\n label=\"名稱\"\n name=\"orgName\"\n onChange={setName}\n placeholder=\"例如 財務部\"\n value={name}\n />\n <BPMFormField label=\"類型\" name=\"orgType\">\n <Select\n clearable={false}\n fullWidth\n onChange={(option): void => setType(readOrgUnitTypeOption(option))}\n options={[...ORG_UNIT_TYPES]}\n placeholder=\"選擇組織類型\"\n value={type}\n />\n </BPMFormField>\n <BPMFormField label=\"上層組織\" name=\"parentId\">\n <OrgUnitPicker\n name=\"parentId\"\n onChange={setParent}\n orgUnits={orgUnits.filter(\n (orgUnit) => orgUnit.id !== modal?.record?.id,\n )}\n placeholder=\"選擇上層組織\"\n value={parent}\n />\n </BPMFormField>\n </div>\n </Modal>\n );\n}\n\nfunction PositionModal({\n modal,\n onClose,\n onSubmit,\n saving,\n}: {\n readonly modal: PositionModalState | null;\n readonly onClose: () => void;\n readonly onSubmit: (input: {\n readonly code: string | null;\n readonly level: number | null;\n readonly name: string | null;\n }) => Promise<void>;\n readonly saving: boolean;\n}): ReactElement {\n const [code, setCode] = useState('');\n const [level, setLevel] = useState('0');\n const [name, setName] = useState('');\n\n useEffect((): void => {\n if (!modal) {\n return;\n }\n\n setCode(modal.record?.code ?? '');\n setLevel(String(modal.record?.level ?? 0));\n setName(modal.record?.name ?? '');\n }, [modal]);\n\n return (\n <Modal\n cancelText=\"取消\"\n confirmButtonProps={{ disabled: !code || !name }}\n confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n loading={saving}\n modalType=\"standard\"\n onCancel={onClose}\n onClose={onClose}\n onConfirm={(): void =>\n void onSubmit({\n code,\n level: Number(level),\n name,\n })\n }\n open={Boolean(modal)}\n showModalFooter\n showModalHeader\n size=\"regular\"\n title={modal?.type === 'EDIT' ? '編輯職位' : '新增職位'}\n >\n <div className={styles.modalFields}>\n <OrgModalTextField\n label=\"代碼\"\n name=\"positionCode\"\n onChange={setCode}\n placeholder=\"例如 FIN-MGR\"\n value={code}\n />\n <OrgModalTextField\n label=\"名稱\"\n name=\"positionName\"\n onChange={setName}\n placeholder=\"例如 財務主管\"\n value={name}\n />\n <OrgModalTextField\n label=\"職等\"\n name=\"positionLevel\"\n onChange={setLevel}\n placeholder=\"例如 5\"\n value={level}\n />\n </div>\n </Modal>\n );\n}\n\nfunction MembershipModal({\n membersById,\n modal,\n onClose,\n onSubmit,\n orgUnits,\n positions,\n saving,\n}: {\n readonly membersById: ReadonlyMap<string, MemberProfileRecord>;\n readonly modal: MembershipModalState | null;\n readonly onClose: () => void;\n readonly onSubmit: (input: {\n readonly effectiveFrom: string | null;\n readonly effectiveTo: string | null;\n readonly isPrimary: boolean | null;\n readonly memberId: string | null;\n readonly orgUnitId: string | null;\n readonly positionId: string | null;\n }) => Promise<void>;\n readonly orgUnits: readonly OrgUnitRecord[];\n readonly positions: readonly PositionRecord[];\n readonly saving: boolean;\n}): ReactElement {\n const [effectiveFrom, setEffectiveFrom] = useState(today());\n const [effectiveTo, setEffectiveTo] = useState('');\n const [isPrimary, setIsPrimary] = useState<PrimaryOption>(PRIMARY_OPTIONS[1]);\n const [member, setMember] = useState<MemberOption | null>(null);\n const [orgUnit, setOrgUnit] = useState<OrgUnitOption | null>(null);\n const [position, setPosition] = useState<PositionOption | null>(null);\n\n useEffect((): void => {\n if (!modal) {\n return;\n }\n\n const record = modal.record;\n const profile = record ? membersById.get(record.memberId) : null;\n\n setEffectiveFrom(record?.effectiveFrom ?? today());\n setEffectiveTo(record?.effectiveTo ?? '');\n setIsPrimary(\n PRIMARY_OPTIONS.find((option) => option.value === record?.isPrimary) ??\n PRIMARY_OPTIONS[1],\n );\n setMember(profile ? readMemberOption(profile) : null);\n setOrgUnit(\n readNullableOption(\n orgUnits.find((candidate) => candidate.id === record?.orgUnitId),\n readOrgUnitOption,\n ),\n );\n setPosition(\n readNullableOption(\n positions.find((candidate) => candidate.id === record?.positionId),\n readPositionOption,\n ),\n );\n }, [membersById, modal, orgUnits, positions]);\n\n return (\n <Modal\n cancelText=\"取消\"\n confirmButtonProps={{ disabled: !member || !orgUnit }}\n confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n loading={saving}\n modalType=\"standard\"\n onCancel={onClose}\n onClose={onClose}\n onConfirm={(): void =>\n void onSubmit({\n effectiveFrom,\n effectiveTo: effectiveTo || null,\n isPrimary: isPrimary.value,\n memberId: member?.id ?? null,\n orgUnitId: orgUnit?.id ?? null,\n positionId: position?.id ?? null,\n })\n }\n open={Boolean(modal)}\n showModalFooter\n showModalHeader\n size=\"regular\"\n title={modal?.type === 'EDIT' ? '編輯會員歸屬' : '新增會員歸屬'}\n >\n <div className={styles.modalFields}>\n <BPMFormField label=\"會員\" name=\"memberId\">\n <MemberPicker\n name=\"memberId\"\n onChange={setMember}\n placeholder=\"搜尋會員姓名或信箱\"\n value={member}\n />\n </BPMFormField>\n <BPMFormField label=\"組織\" name=\"orgUnitId\">\n <OrgUnitPicker\n name=\"orgUnitId\"\n onChange={setOrgUnit}\n orgUnits={orgUnits}\n placeholder=\"選擇歸屬組織\"\n value={orgUnit}\n />\n </BPMFormField>\n <BPMFormField label=\"職位\" name=\"positionId\">\n <PositionPicker\n name=\"positionId\"\n onChange={setPosition}\n placeholder=\"選擇職位\"\n positions={positions}\n value={position}\n />\n </BPMFormField>\n <BPMFormField label=\"歸屬類型\" name=\"isPrimary\">\n <Select\n clearable={false}\n fullWidth\n onChange={(option): void => setIsPrimary(readPrimaryOption(option))}\n options={[...PRIMARY_OPTIONS]}\n placeholder=\"選擇歸屬類型\"\n value={isPrimary}\n />\n </BPMFormField>\n <DateField\n label=\"生效日\"\n name=\"membershipEffectiveFrom\"\n onChange={setEffectiveFrom}\n placeholder=\"YYYY-MM-DD\"\n value={effectiveFrom}\n />\n <DateField\n label=\"結束日\"\n name=\"membershipEffectiveTo\"\n onChange={setEffectiveTo}\n placeholder=\"YYYY-MM-DD,未設定代表無期限\"\n value={effectiveTo}\n />\n </div>\n </Modal>\n );\n}\n\nfunction ManagerResolutionModal({\n membersById,\n modal,\n onClose,\n onSubmit,\n orgUnits,\n positions,\n saving,\n}: {\n readonly membersById: ReadonlyMap<string, MemberProfileRecord>;\n readonly modal: ManagerModalState | null;\n readonly onClose: () => void;\n readonly onSubmit: (input: {\n readonly effectiveFrom: string | null;\n readonly effectiveTo: string | null;\n readonly managerMemberId: string | null;\n readonly priority: number | null;\n readonly scopeId: string | null;\n readonly scopeType: ManagerResolutionScopeType | null;\n }) => Promise<void>;\n readonly orgUnits: readonly OrgUnitRecord[];\n readonly positions: readonly PositionRecord[];\n readonly saving: boolean;\n}): ReactElement {\n const [effectiveFrom, setEffectiveFrom] = useState(today());\n const [effectiveTo, setEffectiveTo] = useState('');\n const [manager, setManager] = useState<MemberOption | null>(null);\n const [priority, setPriority] = useState('0');\n const [scopeMember, setScopeMember] = useState<MemberOption | null>(null);\n const [scopeOrgUnit, setScopeOrgUnit] = useState<OrgUnitOption | null>(null);\n const [scopePosition, setScopePosition] = useState<PositionOption | null>(\n null,\n );\n const [scopeType, setScopeType] = useState<ScopeTypeOption>(SCOPE_TYPES[0]);\n\n useEffect((): void => {\n if (!modal) {\n return;\n }\n\n const record = modal.record;\n const nextScopeType =\n SCOPE_TYPES.find((option) => option.id === record?.scopeType) ??\n SCOPE_TYPES[0];\n\n setEffectiveFrom(record?.effectiveFrom ?? today());\n setEffectiveTo(record?.effectiveTo ?? '');\n setManager(\n readNullableOption(\n record ? membersById.get(record.managerMemberId) : null,\n readMemberOption,\n ),\n );\n setPriority(String(record?.priority ?? 0));\n setScopeMember(\n nextScopeType.id === 'MEMBER'\n ? readNullableOption(\n record ? membersById.get(record.scopeId) : null,\n readMemberOption,\n )\n : null,\n );\n setScopeOrgUnit(\n nextScopeType.id === 'ORG_UNIT'\n ? readNullableOption(\n orgUnits.find((candidate) => candidate.id === record?.scopeId),\n readOrgUnitOption,\n )\n : null,\n );\n setScopePosition(\n nextScopeType.id === 'POSITION'\n ? readNullableOption(\n positions.find((candidate) => candidate.id === record?.scopeId),\n readPositionOption,\n )\n : null,\n );\n setScopeType(nextScopeType);\n }, [membersById, modal, orgUnits, positions]);\n\n const scopeId =\n scopeType.id === 'MEMBER'\n ? scopeMember?.id\n : scopeType.id === 'ORG_UNIT'\n ? scopeOrgUnit?.id\n : scopePosition?.id;\n const isSelfManagerResolution = Boolean(\n scopeType.id === 'MEMBER' &&\n scopeMember?.id &&\n manager?.id &&\n scopeMember.id === manager.id,\n );\n\n return (\n <Modal\n cancelText=\"取消\"\n confirmButtonProps={{\n disabled: !manager || !scopeId || isSelfManagerResolution,\n }}\n confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n loading={saving}\n modalType=\"standard\"\n onCancel={onClose}\n onClose={onClose}\n onConfirm={(): void =>\n void onSubmit({\n effectiveFrom,\n effectiveTo: effectiveTo || null,\n managerMemberId: manager?.id ?? null,\n priority: Number(priority),\n scopeId: scopeId ?? null,\n scopeType: scopeType.id,\n })\n }\n open={Boolean(modal)}\n showModalFooter\n showModalHeader\n size=\"regular\"\n title={modal?.type === 'EDIT' ? '編輯主管規則' : '新增主管規則'}\n >\n <div className={styles.modalFields}>\n <BPMFormField label=\"套用範圍\" name=\"scopeType\">\n <Select\n clearable={false}\n fullWidth\n onChange={(option): void =>\n setScopeType(readScopeTypeOption(option))\n }\n options={[...SCOPE_TYPES]}\n placeholder=\"選擇套用範圍\"\n value={scopeType}\n />\n </BPMFormField>\n {scopeType.id === 'MEMBER' ? (\n <BPMFormField label=\"會員\" name=\"scopeMemberId\">\n <MemberPicker\n name=\"scopeMemberId\"\n onChange={setScopeMember}\n placeholder=\"搜尋套用會員\"\n value={scopeMember}\n />\n </BPMFormField>\n ) : null}\n {scopeType.id === 'ORG_UNIT' ? (\n <BPMFormField label=\"組織\" name=\"scopeOrgUnitId\">\n <OrgUnitPicker\n name=\"scopeOrgUnitId\"\n onChange={setScopeOrgUnit}\n orgUnits={orgUnits}\n placeholder=\"選擇套用組織\"\n value={scopeOrgUnit}\n />\n </BPMFormField>\n ) : null}\n {scopeType.id === 'POSITION' ? (\n <BPMFormField label=\"職位\" name=\"scopePositionId\">\n <PositionPicker\n name=\"scopePositionId\"\n onChange={setScopePosition}\n placeholder=\"選擇套用職位\"\n positions={positions}\n value={scopePosition}\n />\n </BPMFormField>\n ) : null}\n <BPMFormField label=\"簽核主管\" name=\"managerMemberId\">\n <MemberPicker\n name=\"managerMemberId\"\n onChange={setManager}\n placeholder=\"搜尋簽核主管\"\n value={manager}\n />\n </BPMFormField>\n {isSelfManagerResolution ? (\n <Typography color=\"text-error\" variant=\"caption\">\n 簽核主管不可設定為套用會員本人。\n </Typography>\n ) : null}\n <OrgModalTextField\n label=\"優先序\"\n name=\"managerPriority\"\n onChange={setPriority}\n placeholder=\"例如 10\"\n value={priority}\n />\n <DateField\n label=\"生效日\"\n name=\"managerEffectiveFrom\"\n onChange={setEffectiveFrom}\n placeholder=\"YYYY-MM-DD\"\n value={effectiveFrom}\n />\n <DateField\n label=\"結束日\"\n name=\"managerEffectiveTo\"\n onChange={setEffectiveTo}\n placeholder=\"YYYY-MM-DD,未設定代表無期限\"\n value={effectiveTo}\n />\n </div>\n </Modal>\n );\n}\n\nfunction OrgModalTextField({\n label,\n name,\n onChange,\n placeholder,\n value,\n}: {\n readonly label: string;\n readonly name: string;\n readonly onChange: (value: string) => void;\n readonly placeholder: string;\n readonly value: string;\n}): ReactElement {\n return (\n <BPMFormField label={label} name={name}>\n <Input\n fullWidth\n name={name}\n onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n onChange(event.target.value)\n }\n placeholder={placeholder}\n value={value}\n />\n </BPMFormField>\n );\n}\n\nfunction DateField({\n label,\n name,\n onChange,\n placeholder,\n value,\n}: {\n readonly label: string;\n readonly name: string;\n readonly onChange: (value: string) => void;\n readonly placeholder: string;\n readonly value: string;\n}): ReactElement {\n return (\n <BPMFormField label={label} name={name}>\n <DatePicker\n format=\"YYYY-MM-DD\"\n fullWidth\n inputProps={{ name }}\n onChange={(nextValue): void => onChange(formatDateOnly(nextValue))}\n placeholder={placeholder}\n value={value.trim() ? value : undefined}\n />\n </BPMFormField>\n );\n}\n\nfunction readReferencedMemberIds(\n memberships: readonly MembershipRecord[],\n managerResolutions: readonly ManagerResolutionRecord[],\n): readonly string[] {\n return [\n ...new Set([\n ...memberships.map((membership) => membership.memberId),\n ...managerResolutions.map((resolution) => resolution.managerMemberId),\n ...managerResolutions\n .filter((resolution) => resolution.scopeType === 'MEMBER')\n .map((resolution) => resolution.scopeId),\n ]),\n ];\n}\n\nfunction readScopeLabel(\n resolution: ManagerResolutionRecord,\n lookup: {\n readonly membersById: ReadonlyMap<string, MemberProfileRecord>;\n readonly orgUnitsById: ReadonlyMap<string, OrgUnitRecord>;\n readonly positionsById: ReadonlyMap<string, PositionRecord>;\n },\n): string {\n if (resolution.scopeType === 'MEMBER') {\n return `會員:${readMemberLabel(lookup.membersById.get(resolution.scopeId))}`;\n }\n\n if (resolution.scopeType === 'ORG_UNIT') {\n return `組織:${readOrgUnitLabel(lookup.orgUnitsById.get(resolution.scopeId))}`;\n }\n\n return `職位:${readPositionLabel(lookup.positionsById.get(resolution.scopeId))}`;\n}\n\nfunction readMemberLabel(member: MemberProfileRecord | undefined): string {\n return member ? `${member.name} · ${member.email}` : '未知會員';\n}\n\nfunction readOrgUnitLabel(orgUnit: OrgUnitRecord | undefined): string {\n return orgUnit ? `${orgUnit.name} · ${orgUnit.code}` : '未知組織';\n}\n\nfunction readOrgUnitTypeLabel(type: OrgUnitType): string {\n return (\n ORG_UNIT_TYPES.find(\n (option) => option.id.toLowerCase() === type.toLowerCase(),\n )?.name ?? '未知類型'\n );\n}\n\nfunction readPositionLabel(position: PositionRecord | undefined): string {\n return position ? `${position.name} · ${position.code}` : '未指定';\n}\n\nfunction readAdminOrgTab(value: unknown): AdminOrgTab {\n return value === 'MANAGERS' ||\n value === 'MEMBERSHIPS' ||\n value === 'POSITIONS'\n ? value\n : 'ORG_UNITS';\n}\n\nfunction readOrgUnitTypeOption(value: unknown): OrgUnitTypeOption {\n const record = isRecord(value) ? value : null;\n\n if (typeof record?.id === 'string') {\n const id = record.id;\n\n return (\n ORG_UNIT_TYPES.find(\n (option) => option.id.toLowerCase() === id.toLowerCase(),\n ) ?? ORG_UNIT_TYPES[2]\n );\n }\n\n return ORG_UNIT_TYPES[2];\n}\n\nfunction readOrgUnitTypeFilterOption(value: unknown): OrgUnitTypeFilterOption {\n const record = isRecord(value) ? value : null;\n\n if (typeof record?.id === 'string') {\n const id = record.id;\n\n return (\n ORG_UNIT_TYPE_FILTER_OPTIONS.find(\n (option) => option.id.toLowerCase() === id.toLowerCase(),\n ) ?? ALL_ORG_UNIT_TYPE_FILTER\n );\n }\n\n return ALL_ORG_UNIT_TYPE_FILTER;\n}\n\nfunction readScopeTypeOption(value: unknown): ScopeTypeOption {\n return readOption(value, SCOPE_TYPES, SCOPE_TYPES[0]);\n}\n\nfunction readScopeTypeFilterOption(value: unknown): ScopeTypeFilterOption {\n return readOption(value, SCOPE_TYPE_FILTER_OPTIONS, ALL_SCOPE_TYPE_FILTER);\n}\n\nfunction readActiveFilterOption(value: unknown): ActiveFilterOption {\n return readOption(value, ACTIVE_FILTER_OPTIONS, ALL_ACTIVE_FILTER);\n}\n\nfunction readNullableActiveFilterOption(\n value: unknown,\n): ActiveFilterOption | null {\n const record = isRecord(value) ? value : null;\n const id = typeof record?.id === 'string' ? record.id : null;\n\n return ACTIVE_FILTER_OPTIONS.find((option) => option.id === id) ?? null;\n}\n\nfunction readOrgUnitOptionFromValue(value: unknown): OrgUnitOption | null {\n const record = isRecord(value) ? value : null;\n const id = typeof record?.id === 'string' ? record.id : null;\n const name = typeof record?.name === 'string' ? record.name : null;\n\n return id && name ? { id, name } : null;\n}\n\nfunction readPositionOptionFromValue(value: unknown): PositionOption | null {\n const record = isRecord(value) ? value : null;\n const id = typeof record?.id === 'string' ? record.id : null;\n const name = typeof record?.name === 'string' ? record.name : null;\n\n return id && name ? { id, name } : null;\n}\n\nfunction readPrimaryOption(value: unknown): PrimaryOption {\n return readOption(value, PRIMARY_OPTIONS, PRIMARY_OPTIONS[1]);\n}\n\nfunction readOption<TOption extends { readonly id: string }>(\n value: unknown,\n options: readonly TOption[],\n fallback: TOption,\n): TOption {\n const record = isRecord(value) ? value : null;\n const id = typeof record?.id === 'string' ? record.id : null;\n\n return options.find((option) => option.id === id) ?? fallback;\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction readNullableOption<TValue, TOption>(\n value: TValue | null | undefined,\n mapper: (value: TValue) => TOption,\n): TOption | null {\n return value ? mapper(value) : null;\n}\n\nfunction today(): string {\n return formatDateParts(new Date());\n}\n\nfunction formatDateOnly(value: string | undefined): string {\n const date = value ? new Date(value) : null;\n\n return date && !Number.isNaN(date.getTime()) ? formatDateParts(date) : '';\n}\n\nfunction formatDateParts(date: Date): string {\n return `${date.getFullYear()}-${padDatePart(date.getMonth() + 1)}-${padDatePart(\n date.getDate(),\n )}`;\n}\n\nfunction padDatePart(value: number): string {\n return String(value).padStart(2, '0');\n}\n\nfunction readErrorMessage(error: unknown): string {\n return error instanceof Error ? error.message : '讀取組織資料失敗。';\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use client";require('../orgs.css');const e=require("./app-navigation-KnlJCUp1.cjs"),t=require("./routes-config-2aKbWq2H.cjs"),n=require("./admin-pickers-Btvij1at.cjs"),r=require("./bpm-form-field-Bc6k4ZEO.cjs");let i=require("react"),a=require("@mezzanine-ui/react"),o=require("@rytass/bpm-core-client"),s=require("react/jsx-runtime"),c=require("@mezzanine-ui/icons"),l=require("@mezzanine-ui/react/ContentHeader");l=e.o(l,1);let u=require("@mezzanine-ui/core/form"),d=require("@rytass/bpm-core-client/organization"),f=require("@xyflow/react"),p=require("dagre");p=e.o(p,1);function m(e){return new Map(e.map(e=>[e.id,e.parentId]))}function h({orgUnitId:e,parentDraft:t,parentId:n}){let r=n===e?e:n,i=_({orgUnitId:e,parentDraft:t,parentId:r});if(i)return{message:i,parentDraft:t,status:`INVALID`};if((t.get(e)??null)===r)return{message:`父子關係沒有變更。`,parentDraft:t,status:`UNCHANGED`};let a=new Map(t);return a.set(e,r),{message:r?`已暫存新的上層組織。`:`已暫存為根節點。`,parentDraft:a,status:`UPDATED`}}function g({orgUnits:e,parentDraft:t}){return e.map(e=>{let n=t.get(e.id)??null;return n===e.parentId?null:{orgUnitId:e.id,parentId:n,previousParentId:e.parentId}}).filter(e=>!!e)}function _({orgUnitId:e,parentDraft:t,parentId:n}){return t.has(e)?n?t.has(n)?n===e?`組織不可成為自己的上層。`:v({orgUnitId:e,parentDraft:t,parentId:n})?`不可搬移到自己的下層組織。`:null:`找不到新的上層組織。`:null:`找不到要搬移的組織節點。`}function v({orgUnitId:e,parentDraft:t,parentId:n}){let r=new Set,i=n;for(;i;){if(i===e||r.has(i))return!0;r.add(i),i=t.get(i)??null}return!1}var y={orgTreeEditor:`bpm_orgTreeEditor_TMOtD`,orgTreeSummary:`bpm_orgTreeSummary_vpcV8`,orgTreeChangeList:`bpm_orgTreeChangeList_EzmOv`,orgTreeCanvas:`bpm_orgTreeCanvas_MeD7y`,orgTreeNode:`bpm_orgTreeNode_bN4FS`,orgTreeNodeRoot:`bpm_orgTreeNodeRoot_Hr2KD`,orgTreeNodeSelected:`bpm_orgTreeNodeSelected_eRwtL`,orgTreeNodeChanged:`bpm_orgTreeNodeChanged_qPJg0`,orgTreeNodeDeleted:`bpm_orgTreeNodeDeleted_Ab0cI`,orgTreeNodeHeader:`bpm_orgTreeNodeHeader_LEXl-`,orgTreeNodeBadge:`bpm_orgTreeNodeBadge_zLc7t`,orgTreeNodeActions:`bpm_orgTreeNodeActions_cMldI`},b=`__org-tree-root__`,x=232,S=118,C=232,w=86,T=320,E={COMPANY:`公司`,DEPARTMENT:`部門`,DIVISION:`事業群`,TEAM:`小組`},D={orgUnit:k},O=(0,i.forwardRef)(function({onCreateChild:e,onCreateRoot:t,onEditOrgUnit:n,onSaveDraft:r,onStateChange:o,orgUnits:c},l){let[u,d]=(0,i.useState)(!1),[p,_]=(0,i.useState)(null),[v,x]=(0,i.useState)(null),[S,C]=(0,i.useState)(()=>m(c)),[w,T]=(0,i.useState)([]),E=(0,i.useMemo)(()=>new Map(c.map(e=>[e.id,e])),[c]),O=(0,i.useMemo)(()=>g({orgUnits:c,parentDraft:S}),[c,S]),k=(0,i.useMemo)(()=>ee({isEditing:u,onCreateChild:n=>{n?e(n):t()},onEditOrgUnit:e=>{let t=E.get(e);t&&n(t)},orgUnits:c,orgUnitsById:E,parentDraft:S,selectedOrgUnitId:v}),[u,e,t,n,c,E,S,v]),A=O.length>0;(0,i.useImperativeHandle)(l,()=>({cancelEditing:F,saveDraft:I,startEditing:ae})),(0,i.useEffect)(()=>{o({hasDraftChanges:A,isEditing:u})},[A,u,o]),(0,i.useEffect)(()=>{C(m(c)),x(null),_(null),d(!1)},[c]),(0,i.useEffect)(()=>{T(k.nodes)},[k.nodes]);let j=(0,i.useCallback)((e,t)=>{C(n=>{let r=h({orgUnitId:e,parentDraft:n,parentId:t});return _(r.message),r.parentDraft})},[]),M=(0,i.useCallback)(e=>{if(!u||!e.target||!e.source)return;let t=e.source===b?null:e.source;if(e.target===b){_(`根節點不能搬移到其他節點下。`);return}j(e.target,t)},[j,u]),re=(0,i.useCallback)(e=>{u&&T(t=>(0,f.applyNodeChanges)(e,[...t]))},[u]),N=(0,i.useCallback)((e,t,n)=>{if(!u||t.id===b)return;let r=ne(e,t.id)??te(t,n);if(r===void 0){_(`拖曳到目標父節點附近,或從父節點拉線到子節點。`);return}j(t.id,r===b?null:r)},[j,u]);function ae(){d(!0),C(m(c)),_(`已進入編輯模式,拖曳節點或拉線只會更新前端草稿。`)}function F(){d(!1),C(m(c)),_(`已取消草稿變更。`)}async function I(){if(!r){_(`批次儲存 API 尚未接上,草稿仍保留在前端。`);return}await r(O),d(!1),_(`組織樹草稿已儲存。`)}return(0,s.jsxs)(`div`,{className:y.orgTreeEditor,children:[(0,s.jsxs)(`div`,{className:y.orgTreeSummary,children:[(0,s.jsx)(a.Typography,{color:`text-neutral`,variant:`caption`,children:p??(A?`目前有 ${O.length} 筆父子關係草稿變更。`:`目前沒有草稿變更。`)}),A?(0,s.jsx)(`ul`,{className:y.orgTreeChangeList,children:O.map(e=>(0,s.jsxs)(`li`,{children:[P(e.orgUnitId,E),`:`,P(e.previousParentId,E),` -> `,P(e.parentId,E)]},e.orgUnitId))}):null]}),(0,s.jsx)(`div`,{className:y.orgTreeCanvas,children:(0,s.jsxs)(f.ReactFlow,{connectionMode:f.ConnectionMode.Strict,edges:[...k.edges],fitView:!0,fitViewOptions:{padding:.18},isValidConnection:e=>ie({source:e.source,target:e.target},S),maxZoom:1.4,minZoom:.25,nodeTypes:D,nodes:[...w],nodesConnectable:u,nodesDraggable:u,onConnect:M,onNodeClick:(e,t)=>{x(t.id===b?null:t.id)},onNodeDoubleClick:(e,t)=>{if(t.id!==b){let e=E.get(t.id);e&&n(e)}},onNodeDragStop:N,onNodesChange:re,onPaneClick:()=>x(null),panOnDrag:!0,proOptions:{hideAttribution:!0},children:[(0,s.jsx)(f.Background,{}),(0,s.jsx)(f.Controls,{}),(0,s.jsx)(f.MiniMap,{pannable:!0,zoomable:!0})]})})]})});function k({data:e,selected:t}){return(0,s.jsxs)(`div`,{className:[y.orgTreeNode,e.isSyntheticRoot?y.orgTreeNodeRoot:``,e.changed?y.orgTreeNodeChanged:``,e.deleted?y.orgTreeNodeDeleted:``,t?y.orgTreeNodeSelected:``].filter(Boolean).join(` `),children:[e.isSyntheticRoot?null:(0,s.jsx)(f.Handle,{id:`target`,isConnectable:e.isEditing,position:f.Position.Top,type:`target`}),(0,s.jsx)(f.Handle,{id:`source`,isConnectable:e.isEditing,position:f.Position.Bottom,type:`source`}),(0,s.jsxs)(`div`,{className:y.orgTreeNodeHeader,children:[(0,s.jsx)(a.Typography,{component:`span`,ellipsis:!0,title:e.name,variant:`label-primary`,children:e.name}),e.changed?(0,s.jsx)(`span`,{className:y.orgTreeNodeBadge,children:`草稿`}):null]}),(0,s.jsx)(a.Typography,{color:`text-neutral`,component:`span`,ellipsis:!0,title:e.code,variant:`caption`,children:e.isSyntheticRoot?`根節點容器`:`${e.typeLabel} · ${e.code}`}),e.isSyntheticRoot?null:(0,s.jsxs)(a.Typography,{color:`text-neutral`,component:`span`,ellipsis:!0,title:e.parentLabel,variant:`caption`,children:[`上層:`,e.parentLabel]}),(0,s.jsx)(`div`,{className:y.orgTreeNodeActions,children:e.isSyntheticRoot?(0,s.jsx)(a.Button,{icon:c.PlusIcon,iconType:`leading`,onClick:()=>e.onCreateChild(null),size:`sub`,variant:`base-secondary`,children:`新增根節點`}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Button,{icon:c.EditIcon,iconType:`leading`,onClick:()=>{e.orgUnitId&&e.onEdit(e.orgUnitId)},size:`sub`,variant:`base-secondary`,children:`編輯`}),(0,s.jsx)(a.Button,{icon:c.PlusIcon,iconType:`leading`,onClick:()=>e.onCreateChild(e.orgUnitId),size:`sub`,variant:`base-secondary`,children:`新增子節點`})]})})]})}function ee({isEditing:e,onCreateChild:t,onEditOrgUnit:n,orgUnits:r,orgUnitsById:i,parentDraft:a,selectedOrgUnitId:o}){let s=new p.graphlib.Graph;s.setDefaultEdgeLabel(()=>({})),s.setGraph({marginx:36,marginy:36,nodesep:44,rankdir:`TB`}),s.setNode(b,{height:w,width:C}),r.forEach(e=>{s.setNode(e.id,{height:S,width:x})}),r.forEach(e=>{let t=a.get(e.id)??null;s.setEdge(t??b,e.id)}),p.layout(s);let c=A({data:{changed:!1,code:b,deleted:!1,isEditing:e,isSyntheticRoot:!0,name:`組織根節點`,onCreateChild:t,onEdit:n,orgUnitId:null,parentLabel:``,path:``,typeLabel:``},graph:s,height:w,id:b,selected:o===null,width:C}),l=r.map(r=>{let c=a.get(r.id)??null,l=P(c,i);return A({data:{changed:c!==r.parentId,code:r.code,deleted:!!r.deletedAt,isEditing:e,isSyntheticRoot:!1,name:r.name,onCreateChild:t,onEdit:n,orgUnitId:r.id,parentLabel:l,path:r.path,typeLabel:ae(r.type)},graph:s,height:S,id:r.id,selected:o===r.id,width:x})});return{edges:r.map(t=>{let n=a.get(t.id)??null,r=n!==t.parentId;return{animated:e&&r,data:{},id:`org-tree-edge-${n??`root`}-${t.id}`,source:n??b,sourceHandle:`source`,style:r?{stroke:`var(--mzn-color-primary, #0057ff)`,strokeWidth:2}:void 0,target:t.id,targetHandle:`target`,type:`smoothstep`}}),nodes:[c,...l]}}function A({data:e,graph:t,height:n,id:r,selected:i,width:a}){let o=t.node(r);return{data:e,height:n,id:r,initialHeight:n,initialWidth:a,position:o?{x:o.x-a/2,y:o.y-n/2}:{x:0,y:0},selected:i,sourcePosition:f.Position.Bottom,targetPosition:f.Position.Top,type:`orgUnit`,width:a}}function te(e,t){let n=re(e);return t.filter(t=>t.id!==e.id).map(e=>({distance:N(n,re(e)),id:e.id})).filter(e=>e.distance<=T).sort((e,t)=>e.distance-t.distance)[0]?.id}function ne(e,t){let n=j(e);if(n)return Array.from(document.querySelectorAll(`.react-flow__node[data-id]`)).map(e=>{let r=e.dataset.id;if(!r||r===t)return null;let i=e.getBoundingClientRect();return{distance:N(n,{x:i.left+i.width/2,y:i.top+i.height/2}),id:r}}).filter(e=>!!e).filter(e=>e.distance<=T).sort((e,t)=>e.distance-t.distance)[0]?.id}function j(e){return M(e)?{x:e.clientX,y:e.clientY}:null}function M(e){return typeof e==`object`&&!!e&&`clientX`in e&&`clientY`in e&&typeof e.clientX==`number`&&typeof e.clientY==`number`}function re(e){return{x:e.position.x+(e.width??x)/2,y:e.position.y+(e.height??S)/2}}function N(e,t){return Math.hypot(e.x-t.x,e.y-t.y)}function ie(e,t){return!e.source||!e.target||e.target===b?!1:_({orgUnitId:e.target,parentDraft:t,parentId:e.source===b?null:e.source})===null}function P(e,t){if(!e)return`根節點`;let n=t.get(e);return n?`${n.name} · ${n.code}`:`未知組織`}function ae(e){return E[e.toUpperCase()]??`未知類型`}var F={tableIntroActions:`bpm_tableIntroActions_WO4XU`,modalFields:`bpm_modalFields_juyv6`,tableIntro:`bpm_tableIntro_u3hcm`,tableFrame:`bpm_tableFrame_IdbmB`,orgFilterArea:`bpm_orgFilterArea_Xjbbp`,membershipFilterArea:`bpm_membershipFilterArea_zob-Y`,scopeLabel:`bpm_scopeLabel_TLHMC`},I={hasDraftChanges:!1,isEditing:!1},L=[{id:`COMPANY`,name:`公司`},{id:`DIVISION`,name:`事業群`},{id:`DEPARTMENT`,name:`部門`},{id:`TEAM`,name:`小組`}],oe={id:`ALL`,name:`全部類型`},se=[oe,...L],R=[{id:`MEMBER`,name:`指定會員`},{id:`ORG_UNIT`,name:`指定組織`},{id:`POSITION`,name:`指定職位`}],ce={id:`ALL`,name:`全部範圍`},le=[ce,...R],ue={activeOnly:!1,id:`ALL`,name:`全部狀態`},z=[ue,{activeOnly:!0,id:`ACTIVE`,name:`目前有效`}],B=[{id:`true`,name:`主要歸屬`,value:!0},{id:`false`,name:`一般歸屬`,value:!1}],V=[10,20,50],H=1368,de=908,fe=1292,pe=1124;function me({activeHref:n}={}){let r=t.r(),c=n??r.adminOrgs(),[u,f]=(0,i.useState)(`ORG_UNITS`),[p,m]=(0,i.useState)(null),[h,g]=(0,i.useState)(null),[_,v]=(0,i.useState)(null),[y,b]=(0,i.useState)(!0),[x,S]=(0,i.useState)(null),[C,w]=(0,i.useState)(ue),[T,E]=(0,i.useState)(1),[D,O]=(0,i.useState)(10),[k,ee]=(0,i.useState)(ce),[A,te]=(0,i.useState)(0),[ne,j]=(0,i.useState)([]),[M,re]=(0,i.useState)(null),[N,ie]=(0,i.useState)(null),[P,ae]=(0,i.useState)(null),[F,I]=(0,i.useState)(1),[L,se]=(0,i.useState)(10),[R,le]=(0,i.useState)(null),[z,B]=(0,i.useState)(0),[V,H]=(0,i.useState)(null),[de,fe]=(0,i.useState)(1),[pe,me]=(0,i.useState)(10),[U,ye]=(0,i.useState)(``),[be,xe]=(0,i.useState)(0),[W,G]=(0,i.useState)(oe),[Ee,Pe]=(0,i.useState)(`TABLE`),[K,Fe]=(0,i.useState)([]),[Ie,Le]=(0,i.useState)([]),[Re,ze]=(0,i.useState)([]),[Be,Ve]=(0,i.useState)(null),[q,J]=(0,i.useState)(1),[Y,He]=(0,i.useState)(10),[Ue,We]=(0,i.useState)(``),[Ke,qe]=(0,i.useState)(0),[Je,Ye]=(0,i.useState)([]),[Xe,Ze]=(0,i.useState)([]),[Qe,$e]=(0,i.useState)([]),[Z,et]=(0,i.useState)(!1);(0,i.useEffect)(()=>{p&&g(p)},[p]);let tt=p??h,nt=(0,i.useCallback)(async()=>{b(!0),v(null);try{let e=await(0,d.readOrganizationDashboard)({managerActiveOnly:C.activeOnly,managerPage:T,managerPageSize:D,managerScopeType:k.id===`ALL`?null:k.id,membershipActiveOnly:M?.activeOnly??!1,membershipOrgUnitId:P?.id??null,membershipPage:F,membershipPageSize:L,membershipPositionId:R?.id??null,orgUnitPage:de,orgUnitPageSize:pe,orgUnitSearchText:U,orgUnitType:W.id===`ALL`?null:W.id,positionPage:q,positionPageSize:Y,positionSearchText:Ue});j(await(0,o.resolveMembers)(De(e.memberships,e.managerResolutions))),Fe(e.orgUnits),xe(e.orgUnitCount),Le(e.filteredOrgUnits),Ye(e.positions),qe(e.positionCount),ze(e.filteredPositions),B(e.membershipCount),$e(e.filteredMemberships),te(e.managerResolutionCount),Ze(e.filteredManagerResolutions)}catch(e){v(Ge(e))}finally{b(!1)}},[C,T,D,k,M,P,F,L,R,de,pe,U,W,q,Y,Ue]);(0,i.useEffect)(()=>{nt()},[nt]);let Q=(0,i.useMemo)(()=>new Map(K.map(e=>[e.id,e])),[K]),rt=(0,i.useMemo)(()=>new Map(Je.map(e=>[e.id,e])),[Je]),$=(0,i.useMemo)(()=>new Map(ne.map(e=>[e.memberId,e])),[ne]),it=(0,i.useMemo)(()=>Ie.map(e=>({...e,key:e.id,parentName:e.parentId?Ae(Q.get(e.parentId)):`根節點`,typeLabel:je(e.type)})),[Ie,Q]),at=(0,i.useMemo)(()=>Re.map(e=>({...e,key:e.id})),[Re]),ot=(0,i.useMemo)(()=>Qe.map(e=>({...e,key:e.id,memberName:ke($.get(e.memberId)),orgUnitName:Ae(Q.get(e.orgUnitId)),positionName:e.positionId?Me(rt.get(e.positionId)):`未指定`})),[$,Qe,Q,rt]),st=(0,i.useMemo)(()=>Xe.map(e=>({...e,key:e.id,managerName:ke($.get(e.managerMemberId)),scopeLabel:Oe(e,{membersById:$,orgUnitsById:Q,positionsById:rt})})),[Xe,$,Q,rt]),ct=(0,i.useMemo)(()=>({render:e=>[{name:`編輯`,onClick:()=>H({record:e,type:`EDIT`})},{name:`停用`,onClick:()=>m({confirmText:`停用組織`,description:`停用「${e.name}」後,這個組織節點將不再出現在可用組織清單中。`,id:e.id,title:`停用組織節點`,type:`ORG_UNIT`}),variant:`destructive-secondary`}],variant:`base-secondary`,width:128}),[]),lt=(0,i.useMemo)(()=>({render:e=>[{name:`編輯`,onClick:()=>Ve({record:e,type:`EDIT`})}],variant:`base-secondary`,width:88}),[]),ut=(0,i.useMemo)(()=>({render:e=>[{name:`編輯`,onClick:()=>ie({record:e,type:`EDIT`})},{name:`刪除`,onClick:()=>m({confirmText:`刪除歸屬`,description:`刪除「${e.memberName}」在「${e.orgUnitName}」的會員歸屬。`,id:e.id,title:`刪除會員歸屬`,type:`MEMBERSHIP`}),variant:`destructive-secondary`}],variant:`base-secondary`,width:128}),[]),dt=(0,i.useMemo)(()=>({render:e=>[{name:`編輯`,onClick:()=>S({record:e,type:`EDIT`})},{name:`刪除`,onClick:()=>m({confirmText:`刪除主管規則`,description:`刪除「${e.scopeLabel}」指派給「${e.managerName}」的主管解析規則。`,id:e.id,title:`刪除主管解析規則`,type:`MANAGER_RESOLUTION`}),variant:`destructive-secondary`}],variant:`base-secondary`,width:128}),[]);function ft(e){fe(1),ye(e)}function pt(e){fe(1),G(e)}function mt(e){J(1),We(e)}function ht(e){I(1),re(e)}function gt(e){I(1),ae(e)}function _t(e){I(1),le(e)}function vt(e){E(1),w(e)}function yt(e){E(1),ee(e)}function bt(){Z||m(null)}async function xt(){p&&await Ct(async()=>{p.type===`ORG_UNIT`&&await(0,d.deleteOrgUnit)(p.id),p.type===`MEMBERSHIP`&&await(0,d.deleteMembership)(p.id),p.type===`MANAGER_RESOLUTION`&&await(0,d.deleteManagerResolution)(p.id),m(null)})}async function St(e){et(!0),v(null);try{await(0,d.commitOrgUnitTreeDraft)({moves:e.map(e=>({baseUpdatedAt:Q.get(e.orgUnitId)?.updatedAt??``,id:e.orgUnitId,parentId:e.parentId}))}),await nt()}catch(e){throw v(Ge(e)),e}finally{et(!1)}}async function Ct(e){et(!0),v(null);try{await e(),await nt()}catch(e){v(Ge(e))}finally{et(!1)}}return(0,s.jsxs)(e.t,{activeHref:c,children:[(0,s.jsx)(a.PageHeader,{children:(0,s.jsx)(l.default,{description:`維護組織樹、職位、會員歸屬與簽核主管解析規則。`,title:`組織管理`})}),(0,s.jsx)(a.SectionGroup,{children:(0,s.jsxs)(a.Section,{tab:(0,s.jsxs)(a.Tab,{activeKey:u,onChange:e=>f(Ne(e)),children:[(0,s.jsx)(a.TabItem,{children:`組織樹`},`ORG_UNITS`),(0,s.jsx)(a.TabItem,{children:`職位`},`POSITIONS`),(0,s.jsx)(a.TabItem,{children:`會員歸屬`},`MEMBERSHIPS`),(0,s.jsx)(a.TabItem,{children:`簽核主管`},`MANAGERS`)]}),children:[_?(0,s.jsx)(a.Typography,{color:`text-error`,variant:`body`,children:_}):null,u===`ORG_UNITS`?(0,s.jsx)(he,{actions:ct,loading:y,onCreate:()=>H({parentId:null,record:null,type:`CREATE`}),onCreateChild:e=>H({parentId:e,record:null,type:`CREATE`}),onEditOrgUnit:e=>H({record:e,type:`EDIT`}),onPageChange:fe,onSaveDraft:St,onPageSizeChange:e=>{fe(1),me(e)},onSearchTextChange:ft,onTypeFilterChange:pt,orgUnits:K,page:de,pageSize:pe,rows:it,searchText:U,saving:Z,total:be,typeFilter:W,viewMode:Ee,onViewModeChange:Pe}):null,u===`POSITIONS`?(0,s.jsx)(ge,{actions:lt,loading:y,onCreate:()=>Ve({record:null,type:`CREATE`}),onPageChange:J,onPageSizeChange:e=>{J(1),He(e)},onSearchTextChange:mt,page:q,pageSize:Y,rows:at,searchText:Ue,total:Ke}):null,u===`MEMBERSHIPS`?(0,s.jsx)(_e,{actions:ut,loading:y,onCreate:()=>ie({record:null,type:`CREATE`}),onActiveFilterChange:ht,onOrgUnitFilterChange:gt,onPageChange:I,onPageSizeChange:e=>{I(1),se(e)},onPositionFilterChange:_t,orgUnitFilter:P,orgUnits:K,page:F,pageSize:L,positionFilter:R,positions:Je,rows:ot,statusFilter:M,total:z}):null,u===`MANAGERS`?(0,s.jsx)(ve,{actions:dt,loading:y,onCreate:()=>S({record:null,type:`CREATE`}),onActiveFilterChange:vt,onPageChange:E,onPageSizeChange:e=>{E(1),O(e)},onScopeTypeFilterChange:yt,page:T,pageSize:D,rows:st,scopeTypeFilter:k,statusFilter:C,total:A}):null]})}),(0,s.jsx)(Se,{modal:V,onClose:()=>H(null),onSubmit:e=>Ct(async()=>{V?.type===`EDIT`&&V.record?await(0,d.updateOrgUnit)({...e,id:V.record.id,metadataJson:null}):await(0,d.createOrgUnit)({code:e.code??``,metadataJson:`{}`,name:e.name??``,parentId:e.parentId,type:e.type??`DEPARTMENT`}),H(null)}),orgUnits:K,saving:Z}),(0,s.jsx)(Ce,{modal:Be,onClose:()=>Ve(null),onSubmit:e=>Ct(async()=>{Be?.type===`EDIT`&&Be.record?await(0,d.updatePosition)({...e,id:Be.record.id,metadataJson:null}):await(0,d.createPosition)({code:e.code??``,level:e.level??0,metadataJson:`{}`,name:e.name??``}),Ve(null)}),saving:Z}),(0,s.jsx)(we,{membersById:$,modal:N,onClose:()=>ie(null),onSubmit:e=>Ct(async()=>{N?.type===`EDIT`&&N.record?await(0,d.updateMembership)({...e,id:N.record.id}):await(0,d.createMembership)({effectiveFrom:e.effectiveFrom??X(),effectiveTo:e.effectiveTo,isPrimary:e.isPrimary??!1,memberId:e.memberId??``,orgUnitId:e.orgUnitId??``,positionId:e.positionId}),ie(null)}),orgUnits:K,positions:Je,saving:Z}),(0,s.jsx)(Te,{membersById:$,modal:x,onClose:()=>S(null),onSubmit:e=>Ct(async()=>{x?.type===`EDIT`&&x.record?await(0,d.updateManagerResolution)({...e,id:x.record.id}):await(0,d.createManagerResolution)({effectiveFrom:e.effectiveFrom??X(),effectiveTo:e.effectiveTo,managerMemberId:e.managerMemberId??``,priority:e.priority??0,scopeId:e.scopeId??``,scopeType:e.scopeType??`MEMBER`}),S(null)}),orgUnits:K,positions:Je,saving:Z}),(0,s.jsx)(a.Modal,{cancelText:`取消`,confirmButtonProps:{variant:`destructive-primary`},confirmText:tt?.confirmText??``,loading:Z,modalStatusType:`error`,modalType:`standard`,onCancel:bt,onClose:bt,onConfirm:()=>void xt(),open:!!p,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`此操作會立即套用,請確認後再繼續。`,title:tt?.title??``,children:(0,s.jsx)(a.Typography,{color:`text-neutral`,variant:`body`,children:tt?.description??``})})]})}function he({actions:e,loading:t,onCreate:n,onCreateChild:r,onEditOrgUnit:o,onPageChange:l,onSaveDraft:d,onPageSizeChange:f,onSearchTextChange:p,onTypeFilterChange:m,onViewModeChange:h,orgUnits:g,page:_,pageSize:v,rows:y,searchText:b,saving:x,total:S,typeFilter:C,viewMode:w}){let T=(0,i.useRef)(null),[E,D]=(0,i.useState)(I),k=w===`TABLE`?`FLOW`:`TABLE`,ee=w===`TABLE`?`切換樹狀圖`:`切換表格`,A=w===`FLOW`,te=ye({isTreeMode:A,isTreeEditing:E.isEditing}),ne=be({isTreeMode:A,isTreeEditing:E.isEditing}),j=xe({hasDraftChanges:E.hasDraftChanges,isTreeEditing:E.isEditing,isTreeMode:A,loading:t,saving:x}),M=(0,i.useMemo)(()=>[{dataIndex:`code`,key:`code`,title:`代碼`,width:180},{dataIndex:`name`,key:`name`,title:`名稱`,width:240},{dataIndex:`typeLabel`,key:`typeLabel`,title:`類型`,width:120},{dataIndex:`parentName`,key:`parentName`,title:`上層`,width:280},{dataIndex:`path`,key:`path`,title:`Path`,width:420}],[]);return(0,i.useEffect)(()=>{w===`TABLE`&&D(I)},[w]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(W,{actionDisabled:j,actionIcon:ne,actionLabel:te,actions:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.Button,{onClick:()=>h(k),variant:`base-secondary`,children:ee}),A&&E.isEditing?(0,s.jsx)(a.Button,{disabled:x,icon:c.CloseIcon,iconType:`leading`,onClick:()=>T.current?.cancelEditing(),variant:`base-secondary`,children:`取消`}):null]}),description:`組織節點使用 ltree path 維護階層,搬移節點會同步更新子節點 path。`,onCreate:()=>{if(!A){n();return}if(E.isEditing){T.current?.saveDraft();return}T.current?.startEditing()},title:`組織樹`}),w===`TABLE`?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.FilterArea,{className:F.orgFilterArea,size:`sub`,children:(0,s.jsxs)(a.FilterLine,{children:[(0,s.jsx)(a.Filter,{span:3,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`orgUnitSearchText`,children:(0,s.jsx)(a.Input,{fullWidth:!0,onChange:e=>p(e.target.value),placeholder:`搜尋組織名稱或代碼`,size:`sub`,value:b,variant:`base`})})}),(0,s.jsx)(a.Filter,{span:2,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`orgUnitTypeFilter`,children:(0,s.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>m(K(e)),options:[...se],placeholder:`類型`,size:`sub`,value:C})})})]})}),(0,s.jsx)(`div`,{className:F.tableFrame,children:(0,s.jsx)(a.Table,{actions:e,columns:M,dataSource:[...y],fullWidth:!0,loading:t,pagination:U({onPageChange:l,onPageSizeChange:f,page:_,pageSize:v,total:S}),style:{minWidth:H}})})]}):(0,s.jsx)(O,{ref:T,onCreateChild:r,onCreateRoot:n,onEditOrgUnit:o,onSaveDraft:d,onStateChange:D,orgUnits:g,saving:x})]})}function ge({actions:e,loading:t,onCreate:n,onPageChange:r,onPageSizeChange:o,onSearchTextChange:c,page:l,pageSize:d,rows:f,searchText:p,total:m}){let h=(0,i.useMemo)(()=>[{dataIndex:`code`,key:`code`,title:`代碼`,width:180},{dataIndex:`name`,key:`name`,title:`名稱`,width:280},{dataIndex:`level`,key:`level`,title:`職等`,width:96},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(W,{actionLabel:`新增職位`,description:`職位提供會員歸屬與主管解析規則使用。`,onCreate:n,title:`職位`}),(0,s.jsx)(a.FilterArea,{className:F.orgFilterArea,size:`sub`,children:(0,s.jsx)(a.FilterLine,{children:(0,s.jsx)(a.Filter,{span:3,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`positionSearchText`,children:(0,s.jsx)(a.Input,{fullWidth:!0,onChange:e=>c(e.target.value),placeholder:`搜尋職位名稱或代碼`,size:`sub`,value:p,variant:`base`})})})})}),(0,s.jsx)(`div`,{className:F.tableFrame,children:(0,s.jsx)(a.Table,{actions:e,columns:h,dataSource:[...f],fullWidth:!0,loading:t,pagination:U({onPageChange:r,onPageSizeChange:o,page:l,pageSize:d,total:m}),style:{minWidth:de}})})]})}function _e({actions:e,loading:t,onCreate:r,onActiveFilterChange:o,onOrgUnitFilterChange:c,onPageChange:l,onPageSizeChange:d,onPositionFilterChange:f,orgUnitFilter:p,orgUnits:m,page:h,pageSize:g,positionFilter:_,positions:v,rows:y,statusFilter:b,total:x}){let S=(0,i.useMemo)(()=>[{dataIndex:`memberName`,key:`memberName`,title:`會員`,width:280},{dataIndex:`orgUnitName`,key:`orgUnitName`,title:`組織`,width:280},{dataIndex:`positionName`,key:`positionName`,title:`職位`,width:220},{key:`isPrimary`,render:e=>e.isPrimary?`主要`:`一般`,title:`類型`,width:104},{dataIndex:`effectiveFrom`,key:`effectiveFrom`,title:`生效日`,width:140},{dataIndex:`effectiveTo`,key:`effectiveTo`,title:`結束日`,width:140}],[]),C=(0,i.useMemo)(()=>m.map(n.a),[m]),w=(0,i.useMemo)(()=>v.map(n.o),[v]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(W,{actionLabel:`新增歸屬`,description:`會員歸屬是 BPM 內部組織權限、主管解析與條件判斷的來源。`,onCreate:r,title:`會員歸屬`}),(0,s.jsx)(a.FilterArea,{className:[F.orgFilterArea,F.membershipFilterArea].join(` `),size:`sub`,children:(0,s.jsxs)(a.FilterLine,{children:[(0,s.jsx)(a.Filter,{span:2,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`membershipOrgUnitFilter`,children:(0,s.jsx)(a.AutoComplete,{disabledOptionsFilter:!0,emptyText:`沒有符合的組織`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`membershipOrgUnitFilter`,spellCheck:!1},mode:`single`,name:`membershipOrgUnitFilter`,onChange:e=>c(ze(e)),options:[...C],placeholder:`全部組織`,size:`sub`,value:p})})}),(0,s.jsx)(a.Filter,{span:2,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`membershipPositionFilter`,children:(0,s.jsx)(a.AutoComplete,{disabledOptionsFilter:!0,emptyText:`沒有符合的職位`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`membershipPositionFilter`,spellCheck:!1},mode:`single`,name:`membershipPositionFilter`,onChange:e=>f(Be(e)),options:[...w],placeholder:`全部職位`,size:`sub`,value:_})})}),(0,s.jsx)(a.Filter,{span:2,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`membershipStatusFilter`,children:(0,s.jsx)(a.AutoComplete,{disabledOptionsFilter:!0,emptyText:`沒有符合的狀態`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`membershipStatusFilter`,spellCheck:!1},mode:`single`,name:`membershipStatusFilter`,onChange:e=>o(Re(e)),options:[...z],placeholder:`全部狀態`,size:`sub`,value:b})})})]})}),(0,s.jsx)(`div`,{className:F.tableFrame,children:(0,s.jsx)(a.Table,{actions:e,columns:S,dataSource:[...y],fullWidth:!0,loading:t,pagination:U({onPageChange:l,onPageSizeChange:d,page:h,pageSize:g,total:x}),style:{minWidth:fe}})})]})}function ve({actions:e,loading:t,onCreate:n,onActiveFilterChange:r,onPageChange:o,onPageSizeChange:c,onScopeTypeFilterChange:l,page:d,pageSize:f,rows:p,scopeTypeFilter:m,statusFilter:h,total:g}){let _=(0,i.useMemo)(()=>[{dataIndex:`scopeLabel`,key:`scopeLabel`,title:`套用範圍`,width:320},{dataIndex:`managerName`,key:`managerName`,title:`簽核主管`,width:300},{dataIndex:`priority`,key:`priority`,title:`優先序`,width:96},{dataIndex:`effectiveFrom`,key:`effectiveFrom`,title:`生效日`,width:140},{dataIndex:`effectiveTo`,key:`effectiveTo`,title:`結束日`,width:140}],[]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(W,{actionLabel:`新增主管規則`,description:`簽核主管規則獨立於組織樹 parent,解析優先序為會員、組織、職位。`,onCreate:n,title:`簽核主管`}),(0,s.jsx)(a.FilterArea,{className:F.orgFilterArea,size:`sub`,children:(0,s.jsxs)(a.FilterLine,{children:[(0,s.jsx)(a.Filter,{span:3,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`managerScopeTypeFilter`,children:(0,s.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>l(Ie(e)),options:[...le],placeholder:`套用範圍`,size:`sub`,value:m})})}),(0,s.jsx)(a.Filter,{span:2,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`managerStatusFilter`,children:(0,s.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>r(Le(e)),options:[...z],placeholder:`狀態`,size:`sub`,value:h})})})]})}),(0,s.jsx)(`div`,{className:F.tableFrame,children:(0,s.jsx)(a.Table,{actions:e,columns:_,dataSource:[...p],fullWidth:!0,loading:t,pagination:U({onPageChange:o,onPageSizeChange:c,page:d,pageSize:f,total:g}),style:{minWidth:pe}})})]})}function U({onPageChange:e,onPageSizeChange:t,page:n,pageSize:r,total:i}){return{current:n,onChange:e,onChangePageSize:t,pageSize:r,pageSizeLabel:`每頁筆數`,pageSizeOptions:[...V],renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆,共 ${n} 筆`,showPageSizeOptions:!0,total:i}}function ye({isTreeEditing:e,isTreeMode:t}){return t?e?`儲存`:`開始編輯`:`新增組織`}function be({isTreeEditing:e,isTreeMode:t}){return t?e?c.SaveIcon:c.EditIcon:c.PlusIcon}function xe({hasDraftChanges:e,isTreeEditing:t,isTreeMode:n,loading:r,saving:i}){return n?t?!e||i:r:!1}function W({actionDisabled:e=!1,actionIcon:t=c.PlusIcon,actionLabel:n,actions:r,description:i,onCreate:o,title:l}){return(0,s.jsxs)(`div`,{className:F.tableIntro,children:[(0,s.jsxs)(`div`,{children:[(0,s.jsx)(a.Typography,{component:`h2`,variant:`h3`,children:l}),(0,s.jsx)(a.Typography,{color:`text-neutral`,variant:`body`,children:i})]}),(0,s.jsxs)(`div`,{className:F.tableIntroActions,children:[r,(0,s.jsx)(a.Button,{disabled:e,icon:t,iconType:`leading`,onClick:o,children:n})]})]})}function Se({modal:e,onClose:t,onSubmit:o,orgUnits:c,saving:l}){let[u,d]=(0,i.useState)(``),[f,p]=(0,i.useState)(``),[m,h]=(0,i.useState)(null),[g,_]=(0,i.useState)(L[2]);return(0,i.useEffect)(()=>{if(!e)return;let t=e.record,r=t?.parentId??e.parentId??null,i=r?c.find(e=>e.id===r)??null:null;d(t?.code??``),p(t?.name??``),h(i?n.a(i):null),_(L.find(e=>e.id===t?.type)??L[2])},[e,c]),(0,s.jsx)(a.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!u||!f},confirmText:e?.type===`EDIT`?`儲存`:`建立`,loading:l,modalType:`standard`,onCancel:t,onClose:t,onConfirm:()=>void o({code:u,name:f,parentId:m?.id??null,type:g.id}),open:!!e,showModalFooter:!0,showModalHeader:!0,size:`regular`,title:e?.type===`EDIT`?`編輯組織`:`新增組織`,children:(0,s.jsxs)(`div`,{className:F.modalFields,children:[(0,s.jsx)(G,{label:`代碼`,name:`orgCode`,onChange:d,placeholder:`例如 FIN-TW`,value:u}),(0,s.jsx)(G,{label:`名稱`,name:`orgName`,onChange:p,placeholder:`例如 財務部`,value:f}),(0,s.jsx)(r.t,{label:`類型`,name:`orgType`,children:(0,s.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>_(Pe(e)),options:[...L],placeholder:`選擇組織類型`,value:g})}),(0,s.jsx)(r.t,{label:`上層組織`,name:`parentId`,children:(0,s.jsx)(n.n,{name:`parentId`,onChange:h,orgUnits:c.filter(t=>t.id!==e?.record?.id),placeholder:`選擇上層組織`,value:m})})]})})}function Ce({modal:e,onClose:t,onSubmit:n,saving:r}){let[o,c]=(0,i.useState)(``),[l,u]=(0,i.useState)(`0`),[d,f]=(0,i.useState)(``);return(0,i.useEffect)(()=>{e&&(c(e.record?.code??``),u(String(e.record?.level??0)),f(e.record?.name??``))},[e]),(0,s.jsx)(a.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!o||!d},confirmText:e?.type===`EDIT`?`儲存`:`建立`,loading:r,modalType:`standard`,onCancel:t,onClose:t,onConfirm:()=>void n({code:o,level:Number(l),name:d}),open:!!e,showModalFooter:!0,showModalHeader:!0,size:`regular`,title:e?.type===`EDIT`?`編輯職位`:`新增職位`,children:(0,s.jsxs)(`div`,{className:F.modalFields,children:[(0,s.jsx)(G,{label:`代碼`,name:`positionCode`,onChange:c,placeholder:`例如 FIN-MGR`,value:o}),(0,s.jsx)(G,{label:`名稱`,name:`positionName`,onChange:f,placeholder:`例如 財務主管`,value:d}),(0,s.jsx)(G,{label:`職等`,name:`positionLevel`,onChange:u,placeholder:`例如 5`,value:l})]})})}function we({membersById:e,modal:t,onClose:o,onSubmit:c,orgUnits:l,positions:u,saving:d}){let[f,p]=(0,i.useState)(X()),[m,h]=(0,i.useState)(``),[g,_]=(0,i.useState)(B[1]),[v,y]=(0,i.useState)(null),[b,x]=(0,i.useState)(null),[S,C]=(0,i.useState)(null);return(0,i.useEffect)(()=>{if(!t)return;let r=t.record,i=r?e.get(r.memberId):null;p(r?.effectiveFrom??X()),h(r?.effectiveTo??``),_(B.find(e=>e.value===r?.isPrimary)??B[1]),y(i?n.i(i):null),x(Y(l.find(e=>e.id===r?.orgUnitId),n.a)),C(Y(u.find(e=>e.id===r?.positionId),n.o))},[e,t,l,u]),(0,s.jsx)(a.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!v||!b},confirmText:t?.type===`EDIT`?`儲存`:`建立`,loading:d,modalType:`standard`,onCancel:o,onClose:o,onConfirm:()=>void c({effectiveFrom:f,effectiveTo:m||null,isPrimary:g.value,memberId:v?.id??null,orgUnitId:b?.id??null,positionId:S?.id??null}),open:!!t,showModalFooter:!0,showModalHeader:!0,size:`regular`,title:t?.type===`EDIT`?`編輯會員歸屬`:`新增會員歸屬`,children:(0,s.jsxs)(`div`,{className:F.modalFields,children:[(0,s.jsx)(r.t,{label:`會員`,name:`memberId`,children:(0,s.jsx)(n.t,{name:`memberId`,onChange:y,placeholder:`搜尋會員姓名或信箱`,value:v})}),(0,s.jsx)(r.t,{label:`組織`,name:`orgUnitId`,children:(0,s.jsx)(n.n,{name:`orgUnitId`,onChange:x,orgUnits:l,placeholder:`選擇歸屬組織`,value:b})}),(0,s.jsx)(r.t,{label:`職位`,name:`positionId`,children:(0,s.jsx)(n.r,{name:`positionId`,onChange:C,placeholder:`選擇職位`,positions:u,value:S})}),(0,s.jsx)(r.t,{label:`歸屬類型`,name:`isPrimary`,children:(0,s.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>_(Ve(e)),options:[...B],placeholder:`選擇歸屬類型`,value:g})}),(0,s.jsx)(Ee,{label:`生效日`,name:`membershipEffectiveFrom`,onChange:p,placeholder:`YYYY-MM-DD`,value:f}),(0,s.jsx)(Ee,{label:`結束日`,name:`membershipEffectiveTo`,onChange:h,placeholder:`YYYY-MM-DD,未設定代表無期限`,value:m})]})})}function Te({membersById:e,modal:t,onClose:o,onSubmit:c,orgUnits:l,positions:u,saving:d}){let[f,p]=(0,i.useState)(X()),[m,h]=(0,i.useState)(``),[g,_]=(0,i.useState)(null),[v,y]=(0,i.useState)(`0`),[b,x]=(0,i.useState)(null),[S,C]=(0,i.useState)(null),[w,T]=(0,i.useState)(null),[E,D]=(0,i.useState)(R[0]);(0,i.useEffect)(()=>{if(!t)return;let r=t.record,i=R.find(e=>e.id===r?.scopeType)??R[0];p(r?.effectiveFrom??X()),h(r?.effectiveTo??``),_(Y(r?e.get(r.managerMemberId):null,n.i)),y(String(r?.priority??0)),x(i.id===`MEMBER`?Y(r?e.get(r.scopeId):null,n.i):null),C(i.id===`ORG_UNIT`?Y(l.find(e=>e.id===r?.scopeId),n.a):null),T(i.id===`POSITION`?Y(u.find(e=>e.id===r?.scopeId),n.o):null),D(i)},[e,t,l,u]);let O=E.id===`MEMBER`?b?.id:E.id===`ORG_UNIT`?S?.id:w?.id,k=!!(E.id===`MEMBER`&&b?.id&&g?.id&&b.id===g.id);return(0,s.jsx)(a.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!g||!O||k},confirmText:t?.type===`EDIT`?`儲存`:`建立`,loading:d,modalType:`standard`,onCancel:o,onClose:o,onConfirm:()=>void c({effectiveFrom:f,effectiveTo:m||null,managerMemberId:g?.id??null,priority:Number(v),scopeId:O??null,scopeType:E.id}),open:!!t,showModalFooter:!0,showModalHeader:!0,size:`regular`,title:t?.type===`EDIT`?`編輯主管規則`:`新增主管規則`,children:(0,s.jsxs)(`div`,{className:F.modalFields,children:[(0,s.jsx)(r.t,{label:`套用範圍`,name:`scopeType`,children:(0,s.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>D(Fe(e)),options:[...R],placeholder:`選擇套用範圍`,value:E})}),E.id===`MEMBER`?(0,s.jsx)(r.t,{label:`會員`,name:`scopeMemberId`,children:(0,s.jsx)(n.t,{name:`scopeMemberId`,onChange:x,placeholder:`搜尋套用會員`,value:b})}):null,E.id===`ORG_UNIT`?(0,s.jsx)(r.t,{label:`組織`,name:`scopeOrgUnitId`,children:(0,s.jsx)(n.n,{name:`scopeOrgUnitId`,onChange:C,orgUnits:l,placeholder:`選擇套用組織`,value:S})}):null,E.id===`POSITION`?(0,s.jsx)(r.t,{label:`職位`,name:`scopePositionId`,children:(0,s.jsx)(n.r,{name:`scopePositionId`,onChange:T,placeholder:`選擇套用職位`,positions:u,value:w})}):null,(0,s.jsx)(r.t,{label:`簽核主管`,name:`managerMemberId`,children:(0,s.jsx)(n.t,{name:`managerMemberId`,onChange:_,placeholder:`搜尋簽核主管`,value:g})}),k?(0,s.jsx)(a.Typography,{color:`text-error`,variant:`caption`,children:`簽核主管不可設定為套用會員本人。`}):null,(0,s.jsx)(G,{label:`優先序`,name:`managerPriority`,onChange:y,placeholder:`例如 10`,value:v}),(0,s.jsx)(Ee,{label:`生效日`,name:`managerEffectiveFrom`,onChange:p,placeholder:`YYYY-MM-DD`,value:f}),(0,s.jsx)(Ee,{label:`結束日`,name:`managerEffectiveTo`,onChange:h,placeholder:`YYYY-MM-DD,未設定代表無期限`,value:m})]})})}function G({label:e,name:t,onChange:n,placeholder:i,value:o}){return(0,s.jsx)(r.t,{label:e,name:t,children:(0,s.jsx)(a.Input,{fullWidth:!0,name:t,onChange:e=>n(e.target.value),placeholder:i,value:o})})}function Ee({label:e,name:t,onChange:n,placeholder:i,value:o}){return(0,s.jsx)(r.t,{label:e,name:t,children:(0,s.jsx)(a.DatePicker,{format:`YYYY-MM-DD`,fullWidth:!0,inputProps:{name:t},onChange:e=>n(He(e)),placeholder:i,value:o.trim()?o:void 0})})}function De(e,t){return[...new Set([...e.map(e=>e.memberId),...t.map(e=>e.managerMemberId),...t.filter(e=>e.scopeType===`MEMBER`).map(e=>e.scopeId)])]}function Oe(e,t){return e.scopeType===`MEMBER`?`會員:${ke(t.membersById.get(e.scopeId))}`:e.scopeType===`ORG_UNIT`?`組織:${Ae(t.orgUnitsById.get(e.scopeId))}`:`職位:${Me(t.positionsById.get(e.scopeId))}`}function ke(e){return e?`${e.name} · ${e.email}`:`未知會員`}function Ae(e){return e?`${e.name} · ${e.code}`:`未知組織`}function je(e){return L.find(t=>t.id.toLowerCase()===e.toLowerCase())?.name??`未知類型`}function Me(e){return e?`${e.name} · ${e.code}`:`未指定`}function Ne(e){return e===`MANAGERS`||e===`MEMBERSHIPS`||e===`POSITIONS`?e:`ORG_UNITS`}function Pe(e){let t=J(e)?e:null;if(typeof t?.id==`string`){let e=t.id;return L.find(t=>t.id.toLowerCase()===e.toLowerCase())??L[2]}return L[2]}function K(e){let t=J(e)?e:null;if(typeof t?.id==`string`){let e=t.id;return se.find(t=>t.id.toLowerCase()===e.toLowerCase())??oe}return oe}function Fe(e){return q(e,R,R[0])}function Ie(e){return q(e,le,ce)}function Le(e){return q(e,z,ue)}function Re(e){let t=J(e)?e:null,n=typeof t?.id==`string`?t.id:null;return z.find(e=>e.id===n)??null}function ze(e){let t=J(e)?e:null,n=typeof t?.id==`string`?t.id:null,r=typeof t?.name==`string`?t.name:null;return n&&r?{id:n,name:r}:null}function Be(e){let t=J(e)?e:null,n=typeof t?.id==`string`?t.id:null,r=typeof t?.name==`string`?t.name:null;return n&&r?{id:n,name:r}:null}function Ve(e){return q(e,B,B[1])}function q(e,t,n){let r=J(e)?e:null,i=typeof r?.id==`string`?r.id:null;return t.find(e=>e.id===i)??n}function J(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function Y(e,t){return e?t(e):null}function X(){return Ue(new Date)}function He(e){let t=e?new Date(e):null;return t&&!Number.isNaN(t.getTime())?Ue(t):``}function Ue(e){return`${e.getFullYear()}-${We(e.getMonth()+1)}-${We(e.getDate())}`}function We(e){return String(e).padStart(2,`0`)}function Ge(e){return e instanceof Error?e.message:`讀取組織資料失敗。`}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return me}});
|
|
2
|
-
//# sourceMappingURL=orgs-YMiVLNvL.cjs.map
|