@rytass/bpm-core-react 0.3.1 → 0.3.2

package/dist/chunks/dashboard-page-R_T2OEiE.js

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

package/dist/chunks/dashboard-page-R_T2OEiE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page-R_T2OEiE.js","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":";;;;;;;;;;gDCoCM,IAA0D;CAC9D,qBAAqB;CACrB,wBAAwB;CACxB,kBAAkB;CAClB,kBAAkB;CAClB,uBAAuB;CACvB,oBAAoB;CACpB,yBAAyB;AAC3B;AAOA,SAAgB,EAAc,EAAE,iBAAgD;CAC9E,IAAM,IAAS,EAAiB,GAC1B,IAAS,EAAa,GACtB,EAAE,cAAW,EAAQ,GACrB,IAAkB,GAAQ,YAAY,MACtC,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,CAAC,GAAS,KAAc,EAAS,EAAI,GACrC,CAAC,GAAS,KAAc,EAC5B,CACF,GAEM,IAAiB,EAAY,YAA2B;EAC5D,IAAI,CAAC,GAAiB;GACpB,EAAW,EAAK;GAChB;EACF;EAGA,AADA,EAAW,EAAI,GACf,EAAS,IAAI;EAEb,IAAI;GACF,EACE,MAAM,EAA6B;IACjC;IACA,MAAM;IACN,IAAI;GACN,CAAC,CACH;EACF,SAAS,GAAuB;GAC9B,EAAS,EAAiB,CAAY,CAAC;EACzC,UAAU;GACR,EAAW,EAAK;EAClB;CACF,GAAG,CAAC,CAAe,CAAC;CAEpB,QAAsB;EACpB,EAAoB;CACtB,GAAG,CAAC,CAAc,CAAC;CAEnB,IAAM,IAAU,QACW;EACvB;GACE,SAAS;GACT,MAAM,EAAO,MAAM;GACnB,OAAO;GACP,OAAO,EAAgB,EAAQ,kBAAkB,CAAO;EAC1D;EACA;GACE,SAAS;GACT,MAAM,EAAO,cAAc;GAC3B,OAAO;GACP,OAAO,EAAgB,EAAQ,yBAAyB,CAAO;EACjE;EACA;GACE,SAAS;GACT,MAAM,EAAO,OAAO;GACpB,OAAO;GACP,OAAO,EAAgB,EAAQ,qBAAqB,CAAO;EAC7D;EACA;GACE,SAAS;GACT,MAAM,EAAO,MAAM;GACnB,OAAO;GACP,OAAO,EAAgB,EAAQ,kBAAkB,CAAO;EAC1D;EACA;GACE,SAAS;GACT,MAAM,EAAO,OAAO;GACpB,OAAO;GACP,OAAO,EAAgB,EAAQ,oBAAoB,CAAO;EAC5D;CACF,GACA;EAAC;EAAS;EAAQ;CAAO,CAC3B;CAEA,OACE,kBAAC,GAAD;EAAuB;YAAvB,CACI,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,aAAY;GACZ,OAAM;aAEN,kBAAC,GAAD;IACE,MAAM;IACN,UAAS;IACT,eAAqB,EAAO,KAAK,EAAO,QAAQ,CAAC;IACjD,SAAQ;cACT;GAEO,CAAA;EACK,CAAA,EACL,CAAA,GAEZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;GAAY,OAAM;GAAa,SAAQ;aACpC;EACS,CAAA,IACV,MACJ,kBAAC,GAAD,EAAA,UACG,EAAQ,KAAK,MACZ,kBAAC,GAAD;GACE,cAAY,KAAK,EAAO;GACxB,WAAW,EAAO;GAClB,aAAa,EAAO;GAEpB,eAAqB,EAAO,KAAK,EAAO,IAAI;GAC5C,YAAY,MAA4C;IACtD,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,EAAO,KAAK,EAAO,IAAI;GAE3B;GACA,MAAK;GACL,UAAU;GACV,OAAO,EAAO;aAEd,kBAAC,GAAD;IAAY,OAAM;IAAe,SAAQ;cACtC,EAAO;GACE,CAAA;EACJ,GAfH,EAAO,KAeJ,CACX,EACQ,CAAA,CACJ,EAAA,CAAA,EACG,CAAA,CACL;;AAEjB;AAEA,SAAS,EAAgB,GAAe,GAA0B;CAChE,OAAO,IAAU,MAAM,OAAO,CAAK;AACrC;AAEA,SAAS,EAAiB,GAAwB;CAChD,OAAO,aAAiB,QAAQ,EAAM,UAAU;AAClD"}