@plumile/backoffice-react 0.1.105 → 0.1.107

package/lib/esm/BackofficeEntityListPage-D_zL-qRb.js

@@ -1,432 +0,0 @@
-import { r as e, t } from "./useBackofficeReactTranslation-Btt58EIo.js";
-import { t as n } from "./useBackofficeListUrlState-Ca6d7uIN.js";
-import { t as r } from "./buildDataTableColumns-DdmF-EYq.js";
-import { t as i } from "./BackofficeRightPageLayout-CfNkrMvH.js";
-import { r as a } from "./buildBreadcrumbs-C5St167Y.js";
-import { i as o, n as s, r as c, t as l } from "./LazyBackofficeEntityActionFormDialog-oRd_WHAK.js";
-import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { useTranslation as h } from "react-i18next";
-import { Button as ee, EyeSvg as te, InlineBanner as g, LinkButton as _, TableCell as ne } from "@plumile/ui";
-import { useFragment as v, usePaginationFragment as y, usePreloadedQuery as re, useRelayEnvironment as b } from "react-relay";
-import { fetchQuery as ie } from "relay-runtime";
-import { Fragment as ae, jsx as x, jsxs as oe } from "react/jsx-runtime";
-import { BACKOFFICE_LIST_DEFAULTS as se, BACKOFFICE_LIST_REFETCH_POLICY as S } from "@plumile/backoffice-core/constants.js";
-import { stableListVariablesKey as C } from "@plumile/backoffice-core/state/stableKey.js";
-//#region src/components/backoffice/list/RowFlagsCell.css.ts
-var w = "wy96wu0", T = "wy96wu1", E = "wy96wu2", D = ({ row: e, flags: t, tApp: n }) => {
-	let r = f(() => {
-		let r = [];
-		for (let i of t) {
-			let t = i.render(e);
-			t != null && t !== "" && t !== !1 && r.push({
-				id: i.id,
-				node: t,
-				label: i.label(e)(n)
-			});
-		}
-		return r;
-	}, [
-		t,
-		e,
-		n
-	]), i = r.map((e) => e.label.trim()).filter((e) => e !== "").join(", "), a;
-	return i !== "" && (a = i), /* @__PURE__ */ x("div", {
-		className: T,
-		"aria-label": a,
-		children: r.map((e) => /* @__PURE__ */ x("span", {
-			className: E,
-			title: e.label,
-			role: "img",
-			"aria-label": e.label,
-			children: e.node
-		}, e.id))
-	});
-}, ce = "txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy", le = "c0tad0", ue = "c0tad1", O = 24, k = 6, A = 4, j = 32, M = 8, N = 12, P = 4, F = {
-	xs: "minmax(72px, 92px)",
-	s: "minmax(104px, 136px)",
-	statusAction: "minmax(136px, 168px)",
-	m: "minmax(136px, 184px)",
-	l: "minmax(160px, 220px)",
-	xl: "minmax(220px, 300px)",
-	fluid: "minmax(0, 1fr)"
-}, I = (e) => e <= 0 ? 0 : A * 2 + O * e + k * Math.max(0, e - 1), L = (e) => e <= 0 ? 0 : P + N * 2 + j * e + M * Math.max(0, e - 1), R = (e, t) => e.mobileRole === "action" ? "60px" : e.isPrimary === !0 ? "minmax(0, 1fr)" : "size" in e && typeof e.size == "string" ? F[e.size] : t, de = (e) => e.kind === "route", z = (e) => e.kind === "formMutation", fe = (e, t) => e ?? (t === 0 ? "primary" : "secondary"), B = (e) => {
-	if (typeof e != "object" || !e || !("id" in e)) return null;
-	let t = e.id;
-	if (typeof t != "string") return null;
-	let n = t.trim();
-	return n === "" ? null : n;
-}, V = (e) => e.list.kind === "records", H = (e) => e.list.kind !== "records", U = (e, t) => e(t), pe = (e) => {
-	let { ariaLabel: t, fallback: n, resolveDetailHref: r, className: i, renderAction: a } = e;
-	return {
-		id: "actions",
-		header: "",
-		className: i,
-		mobileRole: "action",
-		cell: (e) => {
-			let i = B(e);
-			if (i == null) return n;
-			let o = r(i);
-			return o == null ? n : a({
-				href: o,
-				ariaLabel: t
-			});
-		}
-	};
-}, me = "store-or-network", he = (e, t, n, r) => {
-	let i = t != null && t.length > 0, a = e;
-	if (i) {
-		let n = [{
-			id: "__rowFlags",
-			header: "",
-			className: w,
-			mobileRole: "badge",
-			cell: (e) => /* @__PURE__ */ x(D, {
-				row: e,
-				flags: t,
-				tApp: r
-			})
-		}, ...e], i = n.some((e) => e.isPrimary === !0);
-		a = n, i || (a = n.map((e, t) => t === 1 ? {
-			...e,
-			isPrimary: !0
-		} : e));
-	}
-	let o = 0;
-	i && (o = t.length);
-	let s = I(o), c = L(n), l = 0;
-	i && (l = 1);
-	let u = a.length - l - 1, d = a.slice(l, l + Math.max(0, u)).map((e) => R(e, "1fr")).join(" "), f = "";
-	return f = i ? `${s}px ${d} ${c}px` : `${d} ${c}px`, {
-		columns: a,
-		gridTemplateColumns: f
-	};
-}, W = ({ config: i, prepared: a }) => {
-	let { t: c } = h(), { t: y } = t(), { entities: S } = e(), [w, T] = m(null), E = b(), D = i.list, O = i.listDefaults ?? D.defaultState ?? {
-		where: null,
-		sort: null
-	}, k = re(D.query, a.query), A = v(D.fragment, k), j = f(() => D.getRows(A).map((e) => D.toRow(e)), [A, D]), M = f(() => D.getNextCursor?.(k) ?? null, [D, k]), [N, P] = m(j), [F, I] = m(M), [L, R] = m(!1), [B, V] = m(!1), [H, W] = m(!1);
-	d(() => {
-		P(j), I(M);
-	}, [M, j]);
-	let { columns: G, gridTemplateColumns: K } = f(() => {
-		let e = r(D.columns, {
-			tApp: c,
-			t: y,
-			resolveEntityHref: (e, t) => {
-				let n = S[e];
-				return n == null ? null : n.routes.detail(t);
-			}
-		}), t = pe({
-			ariaLabel: y("actions.view"),
-			fallback: y("common.notAvailable"),
-			className: le,
-			resolveDetailHref: (e) => i.routes.detail(e),
-			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ x(ne.Actions, { children: /* @__PURE__ */ x("span", {
-				className: ue,
-				title: t,
-				children: /* @__PURE__ */ x(_, {
-					to: e,
-					variant: "icon",
-					size: "small",
-					"aria-label": t,
-					children: /* @__PURE__ */ x(te, {
-						width: 16,
-						height: 16
-					})
-				})
-			}) })
-		});
-		return he([...e, t], D.rowFlags, 1, c);
-	}, [
-		i.routes,
-		D.columns,
-		D.rowFlags,
-		S,
-		y,
-		c
-	]), q = u((e) => D.getRowId(e), [D]), { state: J, pushState: ge } = n(i), Y = J.sort ?? O.sort, { pageSize: X } = se, _e = u((e) => D.buildQueryVariables(e), [D]), Z = p(0), ve = p(C({
-		where: O.where,
-		sort: O.sort,
-		count: X
-	})), Q = u(async (e) => {
-		let t = Z.current + 1;
-		Z.current = t, e.mode === "append" ? R(!0) : V(!0), W(!1);
-		try {
-			let n = _e({
-				where: e.where,
-				sort: e.sort,
-				count: e.count,
-				cursor: e.cursor
-			}), r = await ie(E, D.query, n, { fetchPolicy: me }).toPromise();
-			if (r == null || Z.current !== t) return;
-			let i = D.getRows(r).map((e) => D.toRow(e));
-			P((t) => e.mode === "append" ? [...t, ...i] : i), I(D.getNextCursor?.(r) ?? null);
-		} catch {
-			Z.current === t && W(!0);
-		} finally {
-			e.mode === "append" ? R(!1) : V(!1);
-		}
-	}, [
-		_e,
-		E,
-		D
-	]);
-	d(() => {
-		let e = C({
-			where: J.where,
-			sort: Y,
-			count: X
-		});
-		ve.current !== e && (ve.current = e, Q({
-			where: J.where,
-			sort: Y,
-			count: X,
-			cursor: null,
-			mode: "reset"
-		}).catch(() => {
-			W(!0);
-		}));
-	}, [
-		X,
-		Y,
-		Q,
-		J.where
-	]);
-	let ye = u(() => {
-		B || Q({
-			where: J.where,
-			sort: Y,
-			count: X,
-			cursor: null,
-			mode: "reset"
-		}).catch(() => {
-			W(!0);
-		});
-	}, [
-		B,
-		X,
-		Y,
-		Q,
-		J.where
-	]), be = o({
-		hasNext: F != null,
-		isLoadingNext: L,
-		loadNext: (e) => {
-			F != null && Q({
-				where: J.where,
-				sort: Y,
-				count: e,
-				cursor: F,
-				mode: "append"
-			}).catch(() => {
-				W(!0);
-			});
-		},
-		count: X
-	}), xe = f(() => i.listActions ?? [], [i.listActions]), Se = f(() => xe.filter((e) => e.isVisible == null ? !0 : e.isVisible(null)), [xe]), Ce = f(() => {
-		if (Se.length !== 0) return /* @__PURE__ */ x("div", {
-			className: ce,
-			children: Se.map((e, t) => {
-				let { variant: n } = e, r = U(e.label, c), i = r;
-				e.ariaLabel != null && (i = U(e.ariaLabel, c));
-				let a = fe(n, t), o = e.size ?? "small", s = e.isDisabled?.(null) === !0;
-				return de(e) ? /* @__PURE__ */ x(_, {
-					to: e.to(null),
-					variant: a,
-					size: o,
-					isDisabled: s,
-					"aria-label": i,
-					children: r
-				}, e.id) : z(e) ? /* @__PURE__ */ x(ee, {
-					type: "button",
-					variant: a,
-					size: o,
-					disabled: s,
-					onClick: () => {
-						T(e.id);
-					},
-					"aria-label": i,
-					children: r
-				}, e.id) : null;
-			})
-		});
-	}, [c, Se]), $ = xe.find((e) => e.id === w), we = null;
-	return H && (we = /* @__PURE__ */ x(g, {
-		tone: "danger",
-		title: y("list.errors.title"),
-		actions: /* @__PURE__ */ x(ee, {
-			type: "button",
-			variant: "secondary",
-			size: "small",
-			onClick: ye,
-			children: y("list.actions.retry")
-		}),
-		onDismiss: () => {
-			W(!1);
-		},
-		children: y("list.errors.fetchFailed")
-	})), /* @__PURE__ */ oe(ae, { children: [/* @__PURE__ */ x(s, {
-		config: i,
-		state: J,
-		pushState: ge,
-		headerActions: Ce,
-		rows: N,
-		columns: G,
-		gridTemplateColumns: K,
-		getRowId: q,
-		hasNextPage: F != null,
-		isLoadingMore: L,
-		isRefreshing: B,
-		onLoadMore: be,
-		onRefresh: ye,
-		totalCount: null,
-		statusBanner: we
-	}), $ != null && z($) && /* @__PURE__ */ x(l, {
-		isOpen: !0,
-		action: $,
-		node: null,
-		onClose: () => {
-			T(null);
-		},
-		onSuccess: ye
-	})] });
-}, G = ({ config: a, prepared: d, breadcrumb: p }) => {
-	let g = a.list, { t: v } = h(), { t: b } = t(), { entities: ie } = e(), [ae, C] = m(null), w = re(g.query, d.query), { data: T, loadNext: E, hasNext: D, isLoadingNext: O, refetch: k } = y(g.fragment, w), A = g.getConnection(T), j = f(() => A.edges.map((e) => g.toRow(e.node)), [A.edges, g]), { columns: M, gridTemplateColumns: N } = f(() => {
-		let e = r(g.columns, {
-			tApp: v,
-			t: b,
-			resolveEntityHref: (e, t) => {
-				let n = ie[e];
-				return n == null ? null : n.routes.detail(t);
-			}
-		}), t = pe({
-			ariaLabel: b("actions.view"),
-			fallback: b("common.notAvailable"),
-			className: le,
-			resolveDetailHref: (e) => a.routes.detail(e),
-			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ x(ne.Actions, { children: /* @__PURE__ */ x("span", {
-				className: ue,
-				title: t,
-				children: /* @__PURE__ */ x(_, {
-					to: e,
-					variant: "icon",
-					size: "small",
-					"aria-label": t,
-					children: /* @__PURE__ */ x(te, {
-						width: 16,
-						height: 16
-					})
-				})
-			}) })
-		});
-		return he([...e, t], g.rowFlags, 1, v);
-	}, [
-		a.routes,
-		g.columns,
-		g.rowFlags,
-		ie,
-		b,
-		v
-	]), P = u((e) => g.getRowId(e), [g]), { state: F, pushState: I } = n(a), L = a.listDefaults ?? g.defaultState ?? {
-		where: null,
-		sort: null
-	}, R = F.sort ?? L.sort, { pageSize: B } = se, { isRefreshing: V, onRefresh: H } = c({
-		refetch: k,
-		variables: f(() => ({
-			where: F.where,
-			sort: R,
-			count: B,
-			cursor: null
-		}), [
-			B,
-			R,
-			F.where
-		]),
-		defaults: {
-			where: L.where,
-			sort: L.sort,
-			count: B,
-			cursor: null
-		},
-		fetchPolicy: S,
-		buildQueryVariables: g.buildQueryVariables
-	}), me = o({
-		hasNext: D,
-		isLoadingNext: O,
-		loadNext: E,
-		count: B
-	}), W = f(() => a.listActions ?? [], [a.listActions]), G = f(() => W.filter((e) => e.isVisible == null ? !0 : e.isVisible(null)), [W]), K = f(() => {
-		if (G.length !== 0) return /* @__PURE__ */ x("div", {
-			className: ce,
-			children: G.map((e, t) => {
-				let { variant: n } = e, r = U(e.label, v), i = r;
-				e.ariaLabel != null && (i = U(e.ariaLabel, v));
-				let a = fe(n, t), o = e.size ?? "small", s = e.isDisabled?.(null) === !0;
-				return de(e) ? /* @__PURE__ */ x(_, {
-					to: e.to(null),
-					variant: a,
-					size: o,
-					isDisabled: s,
-					"aria-label": i,
-					children: r
-				}, e.id) : z(e) ? /* @__PURE__ */ x(ee, {
-					type: "button",
-					variant: a,
-					size: o,
-					disabled: s,
-					onClick: () => {
-						C(e.id);
-					},
-					"aria-label": i,
-					children: r
-				}, e.id) : null;
-			})
-		});
-	}, [v, G]), q = W.find((e) => e.id === ae);
-	return /* @__PURE__ */ oe(i, {
-		breadcrumb: p,
-		children: [/* @__PURE__ */ x(s, {
-			config: a,
-			state: F,
-			pushState: I,
-			headerActions: K,
-			rows: j,
-			columns: M,
-			gridTemplateColumns: N,
-			getRowId: P,
-			hasNextPage: D,
-			isLoadingMore: O,
-			isRefreshing: V,
-			onLoadMore: me,
-			onRefresh: H,
-			totalCount: A.totalCount ?? null
-		}), q != null && z(q) && /* @__PURE__ */ x(l, {
-			isOpen: !0,
-			action: q,
-			node: null,
-			onClose: () => {
-				C(null);
-			},
-			onSuccess: H
-		})]
-	});
-}, K = ({ entityManifest: e, config: t, prepared: n }) => {
-	let { t: r } = h(), o = a(t, r);
-	return V(t) ? /* @__PURE__ */ x(i, {
-		breadcrumb: o,
-		children: /* @__PURE__ */ x(W, {
-			entityManifest: e,
-			config: t,
-			prepared: n
-		})
-	}) : H(t) ? /* @__PURE__ */ x(G, {
-		entityManifest: e,
-		config: t,
-		prepared: n,
-		breadcrumb: o
-	}) : null;
-};
-//#endregion
-export { K as BackofficeEntityListPage, K as default };
-
-//# sourceMappingURL=BackofficeEntityListPage-D_zL-qRb.js.map

package/lib/esm/BackofficeEntityListPage-D_zL-qRb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeEntityListPage-D_zL-qRb.js","names":[],"sources":["../../src/components/backoffice/list/RowFlagsCell.css.ts","../../src/components/backoffice/list/RowFlagsCell.tsx","../../src/pages/backofficeEntityListPage.css.ts","../../src/pages/BackofficeEntityListPage.helpers.tsx","../../src/pages/BackofficeEntityListPage.tsx"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const rowFlagsColumnCell = style({\n  justifyContent: 'center',\n  padding: '0 4px',\n});\n\nexport const container = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 6,\n  width: '100%',\n});\n\nexport const flag = style({\n  display: 'grid',\n  placeItems: 'center',\n  width: 24,\n  height: 24,\n});\n","import { useMemo, type JSX, type ReactNode } from 'react';\nimport type { TFunction } from 'i18next';\n\nimport type { BackofficeRowFlagSpec } from '@plumile/backoffice-core/types.js';\n\nimport * as styles from './RowFlagsCell.css.js';\n\nexport type RowFlagsCellProps<Row> = {\n  row: Row;\n  flags: readonly BackofficeRowFlagSpec<Row>[];\n  tApp: TFunction;\n};\n\n/**\n * Renders row-level flags (icons) in a dedicated compact column.\n */\nexport const RowFlagsCell = <Row,>({\n  row,\n  flags,\n  tApp,\n}: RowFlagsCellProps<Row>): JSX.Element => {\n  const resolved = useMemo(() => {\n    const out: { id: string; node: ReactNode; label: string }[] = [];\n    for (const flag of flags) {\n      const node = flag.render(row) as ReactNode;\n      if (node != null && node !== '' && node !== false) {\n        out.push({ id: flag.id, node, label: flag.label(row)(tApp) });\n      }\n    }\n    return out;\n  }, [flags, row, tApp]);\n\n  const ariaLabel = resolved\n    .map((entry) => {\n      return entry.label.trim();\n    })\n    .filter((label) => {\n      return label !== '';\n    })\n    .join(', ');\n\n  let ariaLabelProp: string | undefined;\n  if (ariaLabel !== '') {\n    ariaLabelProp = ariaLabel;\n  }\n\n  return (\n    <div className={styles.container} aria-label={ariaLabelProp}>\n      {resolved.map((entry) => {\n        return (\n          <span\n            key={entry.id}\n            className={styles.flag}\n            title={entry.label}\n            role=\"img\"\n            aria-label={entry.label}\n          >\n            {entry.node}\n          </span>\n        );\n      })}\n    </div>\n  );\n};\n","import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const actionsColumnCell = style({\n  justifyContent: 'flex-end',\n});\n\nexport const actionTrigger = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '2rem',\n  height: '2rem',\n  flexShrink: 0,\n});\n","import type { ComponentProps, JSX } from 'react';\n\nimport type {\n  BackofficeEntityFormMutationActionSpec,\n  BackofficeEntityRouteActionSpec,\n  BackofficeListActionSpec,\n  BackofficeRuntimeConnectionListConfig,\n  BackofficeRuntimeRecordListConfig,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { Button, DataTableColumn } from '@plumile/ui';\nimport type { TFunction } from 'i18next';\n\nimport type { BackofficeSizedDataTableColumn } from '../components/backoffice/columns/buildDataTableColumns.js';\n\ntype ButtonVariant = ComponentProps<typeof Button>['variant'];\n\nconst ROW_FLAGS_SLOT_PX = 24;\nconst ROW_FLAGS_GAP_PX = 6;\nconst ROW_FLAGS_PADDING_X_PX = 4;\n\nconst ACTIONS_SLOT_PX = 32;\nconst ACTIONS_GAP_PX = 8;\nconst ACTIONS_PADDING_X_PX = 12;\nconst ACTIONS_SAFETY_PX = 4;\n\nconst listColumnTrackBySize: Record<\n  BackofficeSizedDataTableColumn<unknown>['size'],\n  string\n> = {\n  xs: 'minmax(72px, 92px)',\n  s: 'minmax(104px, 136px)',\n  statusAction: 'minmax(136px, 168px)',\n  m: 'minmax(136px, 184px)',\n  l: 'minmax(160px, 220px)',\n  xl: 'minmax(220px, 300px)',\n  fluid: 'minmax(0, 1fr)',\n};\n\nexport const computeRowFlagsColumnWidthPx = (flagCount: number): number => {\n  if (flagCount <= 0) {\n    return 0;\n  }\n  return (\n    ROW_FLAGS_PADDING_X_PX * 2 +\n    ROW_FLAGS_SLOT_PX * flagCount +\n    ROW_FLAGS_GAP_PX * Math.max(0, flagCount - 1)\n  );\n};\n\nexport const computeActionsColumnWidthPx = (actionCount: number): number => {\n  if (actionCount <= 0) {\n    return 0;\n  }\n  return (\n    ACTIONS_SAFETY_PX +\n    ACTIONS_PADDING_X_PX * 2 +\n    ACTIONS_SLOT_PX * actionCount +\n    ACTIONS_GAP_PX * Math.max(0, actionCount - 1)\n  );\n};\n\nexport const resolveTrackBySize = (\n  column: DataTableColumn<unknown>,\n  fallback: string,\n): string => {\n  if (column.mobileRole === 'action') {\n    return '60px';\n  }\n  if (column.isPrimary === true) {\n    return 'minmax(0, 1fr)';\n  }\n  if ('size' in column && typeof column.size === 'string') {\n    return listColumnTrackBySize[\n      column.size as BackofficeSizedDataTableColumn<unknown>['size']\n    ];\n  }\n  return fallback;\n};\n\nexport const isRouteAction = (\n  action: BackofficeListActionSpec,\n): action is BackofficeEntityRouteActionSpec<null> => {\n  return action.kind === 'route';\n};\n\nexport const isFormMutationAction = (\n  action: BackofficeListActionSpec,\n): action is BackofficeEntityFormMutationActionSpec<null> => {\n  return action.kind === 'formMutation';\n};\n\nexport const resolveActionVariant = (\n  actionVariant: ButtonVariant | undefined,\n  index: number,\n): Exclude<ButtonVariant, undefined> => {\n  if (actionVariant != null) {\n    return actionVariant;\n  }\n  if (index === 0) {\n    return 'primary';\n  }\n  return 'secondary';\n};\n\nexport const resolveRowId = (row: unknown): string | null => {\n  if (row == null || typeof row !== 'object') {\n    return null;\n  }\n  if (!('id' in row)) {\n    return null;\n  }\n  const value = (row as { id?: unknown }).id;\n  if (typeof value !== 'string') {\n    return null;\n  }\n  const trimmed = value.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nexport type RecordListConfig = BackofficeRuntimeResolvedListFacetConfig & {\n  list: BackofficeRuntimeRecordListConfig;\n};\n\nexport type ConnectionListConfig = BackofficeRuntimeResolvedListFacetConfig & {\n  list: BackofficeRuntimeConnectionListConfig;\n};\n\nexport const isRecordListConfig = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n): config is RecordListConfig => {\n  return config.list.kind === 'records';\n};\n\nexport const isConnectionListConfig = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n): config is ConnectionListConfig => {\n  return config.list.kind !== 'records';\n};\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const buildActionsColumn = (options: {\n  ariaLabel: string;\n  fallback: string;\n  resolveDetailHref: (id: string) => string | null;\n  className?: string;\n  renderAction: (input: { href: string; ariaLabel: string }) => JSX.Element;\n}): DataTableColumn<unknown> => {\n  const { ariaLabel, fallback, resolveDetailHref, className, renderAction } =\n    options;\n\n  return {\n    id: 'actions',\n    header: '',\n    className,\n    mobileRole: 'action',\n    cell: (row) => {\n      const id = resolveRowId(row);\n      if (id == null) {\n        return fallback;\n      }\n      const href = resolveDetailHref(id);\n      if (href == null) {\n        return fallback;\n      }\n      return renderAction({ href, ariaLabel });\n    },\n  };\n};\n","import {\n  type JSX,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport {\n  useFragment,\n  usePaginationFragment,\n  usePreloadedQuery,\n  useRelayEnvironment,\n} from 'react-relay';\nimport { fetchQuery } from 'relay-runtime';\nimport {\n  BACKOFFICE_LIST_DEFAULTS,\n  BACKOFFICE_LIST_REFETCH_POLICY,\n} from '@plumile/backoffice-core/constants.js';\nimport { stableListVariablesKey } from '@plumile/backoffice-core/state/stableKey.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedListRoute,\n  BackofficeRuntimeResolvedListFacetConfig,\n  BackofficeRowFlagSpec,\n} from '@plumile/backoffice-core/types.js';\nimport {\n  Button,\n  EyeSvg,\n  InlineBanner,\n  LinkButton,\n  TableCell,\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui';\nimport { BackofficeEntityListScaffold } from '../components/backoffice/scaffolds/BackofficeEntityListScaffold.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { RowFlagsCell } from '../components/backoffice/list/RowFlagsCell.js';\nimport { useBackofficeListUrlState } from '../hooks/useBackofficeListUrlState.js';\nimport { useBackofficeLoadMore } from '../hooks/useBackofficeLoadMore.js';\nimport { useBackofficeListRefetch } from '../hooks/useBackofficeListRefetch.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport * as pageStyles from './backofficeEntityListPage.css.js';\nimport { rowFlagsColumnCell } from '../components/backoffice/list/RowFlagsCell.css.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityListBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  buildActionsColumn,\n  computeActionsColumnWidthPx,\n  computeRowFlagsColumnWidthPx,\n  isFormMutationAction,\n  isConnectionListConfig,\n  isRecordListConfig,\n  isRouteAction,\n  resolveLabel,\n  resolveActionVariant,\n  resolveTrackBySize,\n  type ConnectionListConfig,\n  type RecordListConfig,\n} from './BackofficeEntityListPage.helpers.js';\n\nexport type BackofficeEntityListPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  prepared: BackofficePreparedListRoute;\n};\n\ntype RecordFetchMode = 'append' | 'reset';\ntype RecordFetchInput = {\n  where: Record<string, unknown> | null;\n  sort: string | null;\n  count: number;\n  cursor: string | null;\n  mode: RecordFetchMode;\n};\n\nconst RECORD_FETCH_POLICY = 'store-or-network' as const;\n\nconst applyListEdgeColumns = <Row,>(\n  inputColumns: readonly DataTableColumn<Row>[],\n  rowFlags: readonly BackofficeRowFlagSpec<Row>[] | undefined,\n  actionCount: number,\n  tApp: TFunction,\n): {\n  columns: readonly DataTableColumn<Row>[];\n  gridTemplateColumns?: string;\n} => {\n  const hasFlags = rowFlags != null && rowFlags.length > 0;\n\n  let columns = inputColumns;\n  if (hasFlags) {\n    const flagsColumn: DataTableColumn<Row> = {\n      id: '__rowFlags',\n      header: '',\n      className: rowFlagsColumnCell,\n      mobileRole: 'badge',\n      cell: (row) => {\n        return <RowFlagsCell row={row} flags={rowFlags} tApp={tApp} />;\n      },\n    };\n\n    // Ensure we never pick the flags column as \"primary\".\n    const withFlags = [flagsColumn, ...inputColumns];\n    const hasPrimary = withFlags.some((col) => {\n      return col.isPrimary === true;\n    });\n\n    columns = withFlags;\n    if (!hasPrimary) {\n      columns = withFlags.map((col, index) => {\n        if (index === 1) {\n          return { ...col, isPrimary: true };\n        }\n        return col;\n      });\n    }\n  }\n\n  let flagCount = 0;\n  if (hasFlags) {\n    flagCount = rowFlags.length;\n  }\n  const flagsWidthPx = computeRowFlagsColumnWidthPx(flagCount);\n  const actionsWidthPx = computeActionsColumnWidthPx(actionCount);\n\n  // We always include the right-side \"actions\" column in list pages.\n  let leftColumnCount = 0;\n  if (hasFlags) {\n    leftColumnCount = 1;\n  }\n  const middleCount = columns.length - leftColumnCount - 1;\n\n  const middleTracks = columns\n    .slice(leftColumnCount, leftColumnCount + Math.max(0, middleCount))\n    .map((column) => {\n      return resolveTrackBySize(column as DataTableColumn<unknown>, '1fr');\n    })\n    .join(' ');\n\n  let gridTemplateColumns = '';\n  if (hasFlags) {\n    gridTemplateColumns = `${flagsWidthPx}px ${middleTracks} ${actionsWidthPx}px`;\n  } else {\n    gridTemplateColumns = `${middleTracks} ${actionsWidthPx}px`;\n  }\n\n  return { columns, gridTemplateColumns };\n};\n\nconst BackofficeEntityRecordListPage = ({\n  config,\n  prepared,\n}: Omit<BackofficeEntityListPageProps, 'config'> & {\n  config: RecordListConfig;\n}): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const environment = useRelayEnvironment();\n\n  const listConfig = config.list;\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n  const queryData = usePreloadedQuery(listConfig.query, prepared.query);\n  const fragmentData = useFragment(listConfig.fragment, queryData as never);\n\n  const initialRows = useMemo(() => {\n    return listConfig.getRows(fragmentData).map((row) => {\n      return listConfig.toRow(row);\n    });\n  }, [fragmentData, listConfig]);\n\n  const initialCursor = useMemo(() => {\n    return listConfig.getNextCursor?.(queryData) ?? null;\n  }, [listConfig, queryData]);\n\n  const [rows, setRows] = useState(initialRows);\n  const [nextCursor, setNextCursor] = useState(initialCursor);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const [fetchError, setFetchError] = useState(false);\n\n  useEffect(() => {\n    setRows(initialRows);\n    setNextCursor(initialCursor);\n  }, [initialCursor, initialRows]);\n\n  const { columns, gridTemplateColumns } = useMemo((): {\n    columns: readonly DataTableColumn<unknown>[];\n    gridTemplateColumns?: string;\n  } => {\n    const baseColumns = buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n      resolveEntityHref: (entityId, refId) => {\n        const entityManifest = entities[entityId];\n        if (entityManifest == null) {\n          return null;\n        }\n        return entityManifest.routes.detail(refId);\n      },\n    });\n    const actionsColumn = buildActionsColumn({\n      ariaLabel: t('actions.view'),\n      fallback: t('common.notAvailable'),\n      className: pageStyles.actionsColumnCell,\n      resolveDetailHref: (id) => {\n        return config.routes.detail(id);\n      },\n      renderAction: ({ href, ariaLabel }) => {\n        return (\n          <TableCell.Actions>\n            <span className={pageStyles.actionTrigger} title={ariaLabel}>\n              <LinkButton\n                to={href}\n                variant=\"icon\"\n                size=\"small\"\n                aria-label={ariaLabel}\n              >\n                <EyeSvg width={16} height={16} />\n              </LinkButton>\n            </span>\n          </TableCell.Actions>\n        );\n      },\n    });\n    const allColumns = [...baseColumns, actionsColumn];\n    return applyListEdgeColumns(allColumns, listConfig.rowFlags, 1, tApp);\n  }, [\n    config.routes,\n    listConfig.columns,\n    listConfig.rowFlags,\n    entities,\n    t,\n    tApp,\n  ]);\n\n  const getRowId = useCallback<GetRowId<unknown>>(\n    (row) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const { state, pushState } = useBackofficeListUrlState(config);\n  const resolvedSort = state.sort ?? listDefaults.sort;\n  const { pageSize } = BACKOFFICE_LIST_DEFAULTS;\n\n  const buildVariables = useCallback(\n    (input: {\n      where: Record<string, unknown> | null;\n      sort: string | null;\n      count: number;\n      cursor: string | null;\n    }) => {\n      return listConfig.buildQueryVariables(input);\n    },\n    [listConfig],\n  );\n\n  const requestIdRef = useRef(0);\n  const lastRefetchKeyRef = useRef(\n    stableListVariablesKey({\n      where: listDefaults.where,\n      sort: listDefaults.sort,\n      count: pageSize,\n    }),\n  );\n\n  const runFetch = useCallback(\n    async (input: RecordFetchInput) => {\n      const requestId = requestIdRef.current + 1;\n      requestIdRef.current = requestId;\n\n      if (input.mode === 'append') {\n        setIsLoadingMore(true);\n      } else {\n        setIsRefreshing(true);\n      }\n      setFetchError(false);\n\n      try {\n        const variables = buildVariables({\n          where: input.where,\n          sort: input.sort,\n          count: input.count,\n          cursor: input.cursor,\n        });\n\n        const response = await fetchQuery(\n          environment,\n          listConfig.query,\n          variables as never,\n          { fetchPolicy: RECORD_FETCH_POLICY },\n        ).toPromise();\n\n        if (response == null || requestIdRef.current !== requestId) {\n          return;\n        }\n\n        const nextRows = listConfig.getRows(response as never).map((row) => {\n          return listConfig.toRow(row);\n        });\n        setRows((prev) => {\n          if (input.mode === 'append') {\n            return [...prev, ...nextRows];\n          }\n          return nextRows;\n        });\n        const cursor = listConfig.getNextCursor?.(response) ?? null;\n        setNextCursor(cursor);\n      } catch {\n        if (requestIdRef.current === requestId) {\n          setFetchError(true);\n        }\n      } finally {\n        if (input.mode === 'append') {\n          setIsLoadingMore(false);\n        } else {\n          setIsRefreshing(false);\n        }\n      }\n    },\n    [buildVariables, environment, listConfig],\n  );\n\n  useEffect(() => {\n    const key = stableListVariablesKey({\n      where: state.where,\n      sort: resolvedSort,\n      count: pageSize,\n    });\n    if (lastRefetchKeyRef.current === key) {\n      return;\n    }\n    lastRefetchKeyRef.current = key;\n    runFetch({\n      where: state.where,\n      sort: resolvedSort,\n      count: pageSize,\n      cursor: null,\n      mode: 'reset',\n    }).catch(() => {\n      setFetchError(true);\n    });\n  }, [pageSize, resolvedSort, runFetch, state.where]);\n\n  const handleRefresh = useCallback(() => {\n    if (isRefreshing) {\n      return;\n    }\n    runFetch({\n      where: state.where,\n      sort: resolvedSort,\n      count: pageSize,\n      cursor: null,\n      mode: 'reset',\n    }).catch(() => {\n      setFetchError(true);\n    });\n  }, [isRefreshing, pageSize, resolvedSort, runFetch, state.where]);\n\n  const handleLoadMore = useBackofficeLoadMore({\n    hasNext: nextCursor != null,\n    isLoadingNext: isLoadingMore,\n    loadNext: (count) => {\n      if (nextCursor == null) {\n        return;\n      }\n      runFetch({\n        where: state.where,\n        sort: resolvedSort,\n        count,\n        cursor: nextCursor,\n        mode: 'append',\n      }).catch(() => {\n        setFetchError(true);\n      });\n    },\n    count: pageSize,\n  });\n\n  const listActions = useMemo(() => {\n    return config.listActions ?? [];\n  }, [config.listActions]);\n  const visibleActions = useMemo(() => {\n    return listActions.filter((action) => {\n      if (action.isVisible == null) {\n        return true;\n      }\n      return action.isVisible(null);\n    });\n  }, [listActions]);\n\n  const headerActions = useMemo(() => {\n    if (visibleActions.length === 0) {\n      return undefined;\n    }\n    return (\n      <div className={pageStyles.headerActions}>\n        {visibleActions.map((action, index) => {\n          const { variant: actionVariant } = action;\n          const label = resolveLabel(action.label, tApp);\n          let ariaLabel = label;\n          if (action.ariaLabel != null) {\n            ariaLabel = resolveLabel(action.ariaLabel, tApp);\n          }\n          const variant = resolveActionVariant(actionVariant, index);\n          const size = action.size ?? 'small';\n          const isDisabled = action.isDisabled?.(null) === true;\n\n          if (isRouteAction(action)) {\n            const href = action.to(null);\n            return (\n              <LinkButton\n                key={action.id}\n                to={href}\n                variant={variant}\n                size={size}\n                isDisabled={isDisabled}\n                aria-label={ariaLabel}\n              >\n                {label}\n              </LinkButton>\n            );\n          }\n\n          if (isFormMutationAction(action)) {\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                variant={variant}\n                size={size}\n                disabled={isDisabled}\n                onClick={() => {\n                  setActiveFormActionId(action.id);\n                }}\n                aria-label={ariaLabel}\n              >\n                {label}\n              </Button>\n            );\n          }\n\n          return null;\n        })}\n      </div>\n    );\n  }, [tApp, visibleActions]);\n\n  const activeFormAction = listActions.find((action) => {\n    return action.id === activeFormActionId;\n  });\n\n  let statusBanner: JSX.Element | null = null;\n  if (fetchError) {\n    statusBanner = (\n      <InlineBanner\n        tone=\"danger\"\n        title={t('list.errors.title')}\n        actions={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={handleRefresh}\n          >\n            {t('list.actions.retry')}\n          </Button>\n        }\n        onDismiss={() => {\n          setFetchError(false);\n        }}\n      >\n        {t('list.errors.fetchFailed')}\n      </InlineBanner>\n    );\n  }\n\n  return (\n    <>\n      <BackofficeEntityListScaffold\n        config={config}\n        state={state}\n        pushState={pushState}\n        headerActions={headerActions}\n        rows={rows}\n        columns={columns}\n        gridTemplateColumns={gridTemplateColumns}\n        getRowId={getRowId}\n        hasNextPage={nextCursor != null}\n        isLoadingMore={isLoadingMore}\n        isRefreshing={isRefreshing}\n        onLoadMore={handleLoadMore}\n        onRefresh={handleRefresh}\n        totalCount={null}\n        statusBanner={statusBanner}\n      />\n      {activeFormAction != null && isFormMutationAction(activeFormAction) && (\n        <LazyBackofficeEntityActionFormDialog\n          isOpen\n          action={activeFormAction}\n          node={null}\n          onClose={() => {\n            setActiveFormActionId(null);\n          }}\n          onSuccess={handleRefresh}\n        />\n      )}\n    </>\n  );\n};\n\nconst BackofficeEntityConnectionListPage = ({\n  config,\n  prepared,\n  breadcrumb,\n}: Omit<BackofficeEntityListPageProps, 'config'> & {\n  config: ConnectionListConfig;\n  breadcrumb: ReturnType<typeof buildEntityListBreadcrumb>;\n}): JSX.Element | null => {\n  const listConfig = config.list;\n\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n\n  const queryData = usePreloadedQuery(listConfig.query, prepared.query);\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n    refetch,\n  } = usePaginationFragment(listConfig.fragment, queryData as never);\n\n  const connection = listConfig.getConnection(fragmentData);\n\n  const rows = useMemo(() => {\n    return connection.edges.map((edge) => {\n      return listConfig.toRow(edge.node);\n    });\n  }, [connection.edges, listConfig]);\n\n  const { columns, gridTemplateColumns } = useMemo((): {\n    columns: readonly DataTableColumn<unknown>[];\n    gridTemplateColumns?: string;\n  } => {\n    const baseColumns = buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n      resolveEntityHref: (entityId, refId) => {\n        const entityManifest = entities[entityId];\n        if (entityManifest == null) {\n          return null;\n        }\n        return entityManifest.routes.detail(refId);\n      },\n    });\n    const actionsColumn = buildActionsColumn({\n      ariaLabel: t('actions.view'),\n      fallback: t('common.notAvailable'),\n      className: pageStyles.actionsColumnCell,\n      resolveDetailHref: (id) => {\n        return config.routes.detail(id);\n      },\n      renderAction: ({ href, ariaLabel }) => {\n        return (\n          <TableCell.Actions>\n            <span className={pageStyles.actionTrigger} title={ariaLabel}>\n              <LinkButton\n                to={href}\n                variant=\"icon\"\n                size=\"small\"\n                aria-label={ariaLabel}\n              >\n                <EyeSvg width={16} height={16} />\n              </LinkButton>\n            </span>\n          </TableCell.Actions>\n        );\n      },\n    });\n    const allColumns = [...baseColumns, actionsColumn];\n    return applyListEdgeColumns(allColumns, listConfig.rowFlags, 1, tApp);\n  }, [\n    config.routes,\n    listConfig.columns,\n    listConfig.rowFlags,\n    entities,\n    t,\n    tApp,\n  ]);\n\n  const getRowId = useCallback<GetRowId<unknown>>(\n    (row) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const { state, pushState } = useBackofficeListUrlState(config);\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n  const resolvedSort = state.sort ?? listDefaults.sort;\n  const { pageSize } = BACKOFFICE_LIST_DEFAULTS;\n\n  const baseVariables = useMemo(() => {\n    return {\n      where: state.where,\n      sort: resolvedSort,\n      count: pageSize,\n      cursor: null,\n    };\n  }, [pageSize, resolvedSort, state.where]);\n\n  const { isRefreshing, onRefresh } = useBackofficeListRefetch({\n    refetch,\n    variables: baseVariables,\n    defaults: {\n      where: listDefaults.where,\n      sort: listDefaults.sort,\n      count: pageSize,\n      cursor: null,\n    },\n    fetchPolicy: BACKOFFICE_LIST_REFETCH_POLICY,\n    buildQueryVariables: listConfig.buildQueryVariables,\n  });\n\n  const handleLoadMore = useBackofficeLoadMore({\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count: pageSize,\n  });\n\n  const listActions = useMemo(() => {\n    return config.listActions ?? [];\n  }, [config.listActions]);\n  const visibleActions = useMemo(() => {\n    return listActions.filter((action) => {\n      if (action.isVisible == null) {\n        return true;\n      }\n      return action.isVisible(null);\n    });\n  }, [listActions]);\n\n  const headerActions = useMemo(() => {\n    if (visibleActions.length === 0) {\n      return undefined;\n    }\n    return (\n      <div className={pageStyles.headerActions}>\n        {visibleActions.map((action, index) => {\n          const { variant: actionVariant } = action;\n          const label = resolveLabel(action.label, tApp);\n          let ariaLabel = label;\n          if (action.ariaLabel != null) {\n            ariaLabel = resolveLabel(action.ariaLabel, tApp);\n          }\n          const variant = resolveActionVariant(actionVariant, index);\n          const size = action.size ?? 'small';\n          const isDisabled = action.isDisabled?.(null) === true;\n\n          if (isRouteAction(action)) {\n            const href = action.to(null);\n            return (\n              <LinkButton\n                key={action.id}\n                to={href}\n                variant={variant}\n                size={size}\n                isDisabled={isDisabled}\n                aria-label={ariaLabel}\n              >\n                {label}\n              </LinkButton>\n            );\n          }\n\n          if (isFormMutationAction(action)) {\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                variant={variant}\n                size={size}\n                disabled={isDisabled}\n                onClick={() => {\n                  setActiveFormActionId(action.id);\n                }}\n                aria-label={ariaLabel}\n              >\n                {label}\n              </Button>\n            );\n          }\n\n          return null;\n        })}\n      </div>\n    );\n  }, [tApp, visibleActions]);\n\n  const activeFormAction = listActions.find((action) => {\n    return action.id === activeFormActionId;\n  });\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <BackofficeEntityListScaffold\n        config={config}\n        state={state}\n        pushState={pushState}\n        headerActions={headerActions}\n        rows={rows}\n        columns={columns}\n        gridTemplateColumns={gridTemplateColumns}\n        getRowId={getRowId}\n        hasNextPage={hasNext}\n        isLoadingMore={isLoadingNext}\n        isRefreshing={isRefreshing}\n        onLoadMore={handleLoadMore}\n        onRefresh={onRefresh}\n        totalCount={connection.totalCount ?? null}\n      />\n      {activeFormAction != null && isFormMutationAction(activeFormAction) && (\n        <LazyBackofficeEntityActionFormDialog\n          isOpen\n          action={activeFormAction}\n          node={null}\n          onClose={() => {\n            setActiveFormActionId(null);\n          }}\n          onSuccess={onRefresh}\n        />\n      )}\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport const BackofficeEntityListPage = ({\n  entityManifest,\n  config,\n  prepared,\n}: BackofficeEntityListPageProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const breadcrumb = buildEntityListBreadcrumb(config, tApp);\n\n  if (isRecordListConfig(config)) {\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <BackofficeEntityRecordListPage\n          entityManifest={entityManifest}\n          config={config}\n          prepared={prepared}\n        />\n      </BackofficeRightPageLayout>\n    );\n  }\n  if (!isConnectionListConfig(config)) {\n    return null;\n  }\n  return (\n    <BackofficeEntityConnectionListPage\n      entityManifest={entityManifest}\n      config={config}\n      prepared={prepared}\n      breadcrumb={breadcrumb}\n    />\n  );\n};\n\nexport default BackofficeEntityListPage;\n"],"mappings":"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"}

package/lib/esm/BackofficeHubPage-DOePQ8Fc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeHubPage-DOePQ8Fc.js","names":[],"sources":["../../src/pages/BackofficeHubPage.tsx"],"sourcesContent":["import { useMemo, useState, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { DetailPageTemplate, SidebarTasksSvg } from '@plumile/ui';\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { BackofficeIconComponent } from '../provider/types.js';\nimport type { BackofficePreparedHubRoute } from '../router/createBackofficeRoutes.js';\nimport {\n  BackofficeHubTemplate,\n  type BackofficeHubTemplateGroup,\n  type BackofficeHubTemplateSearch,\n} from '../components/backoffice/hub/BackofficeHubTemplate.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildHubBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficePermissions } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport { resolveLabel } from '../components/backoffice/layout/sidebarUtils.js';\n\nexport type BackofficeHubPageProps = {\n  prepared: BackofficePreparedHubRoute;\n};\n\ntype HubPageItemView = {\n  id: string;\n  kind: 'entity' | 'tool';\n  label: string;\n  href: string;\n  icon: ReactNode;\n};\n\ntype HubPageGroupView = {\n  id: string;\n  title: string;\n  description: string | null;\n  icon: ReactNode | undefined;\n  items: readonly HubPageItemView[];\n};\n\nconst renderIcon = (\n  Icon: BackofficeIconComponent | undefined,\n  size: number,\n): ReactNode | undefined => {\n  if (Icon == null) {\n    return undefined;\n  }\n  return <Icon width={size} height={size} aria-hidden=\"true\" />;\n};\n\nconst isItemVisible = (input: {\n  entity: BackofficeEntityManifestMap[string] | null | undefined;\n  kind: 'entity' | 'tool';\n  permissions: unknown;\n  sidebar: ReturnType<typeof useBackofficeConfig>['sidebar'];\n}): boolean => {\n  const { entity, kind, permissions, sidebar } = input;\n  if (entity == null) {\n    return false;\n  }\n  if (kind === 'entity' && entity.kind !== 'tool' && !entity.hasList) {\n    return false;\n  }\n  const isVisible = sidebar?.isItemVisible?.(\n    {\n      kind,\n      id: entity.id,\n    },\n    permissions,\n  );\n  return isVisible !== false;\n};\n\nexport const BackofficeHubPage = ({\n  prepared,\n}: BackofficeHubPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, sidebar } = useBackofficeConfig();\n  const permissions = useBackofficePermissions();\n  const [search, setSearch] = useState('');\n  const { hub } = prepared;\n  const title = resolveLabel(hub.title, tApp);\n  let description: string | undefined;\n  if (hub.description != null) {\n    description = resolveLabel(hub.description, tApp);\n  }\n  const breadcrumb = buildHubBreadcrumb({ id: hub.id, title });\n  const normalizedSearch = search.trim().toLowerCase();\n  const searchEnabled = hub.search?.enabled !== false;\n  let searchPlaceholder = t('hub.search.placeholder');\n  if (hub.search?.placeholder != null) {\n    searchPlaceholder = resolveLabel(hub.search.placeholder, tApp);\n  }\n\n  const groups = useMemo<readonly HubPageGroupView[]>(() => {\n    return hub.groups\n      .map((group) => {\n        const items = group.items\n          .map((item): HubPageItemView | null => {\n            const entity = entities[item.id];\n            if (entity == null) {\n              return null;\n            }\n            if (\n              !isItemVisible({\n                entity,\n                kind: item.kind,\n                permissions,\n                sidebar,\n              })\n            ) {\n              return null;\n            }\n            const entityConfig = entity;\n            const label = resolveLabel(entityConfig.label, tApp);\n            if (\n              normalizedSearch !== '' &&\n              !label.toLowerCase().includes(normalizedSearch)\n            ) {\n              return null;\n            }\n            return {\n              id: item.id,\n              kind: item.kind,\n              label,\n              href: entityConfig.routes.list,\n              icon: renderIcon(item.icon, 20),\n            };\n          })\n          .filter((item): item is HubPageItemView => {\n            return item != null;\n          });\n        let groupDescription: string | null = null;\n        if (group.description != null) {\n          groupDescription = resolveLabel(group.description, tApp);\n        }\n        return {\n          id: group.id,\n          title: resolveLabel(group.title, tApp),\n          description: groupDescription,\n          icon: renderIcon(group.icon, 18),\n          items,\n        };\n      })\n      .filter((group) => {\n        return group.items.length > 0;\n      });\n  }, [entities, hub.groups, normalizedSearch, permissions, sidebar, tApp]);\n\n  let emptyTitle = t('hub.empty.title');\n  if (hub.emptyState?.title != null) {\n    emptyTitle = resolveLabel(hub.emptyState.title, tApp);\n  }\n  let emptyDescription = t('hub.empty.description');\n  if (hub.emptyState?.description != null) {\n    emptyDescription = resolveLabel(hub.emptyState.description, tApp);\n  }\n  let subtitle = t('hub.subtitle');\n  if (description != null) {\n    subtitle = description;\n  }\n  const hasMixedKinds = groups.some((group) => {\n    const kinds = new Set(\n      group.items.map((item) => {\n        return item.kind;\n      }),\n    );\n    return kinds.size > 1;\n  });\n\n  const templateGroups = useMemo<readonly BackofficeHubTemplateGroup[]>(() => {\n    return groups.map((group) => {\n      return {\n        id: group.id,\n        title: group.title,\n        description: group.description,\n        icon: group.icon,\n        items: group.items.map((item) => {\n          let metaLabel: string | null = null;\n          if (hasMixedKinds) {\n            metaLabel = t('hub.itemKinds.entity');\n            if (item.kind === 'tool') {\n              metaLabel = t('hub.itemKinds.tool');\n            }\n          }\n          return {\n            id: item.id,\n            kind: item.kind,\n            label: item.label,\n            href: item.href,\n            icon: item.icon,\n            metaLabel,\n          };\n        }),\n      };\n    });\n  }, [groups, hasMixedKinds, t]);\n\n  let searchConfig: BackofficeHubTemplateSearch | undefined;\n  if (searchEnabled) {\n    searchConfig = {\n      value: search,\n      onChange: setSearch,\n      placeholder: searchPlaceholder,\n    };\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DetailPageTemplate\n        header={{\n          title,\n          subtitle,\n        }}\n      >\n        <BackofficeHubTemplate\n          groups={templateGroups}\n          search={searchConfig}\n          emptyState={{\n            title: emptyTitle,\n            description: emptyDescription,\n            icon: <SidebarTasksSvg width={28} height={28} aria-hidden=\"true\" />,\n          }}\n        />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeHubPage;\n"],"mappings":"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"}

package/lib/esm/BackofficeHubTemplate-C6K55egX.js

@@ -1,82 +0,0 @@
-import { Link as e } from "@plumile/router";
-import { BackofficeEmptyState as t, GlobalSearchInput as n, SidebarTasksSvg as r } from "@plumile/ui";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/backoffice/hub/backofficeHubTemplate.css.ts
-var o = "txvbqb9ip txvbqbai7 txvbqbaoy", s = "txvbqb9ip txvbqbai7 txvbqbap7", c = "txvbqb9ip txvbqbai7 txvbqbaog", l = "txvbqb9ip txvbqbcg txvbqbaog", u = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", d = "txvbqb9g txvbqbamp txvbqbv9z txvbqbfcp", f = "txvbqb9iy txvbqbc1g txvbqbaog", p = "u4nszr1 txvbqb9ip txvbqbcg txvbqbaog txvbqblb7 txvbqb1rg txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41 txvbqbv9z txvbqb3b txvbqbk5y txvbqb77 txvbqb6x txvbqb7k", m = "txvbqb9jg txvbqbcp txvbqbdoy txvbqbtyg txvbqbc7g txvbqb1rg txvbqbv45 txvbqbva1 txvbqbaj7", h = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", g = "txvbqbamp txvbqbv9z txvbqbl87", _ = /* @__PURE__ */ i(r, {
-	width: 20,
-	height: 20,
-	"aria-hidden": "true"
-}), v = ({ groups: r, search: v, emptyState: y }) => {
-	let b;
-	return b = r.length === 0 ? /* @__PURE__ */ i(t, {
-		title: y.title,
-		description: y.description,
-		icon: y.icon ?? _
-	}) : /* @__PURE__ */ i("div", {
-		className: s,
-		children: r.map((t) => /* @__PURE__ */ a("section", {
-			className: c,
-			children: [/* @__PURE__ */ a("div", {
-				className: l,
-				children: [t.icon != null && /* @__PURE__ */ i("span", {
-					className: "u4nszr0 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbv45 txvbqb1cp txvbqb1qg txvbqbwp txvbqbva1 txvbqbaj7",
-					"aria-hidden": "true",
-					children: t.icon
-				}), /* @__PURE__ */ a("span", {
-					className: u,
-					children: [/* @__PURE__ */ i("h2", {
-						className: d,
-						children: t.title
-					}), t.description != null && /* @__PURE__ */ i("span", {
-						className: "txvbqbva3 txvbqb8y",
-						children: t.description
-					})]
-				})]
-			}), /* @__PURE__ */ i("div", {
-				className: f,
-				children: t.items.map((t) => {
-					let n = t.icon ?? _, r = t.description != null && t.description !== "", o = t.metaLabel != null && t.metaLabel !== "";
-					return /* @__PURE__ */ a(e, {
-						to: t.href,
-						className: p,
-						children: [/* @__PURE__ */ i("span", {
-							className: m,
-							"aria-hidden": "true",
-							children: n
-						}), /* @__PURE__ */ a("span", {
-							className: h,
-							children: [
-								/* @__PURE__ */ i("span", {
-									className: g,
-									children: t.label
-								}),
-								r && /* @__PURE__ */ i("span", {
-									className: "txvbqbva3 txvbqb8y txvbqbfb7 txvbqbl87",
-									children: t.description
-								}),
-								o && /* @__PURE__ */ i("span", {
-									className: "txvbqbva3 txvbqb8p txvbqbamg txvbqb66 txvbqbeep",
-									children: t.metaLabel
-								})
-							]
-						})]
-					}, `${t.kind}-${t.id}`);
-				})
-			})]
-		}, t.id))
-	}), /* @__PURE__ */ a("div", {
-		className: o,
-		children: [v != null && /* @__PURE__ */ i("div", {
-			className: "txvbqbjbp",
-			children: /* @__PURE__ */ i(n, {
-				value: v.value,
-				onChange: v.onChange,
-				placeholder: v.placeholder
-			})
-		}), b]
-	});
-};
-//#endregion
-export { v as t };
-
-//# sourceMappingURL=BackofficeHubTemplate-C6K55egX.js.map

package/lib/esm/BackofficeHubTemplate-C6K55egX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeHubTemplate-C6K55egX.js","names":[],"sources":["../../src/components/backoffice/hub/backofficeHubTemplate.css.ts","../../src/components/backoffice/hub/BackofficeHubTemplate.tsx"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const content = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 5,\n});\n\nexport const search = sprinkles({\n  maxWidth: '2xl',\n});\n\nexport const groups = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const group = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const groupHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: 3,\n});\n\nexport const groupIcon = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    borderRadius: 'md',\n    backgroundColor: 'surfaceMuted',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    color: 'textSecondary',\n    flexShrink: 0,\n  }),\n  {\n    marginTop: '1px',\n  },\n]);\n\nexport const groupHeading = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const groupTitle = sprinkles({\n  fontSize: 'lg',\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const groupDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: 'autoFitMinmax260',\n  gap: 3,\n});\n\nexport const item = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 3,\n    padding: 3,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n    color: 'text',\n    textDecoration: 'none',\n    minWidth: 0,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    minHeight: '92px',\n    selectors: {\n      '&:hover': {\n        borderColor: vars.colors.border,\n        backgroundColor: vars.colors.surfaceMuted,\n        transform: 'translateY(-1px)',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const itemIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 9,\n  height: 9,\n  borderRadius: 'md',\n  backgroundColor: 'surfaceMuted',\n  color: 'textSecondary',\n  flexShrink: 0,\n});\n\nexport const itemContent = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const itemTitle = sprinkles({\n  fontWeight: 'semibold',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  fontWeight: 'medium',\n  textTransform: 'uppercase',\n  letterSpacing: 'wide',\n});\n","import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\nimport {\n  BackofficeEmptyState,\n  GlobalSearchInput,\n  SidebarTasksSvg,\n} from '@plumile/ui';\n\nimport * as styles from './backofficeHubTemplate.css.js';\n\nexport type BackofficeHubTemplateItemKind = 'entity' | 'tool';\n\nexport type BackofficeHubTemplateItem = {\n  id: string;\n  kind: BackofficeHubTemplateItemKind;\n  label: string;\n  href: string;\n  icon?: ReactNode;\n  description?: string | null;\n  metaLabel?: string | null;\n};\n\nexport type BackofficeHubTemplateGroup = {\n  id: string;\n  title: string;\n  description?: string | null;\n  icon?: ReactNode;\n  items: readonly BackofficeHubTemplateItem[];\n};\n\nexport type BackofficeHubTemplateEmptyState = {\n  title: string;\n  description: string;\n  icon?: ReactNode;\n};\n\nexport type BackofficeHubTemplateSearch = {\n  value: string;\n  onChange: (value: string) => void;\n  placeholder: string;\n};\n\nexport type BackofficeHubTemplateProps = {\n  groups: readonly BackofficeHubTemplateGroup[];\n  search?: BackofficeHubTemplateSearch;\n  emptyState: BackofficeHubTemplateEmptyState;\n};\n\nconst fallbackIcon = (\n  <SidebarTasksSvg width={20} height={20} aria-hidden=\"true\" />\n);\n\nexport const BackofficeHubTemplate = ({\n  groups,\n  search,\n  emptyState,\n}: BackofficeHubTemplateProps): JSX.Element => {\n  let body: JSX.Element;\n\n  if (groups.length === 0) {\n    body = (\n      <BackofficeEmptyState\n        title={emptyState.title}\n        description={emptyState.description}\n        icon={emptyState.icon ?? fallbackIcon}\n      />\n    );\n  } else {\n    body = (\n      <div className={styles.groups}>\n        {groups.map((group) => {\n          return (\n            <section key={group.id} className={styles.group}>\n              <div className={styles.groupHeader}>\n                {group.icon != null && (\n                  <span className={styles.groupIcon} aria-hidden=\"true\">\n                    {group.icon}\n                  </span>\n                )}\n                <span className={styles.groupHeading}>\n                  <h2 className={styles.groupTitle}>{group.title}</h2>\n                  {group.description != null && (\n                    <span className={styles.groupDescription}>\n                      {group.description}\n                    </span>\n                  )}\n                </span>\n              </div>\n              <div className={styles.grid}>\n                {group.items.map((item) => {\n                  const icon = item.icon ?? fallbackIcon;\n                  const hasDescription =\n                    item.description != null && item.description !== '';\n                  const hasMetaLabel =\n                    item.metaLabel != null && item.metaLabel !== '';\n\n                  return (\n                    <Link\n                      key={`${item.kind}-${item.id}`}\n                      to={item.href}\n                      className={styles.item}\n                    >\n                      <span className={styles.itemIcon} aria-hidden=\"true\">\n                        {icon}\n                      </span>\n                      <span className={styles.itemContent}>\n                        <span className={styles.itemTitle}>{item.label}</span>\n                        {hasDescription && (\n                          <span className={styles.itemDescription}>\n                            {item.description}\n                          </span>\n                        )}\n                        {hasMetaLabel && (\n                          <span className={styles.itemMeta}>\n                            {item.metaLabel}\n                          </span>\n                        )}\n                      </span>\n                    </Link>\n                  );\n                })}\n              </div>\n            </section>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.content}>\n      {search != null && (\n        <div className={styles.search}>\n          <GlobalSearchInput\n            value={search.value}\n            onChange={search.onChange}\n            placeholder={search.placeholder}\n          />\n        </div>\n      )}\n      {body}\n    </div>\n  );\n};\n\nexport default BackofficeHubTemplate;\n"],"mappings":";;;;4mBCgDM,IACJ,kBAAC,GAAD;CAAiB,OAAO;CAAI,QAAQ;CAAI,eAAY;CAAS,CAAA,EAGlD,KAAyB,EACpC,QAAA,GACA,QAAA,GACA,oBAC6C;CAC7C,IAAI;CAwEJ,OAtEA,AASE,IATE,EAAO,WAAW,IAElB,kBAAC,GAAD;EACE,OAAO,EAAW;EAClB,aAAa,EAAW;EACxB,MAAM,EAAW,QAAQ;EACzB,CAAA,GAIF,kBAAC,OAAD;EAAK,WAAW;YACb,EAAO,KAAK,MAET,kBAAC,WAAD;GAAwB,WAAW;aAAnC,CACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,EAAM,QAAQ,QACb,kBAAC,QAAD;KAAM,WAAW;KAAkB,eAAY;eAC5C,EAAM;KACF,CAAA,EAET,kBAAC,QAAD;KAAM,WAAW;eAAjB,CACE,kBAAC,MAAD;MAAI,WAAW;gBAAoB,EAAM;MAAW,CAAA,EACnD,EAAM,eAAe,QACpB,kBAAC,QAAD;MAAM,WAAW;gBACd,EAAM;MACF,CAAA,CAEJ;OACH;OACN,kBAAC,OAAD;IAAK,WAAW;cACb,EAAM,MAAM,KAAK,MAAS;KACzB,IAAM,IAAO,EAAK,QAAQ,GACpB,IACJ,EAAK,eAAe,QAAQ,EAAK,gBAAgB,IAC7C,IACJ,EAAK,aAAa,QAAQ,EAAK,cAAc;KAE/C,OACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,WAAW;gBAHb,CAKE,kBAAC,QAAD;OAAM,WAAW;OAAiB,eAAY;iBAC3C;OACI,CAAA,EACP,kBAAC,QAAD;OAAM,WAAW;iBAAjB;QACE,kBAAC,QAAD;SAAM,WAAW;mBAAmB,EAAK;SAAa,CAAA;QACrD,KACC,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAK;SACD,CAAA;QAER,KACC,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAK;SACD,CAAA;QAEJ;SACF;QApBA,GAAG,EAAK,KAAK,GAAG,EAAK,KAoBrB;MAET;IACE,CAAA,CACE;KAlDI,EAAM,GAkDV,CAEZ;EACE,CAAA,EAKR,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KAAU,QACT,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACE,OAAO,EAAO;IACd,UAAU,EAAO;IACjB,aAAa,EAAO;IACpB,CAAA;GACE,CAAA,EAEP,EACG"}