@rytass/bpm-core-react 0.3.1 → 0.3.2

package/dist/chunks/{categories-DTEl182t.js → categories-BIpOG451.js}

@@ -1,22 +1,23 @@
 "use client";
 import { t as e } from "./format-date-time-CB-LxzqT.js";
-import { t } from "./app-navigation-uwbNEw9P.js";
-import { t as n } from "./bpm-form-field-Cao0rMol.js";
-import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
-import { Badge as s, Button as c, Filter as l, FilterArea as u, FilterLine as d, FormField as f, Input as p, Modal as m, PageHeader as h, Section as g, SectionGroup as _, Tab as ee, TabItem as te, Table as ne, Textarea as v, Typography as y } from "@mezzanine-ui/react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { PlusIcon as C } from "@mezzanine-ui/icons";
-import w from "@mezzanine-ui/react/ContentHeader";
-import { FormFieldLayout as re } from "@mezzanine-ui/core/form";
-import { createApprovalTemplateCategory as ie, deleteApprovalTemplateCategory as ae, listApprovalTemplateCategoriesPage as oe, updateApprovalTemplateCategory as T } from "@rytass/bpm-core-client/template";
-import '../categories.css';var E = {
+import { t } from "./app-navigation-BSkMsEhy.js";
+import { r as n } from "./routes-config-dxahImVe.js";
+import { t as r } from "./bpm-form-field-Cao0rMol.js";
+import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+import { Badge as c, Button as l, Filter as u, FilterArea as d, FilterLine as f, FormField as p, Input as m, Modal as h, PageHeader as g, Section as _, SectionGroup as ee, Tab as te, TabItem as v, Table as y, Textarea as b, Typography as x } from "@mezzanine-ui/react";
+import { Fragment as ne, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { PlusIcon as w } from "@mezzanine-ui/icons";
+import T from "@mezzanine-ui/react/ContentHeader";
+import { FormFieldLayout as E } from "@mezzanine-ui/core/form";
+import { createApprovalTemplateCategory as D, deleteApprovalTemplateCategory as O, listApprovalTemplateCategoriesPage as re, updateApprovalTemplateCategory as k } from "@rytass/bpm-core-client/template";
+import '../categories.css';var A = {
 	templateFilterArea: "bpm_templateFilterArea_nUL-R",
 	templateModalFields: "bpm_templateModalFields_hUxWp"
-}, D = [
+}, ie = [
 	10,
 	20,
 	50
-], O = [
+], ae = [
 	{
 		key: "ALL",
 		label: "全部"
@@ -30,36 +31,36 @@ import '../categories.css';var E = {
 		label: "停用"
 	}
 ];
-function k({ activeHref: n = "/templates/categories" } = {}) {
-	let [s, v] = o([]), [k, F] = o(1), [I, L] = o(10), [R, z] = o("ALL"), [B, V] = o(0), [H, U] = o(null), [W, G] = o(null), [K, q] = o(!0), [J, Y] = o(null), [X, Z] = o(!1), [Q, se] = o(""), $ = r(async () => {
-		q(!0), G(null);
+function j({ activeHref: r } = {}) {
+	let c = n(), b = r ?? c.templateCategories(), [j, N] = s([]), [P, F] = s(1), [I, L] = s(10), [R, z] = s("ALL"), [B, V] = s(0), [H, U] = s(null), [W, G] = s(null), [ue, K] = s(!0), [q, J] = s(null), [Y, X] = s(!1), [Z, Q] = s(""), $ = i(async () => {
+		K(!0), G(null);
 		try {
-			let e = await oe({
-				page: k,
+			let e = await re({
+				page: P,
 				pageSize: I,
-				searchText: Q,
-				status: N(R)
+				searchText: Z,
+				status: le(R)
 			});
-			v(e.categories), V(e.totalCount);
+			N(e.categories), V(e.totalCount);
 		} catch (e) {
-			G(P(e));
+			G(M(e));
 		} finally {
-			q(!1);
+			K(!1);
 		}
 	}, [
-		k,
+		P,
 		I,
 		R,
-		Q
+		Z
 	]);
-	i(() => {
+	a(() => {
 		$();
 	}, [$]);
-	let ce = a(() => s.map((t) => ({
+	let de = o(() => j.map((t) => ({
 		...t,
 		key: t.id,
 		updatedAtLabel: e(t.updatedAt)
-	})), [s]), le = a(() => [
+	})), [j]), fe = o(() => [
 		{
 			dataIndex: "name",
 			key: "name",
@@ -68,7 +69,7 @@ function k({ activeHref: n = "/templates/categories" } = {}) {
 		},
 		{
 			key: "status",
-			render: (e) => /* @__PURE__ */ x(j, { isActive: e.isActive }),
+			render: (e) => /* @__PURE__ */ S(se, { isActive: e.isActive }),
 			title: "狀態",
 			width: 120
 		},
@@ -80,7 +81,7 @@ function k({ activeHref: n = "/templates/categories" } = {}) {
 		},
 		{
 			key: "description",
-			render: (e) => /* @__PURE__ */ x(y, {
+			render: (e) => /* @__PURE__ */ S(x, {
 				component: "span",
 				variant: "body",
 				children: e.description || "無"
@@ -95,23 +96,23 @@ function k({ activeHref: n = "/templates/categories" } = {}) {
 			width: 220
 		}
 	], []);
-	async function ue(e) {
-		Z(!0), G(null);
+	async function pe(e) {
+		X(!0), G(null);
 		try {
-			J?.type === "EDIT" && J.record ? await T({
+			q?.type === "EDIT" && q.record ? await k({
 				...e,
-				id: J.record.id
-			}) : await ie(e), Y(null), await $();
+				id: q.record.id
+			}) : await D(e), J(null), await $();
 		} catch (e) {
-			throw G(P(e)), e;
+			throw G(M(e)), e;
 		} finally {
-			Z(!1);
+			X(!1);
 		}
 	}
-	async function de(e) {
-		Z(!0), G(null);
+	async function me(e) {
+		X(!0), G(null);
 		try {
-			await T({
+			await k({
 				description: e.description,
 				id: e.id,
 				isActive: !e.isActive,
@@ -119,35 +120,35 @@ function k({ activeHref: n = "/templates/categories" } = {}) {
 				sortOrder: e.sortOrder
 			}), await $();
 		} catch (e) {
-			G(P(e));
+			G(M(e));
 		} finally {
-			Z(!1);
+			X(!1);
 		}
 	}
-	async function fe() {
+	async function he() {
 		if (H) {
-			Z(!0), G(null);
+			X(!0), G(null);
 			try {
-				await ae(H.id), U(null), await $();
+				await O(H.id), U(null), await $();
 			} catch (e) {
-				G(P(e));
+				G(M(e));
 			} finally {
-				Z(!1);
+				X(!1);
 			}
 		}
 	}
-	let pe = a(() => ({
+	let ge = o(() => ({
 		render: (e) => [
 			{
 				name: "編輯",
-				onClick: () => Y({
+				onClick: () => J({
 					record: e,
 					type: "EDIT"
 				})
 			},
 			{
 				name: e.isActive ? "停用" : "啟用",
-				onClick: () => void de(e),
+				onClick: () => void me(e),
 				variant: e.isActive ? "destructive-secondary" : "base-secondary"
 			},
 			{
@@ -162,64 +163,64 @@ function k({ activeHref: n = "/templates/categories" } = {}) {
 		variant: "base-secondary",
 		width: 192
 	}), [$]);
-	return /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ S(t, {
-			activeHref: n,
-			children: [/* @__PURE__ */ x(h, { children: /* @__PURE__ */ x(w, {
+	return /* @__PURE__ */ C(ne, { children: [
+		/* @__PURE__ */ C(t, {
+			activeHref: b,
+			children: [/* @__PURE__ */ S(g, { children: /* @__PURE__ */ S(T, {
 				description: "維護簽核模板分類，供模板建立、篩選與列表標示使用。",
 				title: "簽核模板分類",
-				children: /* @__PURE__ */ x(c, {
-					icon: C,
+				children: /* @__PURE__ */ S(l, {
+					icon: w,
 					iconType: "leading",
-					onClick: () => Y({
+					onClick: () => J({
 						record: null,
 						type: "CREATE"
 					}),
 					variant: "base-primary",
 					children: "建立分類"
 				})
-			}) }), /* @__PURE__ */ x(_, { children: /* @__PURE__ */ S(g, {
-				filterArea: /* @__PURE__ */ x(u, {
-					className: E.templateFilterArea,
+			}) }), /* @__PURE__ */ S(ee, { children: /* @__PURE__ */ C(_, {
+				filterArea: /* @__PURE__ */ S(d, {
+					className: A.templateFilterArea,
 					size: "sub",
-					children: /* @__PURE__ */ x(d, { children: /* @__PURE__ */ x(l, {
+					children: /* @__PURE__ */ S(f, { children: /* @__PURE__ */ S(u, {
 						span: 3,
-						children: /* @__PURE__ */ x(f, {
+						children: /* @__PURE__ */ S(p, {
 							fullWidth: !0,
-							layout: re.VERTICAL,
+							layout: E.VERTICAL,
 							name: "categorySearchText",
-							children: /* @__PURE__ */ x(p, {
+							children: /* @__PURE__ */ S(m, {
 								fullWidth: !0,
 								onChange: (e) => {
-									se(e.target.value), F(1);
+									Q(e.target.value), F(1);
 								},
 								placeholder: "關鍵字：搜尋分類名稱或說明",
 								size: "sub",
-								value: Q,
+								value: Z,
 								variant: "base"
 							})
 						})
 					}) })
 				}),
-				tab: /* @__PURE__ */ x(ee, {
+				tab: /* @__PURE__ */ S(te, {
 					activeKey: R,
 					onChange: (e) => {
-						z(M(e)), F(1);
+						z(ce(e)), F(1);
 					},
-					children: O.map((e) => /* @__PURE__ */ x(te, { children: e.label }, e.key))
+					children: ae.map((e) => /* @__PURE__ */ S(v, { children: e.label }, e.key))
 				}),
-				children: [W ? /* @__PURE__ */ x(y, {
+				children: [W ? /* @__PURE__ */ S(x, {
 					color: "text-error",
 					variant: "body",
 					children: W
-				}) : null, /* @__PURE__ */ x(ne, {
-					actions: pe,
-					columns: le,
-					dataSource: ce,
+				}) : null, /* @__PURE__ */ S(y, {
+					actions: ge,
+					columns: fe,
+					dataSource: de,
 					fullWidth: !0,
-					loading: K || X,
+					loading: ue || Y,
 					pagination: {
-						current: k,
+						current: P,
 						onChange: (e) => {
 							F(e);
 						},
@@ -228,7 +229,7 @@ function k({ activeHref: n = "/templates/categories" } = {}) {
 						},
 						pageSize: I,
 						pageSizeLabel: "每頁筆數",
-						pageSizeOptions: D,
+						pageSizeOptions: ie,
 						renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
 						showPageSizeOptions: !0,
 						total: B
@@ -236,29 +237,29 @@ function k({ activeHref: n = "/templates/categories" } = {}) {
 				})]
 			}) })]
 		}),
-		/* @__PURE__ */ x(A, {
-			loading: X,
-			modal: J,
-			onClose: () => Y(null),
-			onSubmit: ue
+		/* @__PURE__ */ S(oe, {
+			loading: Y,
+			modal: q,
+			onClose: () => J(null),
+			onSubmit: pe
 		}),
-		/* @__PURE__ */ x(m, {
+		/* @__PURE__ */ S(h, {
 			cancelText: "取消",
 			confirmButtonProps: { variant: "destructive-primary" },
 			confirmText: "刪除",
-			loading: X,
+			loading: Y,
 			modalStatusType: "error",
 			modalType: "standard",
 			onCancel: () => U(null),
 			onClose: () => U(null),
-			onConfirm: () => void fe(),
+			onConfirm: () => void he(),
 			open: !!H,
 			showModalFooter: !0,
 			showModalHeader: !0,
 			size: "regular",
 			supportingText: "若分類已被模板使用，系統會改為停用分類並保留既有模板關聯。",
 			title: "刪除分類",
-			children: /* @__PURE__ */ S(y, {
+			children: /* @__PURE__ */ C(x, {
 				color: "text-neutral",
 				variant: "body",
 				children: [
@@ -270,13 +271,13 @@ function k({ activeHref: n = "/templates/categories" } = {}) {
 		})
 	] });
 }
-function A({ loading: e, modal: t, onClose: r, onSubmit: a }) {
-	let [s, c] = o(""), [l, u] = o(null), [d, f] = o(""), [h, g] = o("0");
-	i(() => {
+function oe({ loading: e, modal: t, onClose: n, onSubmit: i }) {
+	let [o, c] = s(""), [l, u] = s(null), [d, f] = s(""), [p, g] = s("0");
+	a(() => {
 		t && (c(t.record?.description ?? ""), u(null), f(t.record?.name ?? ""), g(String(t.record?.sortOrder ?? 0)));
 	}, [t]);
 	async function _() {
-		let e = d.trim(), n = Number(h);
+		let e = d.trim(), n = Number(p);
 		if (!e) {
 			u("請輸入分類名稱");
 			return;
@@ -286,38 +287,38 @@ function A({ loading: e, modal: t, onClose: r, onSubmit: a }) {
 			return;
 		}
 		try {
-			await a({
-				description: s.trim() || null,
+			await i({
+				description: o.trim() || null,
 				isActive: t?.record?.isActive ?? !0,
 				name: e,
 				sortOrder: n
 			});
 		} catch (e) {
-			u(P(e));
+			u(M(e));
 		}
 	}
-	return /* @__PURE__ */ S(m, {
+	return /* @__PURE__ */ C(h, {
 		cancelText: "取消",
 		confirmButtonProps: { disabled: !d.trim() },
 		confirmText: t?.type === "EDIT" ? "儲存" : "建立",
 		loading: e,
 		modalType: "standard",
-		onCancel: r,
-		onClose: r,
+		onCancel: n,
+		onClose: n,
 		onConfirm: () => void _(),
 		open: !!t,
 		showModalFooter: !0,
 		showModalHeader: !0,
 		size: "regular",
 		title: t?.type === "EDIT" ? "編輯分類" : "建立分類",
-		children: [/* @__PURE__ */ S("div", {
-			className: E.templateModalFields,
+		children: [/* @__PURE__ */ C("div", {
+			className: A.templateModalFields,
 			children: [
-				/* @__PURE__ */ x(n, {
+				/* @__PURE__ */ S(r, {
 					label: "分類名稱",
 					name: "categoryName",
 					required: !0,
-					children: /* @__PURE__ */ x(p, {
+					children: /* @__PURE__ */ S(m, {
 						autoFocus: !0,
 						fullWidth: !0,
 						onChange: (e) => {
@@ -328,59 +329,59 @@ function A({ loading: e, modal: t, onClose: r, onSubmit: a }) {
 						variant: "base"
 					})
 				}),
-				/* @__PURE__ */ x(n, {
+				/* @__PURE__ */ S(r, {
 					label: "排序",
 					name: "categorySortOrder",
-					children: /* @__PURE__ */ x(p, {
+					children: /* @__PURE__ */ S(m, {
 						fullWidth: !0,
 						onChange: (e) => {
 							g(e.target.value), u(null);
 						},
 						placeholder: "0",
-						value: h,
+						value: p,
 						variant: "base"
 					})
 				}),
-				/* @__PURE__ */ x(n, {
+				/* @__PURE__ */ S(r, {
 					label: "說明",
 					name: "categoryDescription",
-					children: /* @__PURE__ */ x(v, {
+					children: /* @__PURE__ */ S(b, {
 						onChange: (e) => {
 							c(e.target.value), u(null);
 						},
 						placeholder: "補充分類用途",
-						value: s
+						value: o
 					})
 				})
 			]
-		}), l ? /* @__PURE__ */ x(y, {
+		}), l ? /* @__PURE__ */ S(x, {
 			color: "text-error",
 			variant: "body",
 			children: l
 		}) : null]
 	});
 }
-function j({ isActive: e }) {
-	return e ? /* @__PURE__ */ x(s, {
+function se({ isActive: e }) {
+	return e ? /* @__PURE__ */ S(c, {
 		size: "sub",
 		text: "啟用",
 		variant: "dot-success"
-	}) : /* @__PURE__ */ x(s, {
+	}) : /* @__PURE__ */ S(c, {
 		size: "sub",
 		text: "停用",
 		variant: "dot-inactive"
 	});
 }
-function M(e) {
+function ce(e) {
 	return e === "ACTIVE" || e === "INACTIVE" ? e : "ALL";
 }
-function N(e) {
+function le(e) {
 	return e;
 }
-function P(e) {
+function M(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 //#endregion
-export { E as n, k as t };
+export { A as n, j as t };
 
-//# sourceMappingURL=categories-DTEl182t.js.map
+//# sourceMappingURL=categories-BIpOG451.js.map

package/dist/chunks/categories-BIpOG451.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories-BIpOG451.js","names":[],"sources":["../../src/views/templates/templates.module.scss","../../src/views/templates/categories/TemplateCategoriesView.tsx"],"sourcesContent":[".templateFilterArea {\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.templateModalFields {\n  display: grid;\n  gap: 16px;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Textarea,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { BPMFormField } from '../../../components/bpm-form-field';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport { AppLayout } from '../../../components/app-navigation';\nimport {\n  ApprovalTemplateCategoryRecord,\n  ApprovalTemplateCategoryStatus,\n  createApprovalTemplateCategory,\n  deleteApprovalTemplateCategory,\n  listApprovalTemplateCategoriesPage,\n  updateApprovalTemplateCategory,\n} from '@rytass/bpm-core-client/template';\nimport styles from '../templates.module.scss';\n\nconst CATEGORY_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst CATEGORY_STATUS_TABS: readonly {\n  readonly key: CategoryStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用' },\n  { key: 'INACTIVE', label: '停用' },\n];\ntype CategoryStatusTabKey = 'ACTIVE' | 'ALL' | 'INACTIVE';\n\ntype CategoryRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateCategoryRecord & {\n      key: string;\n      updatedAtLabel: string;\n    }\n>;\n\ntype CategoryModalState = Readonly<{\n  record: ApprovalTemplateCategoryRecord | null;\n  type: 'CREATE' | 'EDIT';\n}>;\n\ntype DeleteConfirmationState = Readonly<{\n  id: string;\n  name: string;\n}>;\n\nexport interface TemplateCategoriesViewProps {\n  readonly activeHref?: string;\n}\n\nexport function TemplateCategoriesView({\n  activeHref,\n}: TemplateCategoriesViewProps = {}): ReactElement {\n  const routes = useBPMRoutes();\n  const resolvedActiveHref = activeHref ?? routes.templateCategories();\n  const [categories, setCategories] = useState<\n    readonly ApprovalTemplateCategoryRecord[]\n  >([]);\n  const [categoryPage, setCategoryPage] = useState(1);\n  const [categoryPageSize, setCategoryPageSize] = useState(10);\n  const [categoryStatus, setCategoryStatus] =\n    useState<CategoryStatusTabKey>('ALL');\n  const [categoryTotalCount, setCategoryTotalCount] = useState(0);\n  const [deleteConfirmation, setDeleteConfirmation] =\n    useState<DeleteConfirmationState | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [modalState, setModalState] = useState<CategoryModalState | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [searchText, setSearchText] = useState('');\n\n  const refreshCategories = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const categoryPageResult = await listApprovalTemplateCategoriesPage({\n        page: categoryPage,\n        pageSize: categoryPageSize,\n        searchText,\n        status: readCategoryStatus(categoryStatus),\n      });\n\n      setCategories(categoryPageResult.categories);\n      setCategoryTotalCount(categoryPageResult.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [categoryPage, categoryPageSize, categoryStatus, searchText]);\n\n  useEffect((): void => {\n    void refreshCategories();\n  }, [refreshCategories]);\n\n  const rows = useMemo(\n    (): CategoryRow[] =>\n      categories.map((category) => ({\n        ...category,\n        key: category.id,\n        updatedAtLabel: formatDateTime(category.updatedAt),\n      })),\n    [categories],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<CategoryRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '分類名稱', width: 180 },\n      {\n        key: 'status',\n        render: (record: CategoryRow): ReactElement => (\n          <CategoryStatusBadge isActive={record.isActive} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        dataIndex: 'sortOrder',\n        key: 'sortOrder',\n        title: '排序',\n        width: 100,\n      },\n      {\n        key: 'description',\n        render: (record: CategoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.description || '無'}\n          </Typography>\n        ),\n        title: '說明',\n        width: 260,\n      },\n      {\n        dataIndex: 'updatedAtLabel',\n        key: 'updatedAtLabel',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n\n  async function handleSaveCategory(input: CategoryFormInput): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      if (modalState?.type === 'EDIT' && modalState.record) {\n        await updateApprovalTemplateCategory({\n          ...input,\n          id: modalState.record.id,\n        });\n      } else {\n        await createApprovalTemplateCategory(input);\n      }\n\n      setModalState(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n      throw requestError;\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleToggleCategory(\n    record: ApprovalTemplateCategoryRecord,\n  ): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      await updateApprovalTemplateCategory({\n        description: record.description,\n        id: record.id,\n        isActive: !record.isActive,\n        name: record.name,\n        sortOrder: record.sortOrder,\n      });\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleConfirmDelete(): Promise<void> {\n    if (!deleteConfirmation) {\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await deleteApprovalTemplateCategory(deleteConfirmation.id);\n      setDeleteConfirmation(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const tableActions = useMemo(\n    (): TableActions<CategoryRow> => ({\n      render: (record): ReturnType<TableActions<CategoryRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => setModalState({ record, type: 'EDIT' }),\n        },\n        {\n          name: record.isActive ? '停用' : '啟用',\n          onClick: (): void => void handleToggleCategory(record),\n          variant: record.isActive ? 'destructive-secondary' : 'base-secondary',\n        },\n        {\n          name: '刪除',\n          onClick: (): void =>\n            setDeleteConfirmation({ id: record.id, name: record.name }),\n          variant: 'destructive-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [refreshCategories],\n  );\n\n  return (\n    <>\n      <AppLayout activeHref={resolvedActiveHref}>\n          <PageHeader>\n            <ContentHeader\n              description=\"維護簽核模板分類，供模板建立、篩選與列表標示使用。\"\n              title=\"簽核模板分類\"\n            >\n              <Button\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void =>\n                  setModalState({ record: null, type: 'CREATE' })\n                }\n                variant=\"base-primary\"\n              >\n                建立分類\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"categorySearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setSearchText(event.target.value);\n                            setCategoryPage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋分類名稱或說明\"\n                          size=\"sub\"\n                          value={searchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={categoryStatus}\n                  onChange={(activeKey): void => {\n                    setCategoryStatus(readCategoryStatusTabKey(activeKey));\n                    setCategoryPage(1);\n                  }}\n                >\n                  {CATEGORY_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                actions={tableActions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading || saving}\n                pagination={{\n                  current: categoryPage,\n                  onChange: (page): void => {\n                    setCategoryPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setCategoryPage(1);\n                    setCategoryPageSize(pageSize);\n                  },\n                  pageSize: categoryPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: CATEGORY_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: categoryTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </AppLayout>\n\n      <CategoryModal\n        loading={saving}\n        modal={modalState}\n        onClose={(): void => setModalState(null)}\n        onSubmit={handleSaveCategory}\n      />\n      <Modal\n        cancelText=\"取消\"\n        confirmButtonProps={{ variant: 'destructive-primary' }}\n        confirmText=\"刪除\"\n        loading={saving}\n        modalStatusType=\"error\"\n        modalType=\"standard\"\n        onCancel={(): void => setDeleteConfirmation(null)}\n        onClose={(): void => setDeleteConfirmation(null)}\n        onConfirm={(): void => void handleConfirmDelete()}\n        open={Boolean(deleteConfirmation)}\n        showModalFooter\n        showModalHeader\n        size=\"regular\"\n        supportingText=\"若分類已被模板使用，系統會改為停用分類並保留既有模板關聯。\"\n        title=\"刪除分類\"\n      >\n        <Typography color=\"text-neutral\" variant=\"body\">\n          確定要刪除「{deleteConfirmation?.name ?? ''}」嗎？\n        </Typography>\n      </Modal>\n    </>\n  );\n}\n\ninterface CategoryFormInput {\n  readonly description: string | null;\n  readonly isActive: boolean;\n  readonly name: string;\n  readonly sortOrder: number;\n}\n\nfunction CategoryModal({\n  loading,\n  modal,\n  onClose,\n  onSubmit,\n}: {\n  readonly loading: boolean;\n  readonly modal: CategoryModalState | null;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: CategoryFormInput) => Promise<void>;\n}): ReactElement {\n  const [description, setDescription] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [name, setName] = useState('');\n  const [sortOrder, setSortOrder] = useState('0');\n\n  useEffect((): void => {\n    if (!modal) {\n      return;\n    }\n\n    setDescription(modal.record?.description ?? '');\n    setError(null);\n    setName(modal.record?.name ?? '');\n    setSortOrder(String(modal.record?.sortOrder ?? 0));\n  }, [modal]);\n\n  async function handleConfirm(): Promise<void> {\n    const trimmedName = name.trim();\n    const parsedSortOrder = Number(sortOrder);\n\n    if (!trimmedName) {\n      setError('請輸入分類名稱');\n      return;\n    }\n\n    if (!Number.isInteger(parsedSortOrder)) {\n      setError('排序必須是整數');\n      return;\n    }\n\n    try {\n      await onSubmit({\n        description: description.trim() || null,\n        isActive: modal?.record?.isActive ?? true,\n        name: trimmedName,\n        sortOrder: parsedSortOrder,\n      });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !name.trim() }}\n      confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={Boolean(modal)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={modal?.type === 'EDIT' ? '編輯分類' : '建立分類'}\n    >\n      <div className={styles.templateModalFields}>\n        <BPMFormField label=\"分類名稱\" name=\"categoryName\" required>\n          <Input\n            autoFocus\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setName(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"例如：行政管理\"\n            value={name}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"排序\" name=\"categorySortOrder\">\n          <Input\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setSortOrder(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"0\"\n            value={sortOrder}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"說明\" name=\"categoryDescription\">\n          <Textarea\n            onChange={(event: ChangeEvent<HTMLTextAreaElement>): void => {\n              setDescription(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"補充分類用途\"\n            value={description}\n          />\n        </BPMFormField>\n      </div>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction CategoryStatusBadge({\n  isActive,\n}: {\n  readonly isActive: boolean;\n}): ReactElement {\n  return isActive ? (\n    <Badge size=\"sub\" text=\"啟用\" variant=\"dot-success\" />\n  ) : (\n    <Badge size=\"sub\" text=\"停用\" variant=\"dot-inactive\" />\n  );\n}\n\nfunction readCategoryStatusTabKey(activeKey: Key): CategoryStatusTabKey {\n  if (activeKey === 'ACTIVE' || activeKey === 'INACTIVE') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readCategoryStatus(\n  status: CategoryStatusTabKey,\n): ApprovalTemplateCategoryStatus {\n  return status;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}

package/dist/chunks/dashboard-page-1K_jQXQk.cjs

@@ -0,0 +1,2 @@
+"use client";require('../dashboard-page.css');const e=require("./app-navigation-KnlJCUp1.cjs"),t=require("./auth-provider-BV8Iiwfb.cjs"),n=require("./routes-config-2aKbWq2H.cjs");let r=require("react"),i=require("@mezzanine-ui/react"),a=require("react/jsx-runtime"),o=require("@rytass/bpm-core-client/workflow"),s=require("@mezzanine-ui/icons"),c=require("@mezzanine-ui/react/ContentHeader");c=e.o(c,1);var l={metricCard:`bpm_metricCard_vp2qC`},u={activeInstanceCount:0,completedInstanceCount:0,overdueTaskCount:0,pendingTaskCount:0,rejectedInstanceCount:0,totalInstanceCount:0,unreadNotificationCount:0};function d({activeHref:d}){let m=t.a(),h=n.r(),{member:g}=t.n(),_=g?.memberId??null,[v,y]=(0,r.useState)(null),[b,x]=(0,r.useState)(!0),[S,C]=(0,r.useState)(u),w=(0,r.useCallback)(async()=>{if(!_){x(!1);return}x(!0),y(null);try{C(await(0,o.readWorkflowDashboardSummary)({currentMemberId:_,from:null,to:null}))}catch(e){y(p(e))}finally{x(!1)}},[_]);(0,r.useEffect)(()=>{w()},[w]);let T=(0,r.useMemo)(()=>[{caption:`目前需要你處理的任務`,href:h.inbox(),label:`待處理簽核`,value:f(S.pendingTaskCount,b)},{caption:`尚未讀取的站內通知`,href:h.notifications(),label:`未讀通知`,value:f(S.unreadNotificationCount,b)},{caption:`目前仍在流程中的案件`,href:h.search(),label:`進行中案件`,value:f(S.activeInstanceCount,b)},{caption:`已超過 SLA 的待處理任務`,href:h.inbox(),label:`逾時任務`,value:f(S.overdueTaskCount,b)},{caption:`你有權限查看的全部案件`,href:h.search(),label:`案件總數`,value:f(S.totalInstanceCount,b)}],[b,h,S]);return(0,a.jsxs)(e.t,{activeHref:d,children:[(0,a.jsx)(i.PageHeader,{children:(0,a.jsx)(c.default,{description:`查看待處理簽核、近期通知與你發起的案件進度。`,title:`工作台`,children:(0,a.jsx)(i.Button,{icon:s.PlusIcon,iconType:`leading`,onClick:()=>m.push(h.caseNew()),variant:`base-primary`,children:`發起簽核`})})}),(0,a.jsx)(i.SectionGroup,{children:(0,a.jsxs)(i.Section,{children:[v?(0,a.jsx)(i.Typography,{color:`text-error`,variant:`body`,children:v}):null,(0,a.jsx)(i.CardGroup,{children:T.map(e=>(0,a.jsx)(i.BaseCard,{"aria-label":`前往${e.label}`,className:l.metricCard,description:e.value,onClick:()=>m.push(e.href),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),m.push(e.href))},role:`link`,tabIndex:0,title:e.label,children:(0,a.jsx)(i.Typography,{color:`text-neutral`,variant:`caption`,children:e.caption})},e.label))})]})})]})}function f(e,t){return t?`-`:String(e)}function p(e){return e instanceof Error?e.message:`讀取工作台摘要失敗。`}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=dashboard-page-1K_jQXQk.cjs.map

package/dist/chunks/dashboard-page-1K_jQXQk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page-1K_jQXQk.cjs","names":[],"sources":["../../src/components/dashboard-page.module.scss","../../src/components/dashboard-page.tsx"],"sourcesContent":[".metricCard {\n  color: inherit;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.metricCard:hover {\n  text-decoration: none;\n}\n","'use client';\n\nimport type { KeyboardEvent, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  BaseCard,\n  Button,\n  CardGroup,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport {\n  readWorkflowDashboardSummary,\n  type WorkflowDashboardSummaryRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\nimport { AppLayout } from './app-navigation';\nimport styles from './dashboard-page.module.scss';\n\nexport interface DashboardPageProps {\n  readonly activeHref: string;\n}\n\ninterface Metric {\n  readonly caption: string;\n  readonly href: string;\n  readonly label: string;\n  readonly value: string;\n}\n\nconst EMPTY_DASHBOARD_SUMMARY: WorkflowDashboardSummaryRecord = {\n  activeInstanceCount: 0,\n  completedInstanceCount: 0,\n  overdueTaskCount: 0,\n  pendingTaskCount: 0,\n  rejectedInstanceCount: 0,\n  totalInstanceCount: 0,\n  unreadNotificationCount: 0,\n};\n\n/**\n * Operator dashboard — shows pending/unread/active counts for the\n * currently-authenticated member. Reads {@link readWorkflowDashboardSummary}\n * and renders five metric tiles that navigate via {@link useRouterAdapter}.\n */\nexport function DashboardPage({ activeHref }: DashboardPageProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [summary, setSummary] = useState<WorkflowDashboardSummaryRecord>(\n    EMPTY_DASHBOARD_SUMMARY,\n  );\n\n  const refreshSummary = useCallback(async (): Promise<void> => {\n    if (!currentMemberId) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      setSummary(\n        await readWorkflowDashboardSummary({\n          currentMemberId,\n          from: null,\n          to: null,\n        }),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [currentMemberId]);\n\n  useEffect((): void => {\n    void refreshSummary();\n  }, [refreshSummary]);\n\n  const metrics = useMemo(\n    (): readonly Metric[] => [\n      {\n        caption: '目前需要你處理的任務',\n        href: routes.inbox(),\n        label: '待處理簽核',\n        value: readMetricValue(summary.pendingTaskCount, loading),\n      },\n      {\n        caption: '尚未讀取的站內通知',\n        href: routes.notifications(),\n        label: '未讀通知',\n        value: readMetricValue(summary.unreadNotificationCount, loading),\n      },\n      {\n        caption: '目前仍在流程中的案件',\n        href: routes.search(),\n        label: '進行中案件',\n        value: readMetricValue(summary.activeInstanceCount, loading),\n      },\n      {\n        caption: '已超過 SLA 的待處理任務',\n        href: routes.inbox(),\n        label: '逾時任務',\n        value: readMetricValue(summary.overdueTaskCount, loading),\n      },\n      {\n        caption: '你有權限查看的全部案件',\n        href: routes.search(),\n        label: '案件總數',\n        value: readMetricValue(summary.totalInstanceCount, loading),\n      },\n    ],\n    [loading, routes, summary],\n  );\n\n  return (\n    <AppLayout activeHref={activeHref}>\n        <PageHeader>\n          <ContentHeader\n            description=\"查看待處理簽核、近期通知與你發起的案件進度。\"\n            title=\"工作台\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.caseNew())}\n              variant=\"base-primary\"\n            >\n              發起簽核\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <CardGroup>\n              {metrics.map((metric) => (\n                <BaseCard\n                  aria-label={`前往${metric.label}`}\n                  className={styles.metricCard}\n                  description={metric.value}\n                  key={metric.label}\n                  onClick={(): void => router.push(metric.href)}\n                  onKeyDown={(event: KeyboardEvent<HTMLElement>): void => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault();\n                      router.push(metric.href);\n                    }\n                  }}\n                  role=\"link\"\n                  tabIndex={0}\n                  title={metric.label}\n                >\n                  <Typography color=\"text-neutral\" variant=\"caption\">\n                    {metric.caption}\n                  </Typography>\n                </BaseCard>\n              ))}\n            </CardGroup>\n          </Section>\n        </SectionGroup>\n      </AppLayout>\n  );\n}\n\nfunction readMetricValue(value: number, loading: boolean): string {\n  return loading ? '-' : String(value);\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取工作台摘要失敗。';\n}\n"],"mappings":"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"}