@plumile/backoffice-react 0.1.156 → 0.1.158

package/lib/esm/pages/BackofficeEntityListPage.js

@@ -9,23 +9,20 @@ import { buildEntityListBreadcrumb as s } from "../components/backoffice/layout/
 import { rowFlagsColumnCell as c } from "../components/backoffice/list/RowFlagsCell.css.js";
 import { RowFlagsCell as l } from "../components/backoffice/list/RowFlagsCell.js";
 import { useBackofficeListUrlState as u } from "../hooks/useBackofficeListUrlState.js";
-import { buildActionsColumn as d, computeActionsColumnWidthPx as f, computeRowFlagsColumnWidthPx as p, isConnectionListConfig as m, isFormMutationAction as h, isRecordListConfig as g, isRouteAction as ee, resolveActionVariant as te, resolveLabel as _, resolveTrackBySize as v } from "./BackofficeEntityListPage.helpers.js";
-import { actionTrigger as ne, actionsColumnCell as re, headerActions as ie } from "./backofficeEntityListPage.css.js";
-import { useCallback as y, useEffect as b, useMemo as x, useRef as S, useState as C } from "react";
-import { InlineBanner as ae } from "@plumile/ui/components/feedback/InlineBanner.js";
-import { Fragment as w, jsx as T, jsxs as oe } from "react/jsx-runtime";
-import { useTranslation as E } from "react-i18next";
-import { Button as D } from "@plumile/ui/atomic/atoms/button/Button.js";
-import { fetchQuery as O } from "relay-runtime";
-import { useFragment as se, usePaginationFragment as k, usePreloadedQuery as ce, useRelayEnvironment as A } from "react-relay";
-import { BACKOFFICE_LIST_DEFAULTS as le, BACKOFFICE_LIST_REFETCH_POLICY as j } from "@plumile/backoffice-core/constants.js";
-import ue from "@plumile/router/routing/Link.js";
-import { stableListVariablesKey as M } from "@plumile/backoffice-core/state/stableKey.js";
-import { LinkButton as de } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
-import { TableCell as fe } from "@plumile/ui/components/data-table/TableCell.js";
-import { EyeSvg as pe } from "@plumile/ui/icons/EyeSvg.js";
+import { buildActionsColumn as d, computeActionsColumnWidthPx as f, computeRowFlagsColumnWidthPx as p, isFormMutationAction as m, isRouteAction as h, resolveActionVariant as g, resolveLabel as _, resolveTrackBySize as v } from "./BackofficeEntityListPage.helpers.js";
+import { actionTrigger as y, actionsColumnCell as b, headerActions as x } from "./backofficeEntityListPage.css.js";
+import { useCallback as S, useMemo as C, useState as w } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { Button as O } from "@plumile/ui/atomic/atoms/button/Button.js";
+import { usePaginationFragment as k, usePreloadedQuery as ee } from "react-relay";
+import { BACKOFFICE_LIST_DEFAULTS as te, BACKOFFICE_LIST_REFETCH_POLICY as ne } from "@plumile/backoffice-core/constants.js";
+import re from "@plumile/router/routing/Link.js";
+import { LinkButton as ie } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
+import { TableCell as ae } from "@plumile/ui/components/data-table/TableCell.js";
+import { EyeSvg as A } from "@plumile/ui/icons/EyeSvg.js";
 //#region src/pages/BackofficeEntityListPage.tsx
-var me = "store-or-network", he = (e, t, n, r) => {
+var j = (e, t, n, r) => {
 	let i = t != null && t.length > 0, a = e;
 	if (i) {
 		let n = [{
@@ -53,254 +50,71 @@ var me = "store-or-network", he = (e, t, n, r) => {
 		columns: a,
 		gridTemplateColumns: g
 	};
-}, N = ({ config: i, prepared: o }) => {
-	let { t: s } = E(), { t: c } = e(), [l, f] = C(null), p = A(), m = i.list, g = i.listDefaults ?? m.defaultState ?? {
-		where: null,
-		sort: null
-	}, v = ce(m.query, o.query), k = se(m.fragment, v), j = x(() => m.getRows(k).map((e) => m.toRow(e)), [k, m]), N = x(() => m.getNextCursor?.(v) ?? null, [m, v]), [P, F] = C(j), [I, L] = C(N), [R, z] = C(!1), [B, V] = C(!1), [ge, H] = C(!1);
-	b(() => {
-		F(j), L(N);
-	}, [N, j]);
-	let { columns: U, gridTemplateColumns: _e } = x(() => {
-		let e = n(m.columns, {
-			tApp: s,
-			t: c
-		}), t = d({
-			ariaLabel: c("actions.view"),
-			fallback: c("common.notAvailable"),
-			className: re,
-			resolveDetailHref: (e) => i.routes.detail(e),
-			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ T(fe.Actions, { children: /* @__PURE__ */ T(ue, {
-				to: e,
-				className: ne,
-				"aria-label": t,
-				title: t,
-				preloadOnMouseEnter: !0,
-				children: /* @__PURE__ */ T(pe, {
-					width: 16,
-					height: 16
-				})
-			}) })
-		});
-		return he([...e, t], m.rowFlags, 1, s);
-	}, [
-		i.routes,
-		m.columns,
-		m.rowFlags,
-		c,
-		s
-	]), W = y((e) => m.getRowId(e), [m]), { state: G, pushState: ve } = u(i), K = G.sort ?? g.sort, { pageSize: q } = le, ye = y((e) => m.buildQueryVariables(e), [m]), J = S(0), be = S(M({
-		where: g.where,
-		sort: g.sort,
-		count: q
-	})), Y = y(async (e) => {
-		let t = J.current + 1;
-		J.current = t, e.mode === "append" ? z(!0) : V(!0), H(!1);
-		try {
-			let n = ye({
-				where: e.where,
-				sort: e.sort,
-				count: e.count,
-				cursor: e.cursor
-			}), r = await O(p, m.query, n, { fetchPolicy: me }).toPromise();
-			if (r == null || J.current !== t) return;
-			let i = m.getRows(r).map((e) => m.toRow(e));
-			F((t) => e.mode === "append" ? [...t, ...i] : i), L(m.getNextCursor?.(r) ?? null);
-		} catch {
-			J.current === t && H(!0);
-		} finally {
-			e.mode === "append" ? z(!1) : V(!1);
-		}
-	}, [
-		ye,
-		p,
-		m
-	]);
-	b(() => {
-		let e = M({
-			where: G.where,
-			sort: K,
-			count: q
-		});
-		be.current !== e && (be.current = e, Y({
-			where: G.where,
-			sort: K,
-			count: q,
-			cursor: null,
-			mode: "reset"
-		}).catch(() => {
-			H(!0);
-		}));
-	}, [
-		q,
-		K,
-		Y,
-		G.where
-	]);
-	let X = y(() => {
-		B || Y({
-			where: G.where,
-			sort: K,
-			count: q,
-			cursor: null,
-			mode: "reset"
-		}).catch(() => {
-			H(!0);
-		});
-	}, [
-		B,
-		q,
-		K,
-		Y,
-		G.where
-	]), xe = r({
-		hasNext: I != null,
-		isLoadingNext: R,
-		loadNext: (e) => {
-			I != null && Y({
-				where: G.where,
-				sort: K,
-				count: e,
-				cursor: I,
-				mode: "append"
-			}).catch(() => {
-				H(!0);
-			});
-		},
-		count: q
-	}), Z = x(() => i.listActions ?? [], [i.listActions]), Q = x(() => Z.filter((e) => e.isVisible == null ? !0 : e.isVisible(null)), [Z]), Se = x(() => {
-		if (Q.length !== 0) return /* @__PURE__ */ T("div", {
-			className: ie,
-			children: Q.map((e, t) => {
-				let { variant: n } = e, r = _(e.label, s), i = r;
-				e.ariaLabel != null && (i = _(e.ariaLabel, s));
-				let a = te(n, t), o = e.size ?? "small", c = e.isDisabled?.(null) === !0;
-				return ee(e) ? /* @__PURE__ */ T(de, {
-					to: e.to(null),
-					variant: a,
-					size: o,
-					isDisabled: c,
-					"aria-label": i,
-					preloadOnMouseEnter: !0,
-					children: r
-				}, e.id) : h(e) ? /* @__PURE__ */ T(D, {
-					type: "button",
-					variant: a,
-					size: o,
-					disabled: c,
-					onClick: () => {
-						f(e.id);
-					},
-					"aria-label": i,
-					children: r
-				}, e.id) : null;
-			})
-		});
-	}, [s, Q]), $ = Z.find((e) => e.id === l), Ce = null;
-	return ge && (Ce = /* @__PURE__ */ T(ae, {
-		tone: "danger",
-		title: c("list.errors.title"),
-		actions: /* @__PURE__ */ T(D, {
-			type: "button",
-			variant: "secondary",
-			size: "small",
-			onClick: X,
-			children: c("list.actions.retry")
-		}),
-		onDismiss: () => {
-			H(!1);
-		},
-		children: c("list.errors.fetchFailed")
-	})), /* @__PURE__ */ oe(w, { children: [/* @__PURE__ */ T(a, {
-		config: i,
-		state: G,
-		pushState: ve,
-		headerActions: Se,
-		rows: P,
-		columns: U,
-		gridTemplateColumns: _e,
-		getRowId: W,
-		hasNextPage: I != null,
-		isLoadingMore: R,
-		isRefreshing: B,
-		onLoadMore: xe,
-		onRefresh: X,
-		totalCount: null,
-		statusBanner: Ce
-	}), $ != null && h($) && /* @__PURE__ */ T(t, {
-		isOpen: !0,
-		action: $,
-		node: null,
-		onClose: () => {
-			f(null);
-		},
-		onSuccess: X
-	})] });
-}, P = ({ config: s, prepared: c, breadcrumb: l }) => {
-	let f = s.list, { t: p } = E(), { t: m } = e(), [g, v] = C(null), b = ce(f.query, c.query), { data: S, loadNext: ae, hasNext: w, isLoadingNext: O, refetch: se } = k(f.fragment, b), A = f.getConnection(S), M = x(() => A.edges.map((e) => f.toRow(e.node)), [A.edges, f]), { columns: me, gridTemplateColumns: N } = x(() => {
+}, M = ({ config: s, prepared: c, breadcrumb: l }) => {
+	let f = s.list, { t: p } = D(), { t: v } = e(), [M, N] = w(null), P = ee(f.query, c.query), { data: F, loadNext: I, hasNext: L, isLoadingNext: R, refetch: z } = k(f.fragment, P), B = f.getConnection(F), V = C(() => B.edges.map((e) => f.toRow(e.node)), [B.edges, f]), { columns: H, gridTemplateColumns: U } = C(() => {
 		let e = n(f.columns, {
 			tApp: p,
-			t: m
+			t: v
 		}), t = d({
-			ariaLabel: m("actions.view"),
-			fallback: m("common.notAvailable"),
-			className: re,
+			ariaLabel: v("actions.view"),
+			fallback: v("common.notAvailable"),
+			className: b,
 			resolveDetailHref: (e) => s.routes.detail(e),
-			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ T(fe.Actions, { children: /* @__PURE__ */ T(ue, {
+			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ T(ae.Actions, { children: /* @__PURE__ */ T(re, {
 				to: e,
-				className: ne,
+				className: y,
 				"aria-label": t,
 				title: t,
 				preloadOnMouseEnter: !0,
-				children: /* @__PURE__ */ T(pe, {
+				children: /* @__PURE__ */ T(A, {
 					width: 16,
 					height: 16
 				})
 			}) })
 		});
-		return he([...e, t], f.rowFlags, 1, p);
+		return j([...e, t], f.rowFlags, 1, p);
 	}, [
 		s.routes,
 		f.columns,
 		f.rowFlags,
-		m,
+		v,
 		p
-	]), P = y((e) => f.getRowId(e), [f]), { state: F, pushState: I } = u(s), L = s.listDefaults ?? f.defaultState ?? {
+	]), W = S((e) => f.getRowId(e), [f]), { state: G, pushState: K } = u(s), q = s.listDefaults ?? f.defaultState ?? {
 		where: null,
 		sort: null
-	}, R = F.sort ?? L.sort, { pageSize: z } = le, { isRefreshing: B, onRefresh: V } = i({
-		refetch: se,
-		variables: x(() => ({
-			where: F.where,
-			sort: R,
-			count: z,
+	}, J = G.sort ?? q.sort, { pageSize: Y } = te, { isRefreshing: oe, onRefresh: X } = i({
+		refetch: z,
+		variables: C(() => ({
+			where: G.where,
+			sort: J,
+			count: Y,
 			cursor: null
 		}), [
-			z,
-			R,
-			F.where
+			Y,
+			J,
+			G.where
 		]),
 		defaults: {
-			where: L.where,
-			sort: L.sort,
-			count: z,
+			where: q.where,
+			sort: q.sort,
+			count: Y,
 			cursor: null
 		},
-		fetchPolicy: j,
+		fetchPolicy: ne,
 		buildQueryVariables: f.buildQueryVariables
-	}), ge = r({
-		hasNext: w,
-		isLoadingNext: O,
-		loadNext: ae,
-		count: z
-	}), H = x(() => s.listActions ?? [], [s.listActions]), U = x(() => H.filter((e) => e.isVisible == null ? !0 : e.isVisible(null)), [H]), _e = x(() => {
-		if (U.length !== 0) return /* @__PURE__ */ T("div", {
-			className: ie,
-			children: U.map((e, t) => {
+	}), se = r({
+		hasNext: L,
+		isLoadingNext: R,
+		loadNext: I,
+		count: Y
+	}), Z = C(() => s.listActions ?? [], [s.listActions]), Q = C(() => Z.filter((e) => e.isVisible == null ? !0 : e.isVisible(null)), [Z]), ce = C(() => {
+		if (Q.length !== 0) return /* @__PURE__ */ T("div", {
+			className: x,
+			children: Q.map((e, t) => {
 				let { variant: n } = e, r = _(e.label, p), i = r;
 				e.ariaLabel != null && (i = _(e.ariaLabel, p));
-				let a = te(n, t), o = e.size ?? "small", s = e.isDisabled?.(null) === !0;
-				return ee(e) ? /* @__PURE__ */ T(de, {
+				let a = g(n, t), o = e.size ?? "small", s = e.isDisabled?.(null) === !0;
+				return h(e) ? /* @__PURE__ */ T(ie, {
 					to: e.to(null),
 					variant: a,
 					size: o,
@@ -308,64 +122,57 @@ var me = "store-or-network", he = (e, t, n, r) => {
 					"aria-label": i,
 					preloadOnMouseEnter: !0,
 					children: r
-				}, e.id) : h(e) ? /* @__PURE__ */ T(D, {
+				}, e.id) : m(e) ? /* @__PURE__ */ T(O, {
 					type: "button",
 					variant: a,
 					size: o,
 					disabled: s,
 					onClick: () => {
-						v(e.id);
+						N(e.id);
 					},
 					"aria-label": i,
 					children: r
 				}, e.id) : null;
 			})
 		});
-	}, [p, U]), W = H.find((e) => e.id === g);
-	return /* @__PURE__ */ oe(o, {
+	}, [p, Q]), $ = Z.find((e) => e.id === M);
+	return /* @__PURE__ */ E(o, {
 		breadcrumb: l,
 		children: [/* @__PURE__ */ T(a, {
 			config: s,
-			state: F,
-			pushState: I,
-			headerActions: _e,
-			rows: M,
-			columns: me,
-			gridTemplateColumns: N,
-			getRowId: P,
-			hasNextPage: w,
-			isLoadingMore: O,
-			isRefreshing: B,
-			onLoadMore: ge,
-			onRefresh: V,
-			totalCount: A.totalCount ?? null
-		}), W != null && h(W) && /* @__PURE__ */ T(t, {
+			state: G,
+			pushState: K,
+			headerActions: ce,
+			rows: V,
+			columns: H,
+			gridTemplateColumns: U,
+			getRowId: W,
+			hasNextPage: L,
+			isLoadingMore: R,
+			isRefreshing: oe,
+			onLoadMore: se,
+			onRefresh: X,
+			totalCount: B.totalCount ?? null
+		}), $ != null && m($) && /* @__PURE__ */ T(t, {
 			isOpen: !0,
-			action: W,
+			action: $,
 			node: null,
 			onClose: () => {
-				v(null);
+				N(null);
 			},
-			onSuccess: V
+			onSuccess: X
 		})]
 	});
-}, F = ({ entityManifest: e, config: t, prepared: n }) => {
-	let { t: r } = E(), i = s(t, r);
-	return g(t) ? /* @__PURE__ */ T(o, {
-		breadcrumb: i,
-		children: /* @__PURE__ */ T(N, {
-			entityManifest: e,
-			config: t,
-			prepared: n
-		})
-	}) : m(t) ? /* @__PURE__ */ T(P, {
+}, N = ({ entityManifest: e, config: t, prepared: n }) => {
+	let { t: r } = D();
+	return /* @__PURE__ */ T(M, {
 		entityManifest: e,
 		config: t,
 		prepared: n,
-		breadcrumb: i
-	}) : null;
+		breadcrumb: s(t, r)
+	});
 };
 //#endregion
-export { F as BackofficeEntityListPage, F as default };
+export { N as BackofficeEntityListPage, N as default };
 
 //# sourceMappingURL=BackofficeEntityListPage.js.map

package/lib/esm/pages/BackofficeEntityListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListPage.tsx"],"sourcesContent":["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 Link from '@plumile/router/routing/Link.js';\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 { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\nimport {\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\nimport { TableCell } from '@plumile/ui/components/data-table/TableCell.js';\nimport { EyeSvg } from '@plumile/ui/icons/EyeSvg.js';\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 * 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 [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    });\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            <Link\n              to={href}\n              className={pageStyles.actionTrigger}\n              aria-label={ariaLabel}\n              title={ariaLabel}\n              preloadOnMouseEnter\n            >\n              <EyeSvg width={16} height={16} />\n            </Link>\n          </TableCell.Actions>\n        );\n      },\n    });\n    const allColumns = [...baseColumns, actionsColumn];\n    return applyListEdgeColumns(allColumns, listConfig.rowFlags, 1, tApp);\n  }, [config.routes, listConfig.columns, listConfig.rowFlags, t, tApp]);\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                preloadOnMouseEnter\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 [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    });\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            <Link\n              to={href}\n              className={pageStyles.actionTrigger}\n              aria-label={ariaLabel}\n              title={ariaLabel}\n              preloadOnMouseEnter\n            >\n              <EyeSvg width={16} height={16} />\n            </Link>\n          </TableCell.Actions>\n        );\n      },\n    });\n    const allColumns = [...baseColumns, actionsColumn];\n    return applyListEdgeColumns(allColumns, listConfig.rowFlags, 1, tApp);\n  }, [config.routes, listConfig.columns, listConfig.rowFlags, t, tApp]);\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                preloadOnMouseEnter\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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"}
+{"version":3,"file":"BackofficeEntityListPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListPage.tsx"],"sourcesContent":["import { type JSX, useCallback, useMemo, useState } from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport Link from '@plumile/router/routing/Link.js';\nimport { usePaginationFragment, usePreloadedQuery } from 'react-relay';\nimport {\n  BACKOFFICE_LIST_DEFAULTS,\n  BACKOFFICE_LIST_REFETCH_POLICY,\n} from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedListRoute,\n  BackofficeRuntimeResolvedListFacetConfig,\n  BackofficeRowFlagSpec,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport {\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\nimport { TableCell } from '@plumile/ui/components/data-table/TableCell.js';\nimport { EyeSvg } from '@plumile/ui/icons/EyeSvg.js';\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 * 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  isRouteAction,\n  resolveLabel,\n  resolveActionVariant,\n  resolveTrackBySize,\n  type ConnectionListConfig,\n} from './BackofficeEntityListPage.helpers.js';\n\nexport type BackofficeEntityListPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  prepared: BackofficePreparedListRoute;\n};\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 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 [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    });\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            <Link\n              to={href}\n              className={pageStyles.actionTrigger}\n              aria-label={ariaLabel}\n              title={ariaLabel}\n              preloadOnMouseEnter\n            >\n              <EyeSvg width={16} height={16} />\n            </Link>\n          </TableCell.Actions>\n        );\n      },\n    });\n    const allColumns = [...baseColumns, actionsColumn];\n    return applyListEdgeColumns(allColumns, listConfig.rowFlags, 1, tApp);\n  }, [config.routes, listConfig.columns, listConfig.rowFlags, t, tApp]);\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                preloadOnMouseEnter\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  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/relay/connectionUtils.js

@@ -7,7 +7,7 @@ function n(e) {
 	let c = a.getDataID(), l = Array.from(new Set(i)).filter((e) => e.trim() !== "");
 	for (let e of l) {
 		let r = t.getConnection(s, e);
-		if (r != null && !(r.getLinkedRecords("edges") ?? []).some((e) => e.getLinkedRecord("node")?.getDataID() === c)) {
+		if (r != null && !r.getLinkedRecords("edges").some((e) => e.getLinkedRecord("node").getDataID() === c)) {
 			let e = t.createEdge(n, r, a, o);
 			t.insertEdgeAfter(r, e);
 		}

package/lib/esm/relay/connectionUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"connectionUtils.js","names":[],"sources":["../../../src/relay/connectionUtils.ts"],"sourcesContent":["import RelayRuntime, {\n  type RecordProxy,\n  type RecordSourceSelectorProxy,\n} from 'relay-runtime';\n\nconst { ConnectionHandler } = RelayRuntime;\n\nexport type AppendNodeToConnectionsOptions = {\n  store: RecordSourceSelectorProxy;\n  parentId: string;\n  connectionKeys: readonly string[];\n  node: RecordProxy;\n  edgeTypeName: string;\n};\n\n/** Appends a node to existing Relay connections on the parent record. */\nexport function appendNodeToConnections(\n  options: AppendNodeToConnectionsOptions,\n): void {\n  const { store, parentId, connectionKeys, node, edgeTypeName } = options;\n  const parentRecord = store.get(parentId);\n  if (parentRecord == null) {\n    return;\n  }\n\n  const nodeId = node.getDataID();\n  const uniqueKeys = Array.from(new Set(connectionKeys)).filter((key) => {\n    return key.trim() !== '';\n  });\n\n  for (const connectionKey of uniqueKeys) {\n    const connection = ConnectionHandler.getConnection(\n      parentRecord,\n      connectionKey,\n    );\n    if (connection != null) {\n      const edges = connection.getLinkedRecords('edges') ?? [];\n      const alreadyPresent = edges.some((edge) => {\n        const edgeNode = edge.getLinkedRecord('node');\n        return edgeNode?.getDataID() === nodeId;\n      });\n\n      if (!alreadyPresent) {\n        const newEdge = ConnectionHandler.createEdge(\n          store,\n          connection,\n          node,\n          edgeTypeName,\n        );\n        ConnectionHandler.insertEdgeAfter(connection, newEdge);\n      }\n    }\n  }\n}\n"],"mappings":";;AAKA,IAAM,EAAE,yBAAsB;AAW9B,SAAgB,EACd,GACM;CACN,IAAM,EAAE,UAAO,aAAU,mBAAgB,SAAM,oBAAiB,GAC1D,IAAe,EAAM,IAAI,CAAQ;CACvC,IAAI,KAAgB,MAClB;CAGF,IAAM,IAAS,EAAK,UAAU,GACxB,IAAa,MAAM,KAAK,IAAI,IAAI,CAAc,CAAC,EAAE,QAAQ,MACtD,EAAI,KAAK,MAAM,EACvB;CAED,KAAK,IAAM,KAAiB,GAAY;EACtC,IAAM,IAAa,EAAkB,cACnC,GACA,CACF;EACA,IAAI,KAAc,QAOZ,EANU,EAAW,iBAAiB,OAAO,KAAK,CAAC,GAC1B,MAAM,MAChB,EAAK,gBAAgB,MAC/B,GAAU,UAAU,MAAM,CAG9B,GAAgB;GACnB,IAAM,IAAU,EAAkB,WAChC,GACA,GACA,GACA,CACF;GACA,EAAkB,gBAAgB,GAAY,CAAO;EACvD;CAEJ;AACF"}
+{"version":3,"file":"connectionUtils.js","names":[],"sources":["../../../src/relay/connectionUtils.ts"],"sourcesContent":["import RelayRuntime, {\n  type RecordProxy,\n  type RecordSourceSelectorProxy,\n} from 'relay-runtime';\n\nconst { ConnectionHandler } = RelayRuntime;\n\nexport type AppendNodeToConnectionsOptions = {\n  store: RecordSourceSelectorProxy;\n  parentId: string;\n  connectionKeys: readonly string[];\n  node: RecordProxy;\n  edgeTypeName: string;\n};\n\n/** Appends a node to existing Relay connections on the parent record. */\nexport function appendNodeToConnections(\n  options: AppendNodeToConnectionsOptions,\n): void {\n  const { store, parentId, connectionKeys, node, edgeTypeName } = options;\n  const parentRecord = store.get(parentId);\n  if (parentRecord == null) {\n    return;\n  }\n\n  const nodeId = node.getDataID();\n  const uniqueKeys = Array.from(new Set(connectionKeys)).filter((key) => {\n    return key.trim() !== '';\n  });\n\n  for (const connectionKey of uniqueKeys) {\n    const connection = ConnectionHandler.getConnection(\n      parentRecord,\n      connectionKey,\n    );\n    if (connection != null) {\n      const edges = connection.getLinkedRecords('edges');\n      const alreadyPresent = edges.some((edge) => {\n        const edgeNode = edge.getLinkedRecord('node');\n        return edgeNode.getDataID() === nodeId;\n      });\n\n      if (!alreadyPresent) {\n        const newEdge = ConnectionHandler.createEdge(\n          store,\n          connection,\n          node,\n          edgeTypeName,\n        );\n        ConnectionHandler.insertEdgeAfter(connection, newEdge);\n      }\n    }\n  }\n}\n"],"mappings":";;AAKA,IAAM,EAAE,yBAAsB;AAW9B,SAAgB,EACd,GACM;CACN,IAAM,EAAE,UAAO,aAAU,mBAAgB,SAAM,oBAAiB,GAC1D,IAAe,EAAM,IAAI,CAAQ;CACvC,IAAI,KAAgB,MAClB;CAGF,IAAM,IAAS,EAAK,UAAU,GACxB,IAAa,MAAM,KAAK,IAAI,IAAI,CAAc,CAAC,EAAE,QAAQ,MACtD,EAAI,KAAK,MAAM,EACvB;CAED,KAAK,IAAM,KAAiB,GAAY;EACtC,IAAM,IAAa,EAAkB,cACnC,GACA,CACF;EACA,IAAI,KAAc,QAOZ,CANU,EAAW,iBAAiB,OACnB,EAAM,MAAM,MAChB,EAAK,gBAAgB,MAC/B,EAAS,UAAU,MAAM,CAG7B,GAAgB;GACnB,IAAM,IAAU,EAAkB,WAChC,GACA,GACA,GACA,CACF;GACA,EAAkB,gBAAgB,GAAY,CAAO;EACvD;CAEJ;AACF"}

package/lib/esm/subscriptions/useCursorResumableSubscription.js

@@ -2,22 +2,36 @@ import { useConditionalSubscription as e } from "../hooks/useConditionalSubscrip
 import { useCallback as t, useEffect as n, useMemo as r, useRef as i } from "react";
 //#region src/subscriptions/useCursorResumableSubscription.ts
 var a = ({ enabled: a, identityKey: o, deps: s, makeConfig: c, makeVariables: l, onRefetchNeeded: u }) => {
-	let d = i(null);
+	let d = i(null), f = i(null);
 	n(() => {
 		d.current = null;
 	}, [o]);
-	let f = r(() => ({
+	let p = r(() => ({
 		markApplied: (e) => {
 			typeof e == "string" && (d.current = e);
 		},
 		markNotApplied: (e) => {
-			u?.(e);
+			f.current = e;
 		},
 		handleRefetchNeeded: (e) => {
 			u?.(e ?? null);
 		}
 	}), [u]);
-	e(r(() => c(f), [f, c]), {
+	e(r(() => {
+		let e = c(p);
+		return {
+			...e,
+			onNext: (t) => {
+				e.onNext?.(t);
+				let n = f.current;
+				n != null && (f.current = null, u?.(n));
+			}
+		};
+	}, [
+		p,
+		c,
+		u
+	]), {
 		enabled: a,
 		deps: s,
 		getVariables: t(() => l(d.current), [l])

package/lib/esm/subscriptions/useCursorResumableSubscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCursorResumableSubscription.js","names":[],"sources":["../../../src/subscriptions/useCursorResumableSubscription.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport type { GraphQLSubscriptionConfig, OperationType } from 'relay-runtime';\n\nimport { useConditionalSubscription } from '../hooks/useConditionalSubscription.js';\n\nexport type CursorSubscriptionControls = {\n  markApplied: (cursor: unknown) => void;\n  markNotApplied: (reason: string) => void;\n  handleRefetchNeeded: (reason: string | null | undefined) => void;\n};\n\nexport type UseCursorResumableSubscriptionArgs<\n  TSubscription extends OperationType,\n> = {\n  enabled: boolean;\n  identityKey: string | null | undefined;\n  deps?: readonly unknown[];\n  makeConfig: (\n    controls: CursorSubscriptionControls,\n  ) => GraphQLSubscriptionConfig<TSubscription>;\n  makeVariables: (cursor: string | null) => TSubscription['variables'];\n  onRefetchNeeded?: (reason: string | null) => void;\n};\n\nexport const useCursorResumableSubscription = <\n  TSubscription extends OperationType,\n>({\n  enabled,\n  identityKey,\n  deps,\n  makeConfig,\n  makeVariables,\n  onRefetchNeeded,\n}: UseCursorResumableSubscriptionArgs<TSubscription>): void => {\n  const lastCursorRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    lastCursorRef.current = null;\n  }, [identityKey]);\n\n  const controls = useMemo<CursorSubscriptionControls>(() => {\n    return {\n      markApplied: (cursor: unknown) => {\n        if (typeof cursor === 'string') {\n          lastCursorRef.current = cursor;\n        }\n      },\n      markNotApplied: (reason: string) => {\n        onRefetchNeeded?.(reason);\n      },\n      handleRefetchNeeded: (reason: string | null | undefined) => {\n        onRefetchNeeded?.(reason ?? null);\n      },\n    };\n  }, [onRefetchNeeded]);\n\n  const config = useMemo(() => {\n    return makeConfig(controls);\n  }, [controls, makeConfig]);\n\n  const getVariables = useCallback(() => {\n    return makeVariables(lastCursorRef.current);\n  }, [makeVariables]);\n\n  useConditionalSubscription(config, {\n    enabled,\n    deps,\n    getVariables,\n  });\n};\n"],"mappings":";;;AAwBA,IAAa,KAEX,EACA,YACA,gBACA,SACA,eACA,kBACA,yBAC6D;CAC7D,IAAM,IAAgB,EAAsB,IAAI;CAEhD,QAAgB;EACd,EAAc,UAAU;CAC1B,GAAG,CAAC,CAAW,CAAC;CAEhB,IAAM,IAAW,SACR;EACL,cAAc,MAAoB;GAChC,AAAI,OAAO,KAAW,aACpB,EAAc,UAAU;EAE5B;EACA,iBAAiB,MAAmB;GAClC,IAAkB,CAAM;EAC1B;EACA,sBAAsB,MAAsC;GAC1D,IAAkB,KAAU,IAAI;EAClC;CACF,IACC,CAAC,CAAe,CAAC;CAUpB,EARe,QACN,EAAW,CAAQ,GACzB,CAAC,GAAU,CAAU,CAMG,GAAQ;EACjC;EACA;EACA,cAPmB,QACZ,EAAc,EAAc,OAAO,GACzC,CAAC,CAAa,CAKf;CACF,CAAC;AACH"}
+{"version":3,"file":"useCursorResumableSubscription.js","names":[],"sources":["../../../src/subscriptions/useCursorResumableSubscription.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport type { GraphQLSubscriptionConfig, OperationType } from 'relay-runtime';\n\nimport { useConditionalSubscription } from '../hooks/useConditionalSubscription.js';\n\nexport type CursorSubscriptionControls = {\n  markApplied: (cursor: unknown) => void;\n  markNotApplied: (reason: string) => void;\n  handleRefetchNeeded: (reason: string | null | undefined) => void;\n};\n\nexport type UseCursorResumableSubscriptionArgs<\n  TSubscription extends OperationType,\n> = {\n  enabled: boolean;\n  identityKey: string | null | undefined;\n  deps?: readonly unknown[];\n  makeConfig: (\n    controls: CursorSubscriptionControls,\n  ) => GraphQLSubscriptionConfig<TSubscription>;\n  makeVariables: (cursor: string | null) => TSubscription['variables'];\n  onRefetchNeeded?: (reason: string | null) => void;\n};\n\nexport const useCursorResumableSubscription = <\n  TSubscription extends OperationType,\n>({\n  enabled,\n  identityKey,\n  deps,\n  makeConfig,\n  makeVariables,\n  onRefetchNeeded,\n}: UseCursorResumableSubscriptionArgs<TSubscription>): void => {\n  const lastCursorRef = useRef<string | null>(null);\n  const pendingRefetchReasonRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    lastCursorRef.current = null;\n  }, [identityKey]);\n\n  const controls = useMemo<CursorSubscriptionControls>(() => {\n    return {\n      markApplied: (cursor: unknown) => {\n        if (typeof cursor === 'string') {\n          lastCursorRef.current = cursor;\n        }\n      },\n      markNotApplied: (reason: string) => {\n        pendingRefetchReasonRef.current = reason;\n      },\n      handleRefetchNeeded: (reason: string | null | undefined) => {\n        onRefetchNeeded?.(reason ?? null);\n      },\n    };\n  }, [onRefetchNeeded]);\n\n  const config = useMemo(() => {\n    const nextConfig = makeConfig(controls);\n    return {\n      ...nextConfig,\n      onNext: (response: TSubscription['response']) => {\n        nextConfig.onNext?.(response);\n        const pendingReason = pendingRefetchReasonRef.current;\n        if (pendingReason != null) {\n          pendingRefetchReasonRef.current = null;\n          onRefetchNeeded?.(pendingReason);\n        }\n      },\n    };\n  }, [controls, makeConfig, onRefetchNeeded]);\n\n  const getVariables = useCallback(() => {\n    return makeVariables(lastCursorRef.current);\n  }, [makeVariables]);\n\n  useConditionalSubscription(config, {\n    enabled,\n    deps,\n    getVariables,\n  });\n};\n"],"mappings":";;;AAwBA,IAAa,KAEX,EACA,YACA,gBACA,SACA,eACA,kBACA,yBAC6D;CAC7D,IAAM,IAAgB,EAAsB,IAAI,GAC1C,IAA0B,EAAsB,IAAI;CAE1D,QAAgB;EACd,EAAc,UAAU;CAC1B,GAAG,CAAC,CAAW,CAAC;CAEhB,IAAM,IAAW,SACR;EACL,cAAc,MAAoB;GAChC,AAAI,OAAO,KAAW,aACpB,EAAc,UAAU;EAE5B;EACA,iBAAiB,MAAmB;GAClC,EAAwB,UAAU;EACpC;EACA,sBAAsB,MAAsC;GAC1D,IAAkB,KAAU,IAAI;EAClC;CACF,IACC,CAAC,CAAe,CAAC;CAqBpB,EAnBe,QAAc;EAC3B,IAAM,IAAa,EAAW,CAAQ;EACtC,OAAO;GACL,GAAG;GACH,SAAS,MAAwC;IAC/C,EAAW,SAAS,CAAQ;IAC5B,IAAM,IAAgB,EAAwB;IAC9C,AAAI,KAAiB,SACnB,EAAwB,UAAU,MAClC,IAAkB,CAAa;GAEnC;EACF;CACF,GAAG;EAAC;EAAU;EAAY;CAAe,CAMd,GAAQ;EACjC;EACA;EACA,cAPmB,QACZ,EAAc,EAAc,OAAO,GACzC,CAAC,CAAa,CAKf;CACF,CAAC;AACH"}

package/lib/types/components/backoffice/detail/BackofficeDetailRelationListBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailRelationListBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAU3E,OAAO,KAAK,EAEV,mCAAmC,EAEpC,MAAM,mCAAmC,CAAC;AAc3C,MAAM,MAAM,sCAAsC,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mCAAmC,CAAC;IAC9C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAkMF,eAAO,MAAM,iCAAiC,GAAI,6BAI/C,sCAAsC,KAAG,GAAG,CAAC,OAgB/C,CAAC;AAEF,eAAe,iCAAiC,CAAC"}
+{"version":3,"file":"BackofficeDetailRelationListBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAU3E,OAAO,KAAK,EAEV,mCAAmC,EAEpC,MAAM,mCAAmC,CAAC;AAc3C,MAAM,MAAM,sCAAsC,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mCAAmC,CAAC;IAC9C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAyLF,eAAO,MAAM,iCAAiC,GAAI,6BAI/C,sCAAsC,KAAG,GAAG,CAAC,OAgB/C,CAAC;AAEF,eAAe,iCAAiC,CAAC"}

package/lib/types/components/backoffice/detail/BackofficeRelationsSummaryGrid.d.ts

@@ -3,7 +3,7 @@ import type { MetricTone } from '@plumile/ui/components/dashboard/metric_card/Me
 export type BackofficeRelationSummaryItem = {
     readonly id: string;
     readonly label: string;
-    readonly count?: number | null;
+    readonly count?: ReactNode;
     readonly href?: string;
     readonly description?: ReactNode;
     readonly tone?: MetricTone;

package/lib/types/components/backoffice/detail/BackofficeRelationsSummaryGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeRelationsSummaryGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/detail/BackofficeRelationsSummaryGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4DAA4D,CAAC;AAK7F,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG;IAChD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,6BAA6B,EAAE,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,mBAG5C,mCAAmC,KAAG,GAAG,CAAC,OAAO,GAAG,IA4CtD,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"BackofficeRelationsSummaryGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/detail/BackofficeRelationsSummaryGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4DAA4D,CAAC;AAK7F,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG;IAChD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,6BAA6B,EAAE,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,mBAG5C,mCAAmC,KAAG,GAAG,CAAC,OAAO,GAAG,IA4CtD,CAAC;AAEF,eAAe,8BAA8B,CAAC"}