@plumile/backoffice-react 0.1.130 → 0.1.131

package/lib/esm/pages/BackofficeEntityListPage.js

@@ -19,12 +19,13 @@ import { fetchQuery as D } from "relay-runtime";
 import { useFragment as O, usePaginationFragment as k, usePreloadedQuery as se, useRelayEnvironment as ce } from "react-relay";
 import { InlineBanner as A } from "@plumile/ui/backoffice/molecules/inline_banner/InlineBanner.js";
 import { BACKOFFICE_LIST_DEFAULTS as le, BACKOFFICE_LIST_REFETCH_POLICY as j } from "@plumile/backoffice-core/constants.js";
-import { stableListVariablesKey as ue } from "@plumile/backoffice-core/state/stableKey.js";
-import { LinkButton as M } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
-import { TableCell as de } from "@plumile/ui/components/data-table/TableCell.js";
-import { EyeSvg as fe } from "@plumile/ui/icons/EyeSvg.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";
 //#region src/pages/BackofficeEntityListPage.tsx
-var pe = "store-or-network", me = (e, t, n, r) => {
+var me = "store-or-network", he = (e, t, n, r) => {
 	let i = t != null && t.length > 0, a = e;
 	if (i) {
 		let n = [{
@@ -56,11 +57,11 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 	let { t: s } = T(), { t: c } = e(), [l, f] = C(null), p = ce(), m = i.list, g = i.listDefaults ?? m.defaultState ?? {
 		where: null,
 		sort: null
-	}, v = se(m.query, o.query), k = O(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), [he, H] = C(!1);
+	}, v = se(m.query, o.query), k = O(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: ge } = x(() => {
+	let { columns: U, gridTemplateColumns: _e } = x(() => {
 		let e = n(m.columns, {
 			tApp: s,
 			t: c
@@ -69,29 +70,25 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 			fallback: c("common.notAvailable"),
 			className: re,
 			resolveDetailHref: (e) => i.routes.detail(e),
-			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ w(de.Actions, { children: /* @__PURE__ */ w("span", {
+			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ w(fe.Actions, { children: /* @__PURE__ */ w(ue, {
+				to: e,
 				className: ne,
+				"aria-label": t,
 				title: t,
-				children: /* @__PURE__ */ w(M, {
-					to: e,
-					variant: "icon",
-					size: "small",
-					"aria-label": t,
-					children: /* @__PURE__ */ w(fe, {
-						width: 16,
-						height: 16
-					})
+				children: /* @__PURE__ */ w(pe, {
+					width: 16,
+					height: 16
 				})
 			}) })
 		});
-		return me([...e, t], m.rowFlags, 1, s);
+		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: _e } = u(i), K = G.sort ?? g.sort, { pageSize: q } = le, ve = y((e) => m.buildQueryVariables(e), [m]), J = S(0), ye = S(ue({
+	]), 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
@@ -99,12 +96,12 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 		let t = J.current + 1;
 		J.current = t, e.mode === "append" ? z(!0) : V(!0), H(!1);
 		try {
-			let n = ve({
+			let n = ye({
 				where: e.where,
 				sort: e.sort,
 				count: e.count,
 				cursor: e.cursor
-			}), r = await D(p, m.query, n, { fetchPolicy: pe }).toPromise();
+			}), r = await D(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);
@@ -114,17 +111,17 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 			e.mode === "append" ? z(!1) : V(!1);
 		}
 	}, [
-		ve,
+		ye,
 		p,
 		m
 	]);
 	b(() => {
-		let e = ue({
+		let e = M({
 			where: G.where,
 			sort: K,
 			count: q
 		});
-		ye.current !== e && (ye.current = e, Y({
+		be.current !== e && (be.current = e, Y({
 			where: G.where,
 			sort: K,
 			count: q,
@@ -155,7 +152,7 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 		K,
 		Y,
 		G.where
-	]), be = r({
+	]), xe = r({
 		hasNext: I != null,
 		isLoadingNext: R,
 		loadNext: (e) => {
@@ -170,14 +167,14 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 			});
 		},
 		count: q
-	}), Z = x(() => i.listActions ?? [], [i.listActions]), Q = x(() => Z.filter((e) => e.isVisible == null ? !0 : e.isVisible(null)), [Z]), xe = x(() => {
+	}), 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__ */ w("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__ */ w(M, {
+				return ee(e) ? /* @__PURE__ */ w(de, {
 					to: e.to(null),
 					variant: a,
 					size: o,
@@ -197,8 +194,8 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 				}, e.id) : null;
 			})
 		});
-	}, [s, Q]), $ = Z.find((e) => e.id === l), Se = null;
-	return he && (Se = /* @__PURE__ */ w(A, {
+	}, [s, Q]), $ = Z.find((e) => e.id === l), Ce = null;
+	return ge && (Ce = /* @__PURE__ */ w(A, {
 		tone: "danger",
 		title: c("list.errors.title"),
 		actions: /* @__PURE__ */ w(E, {
@@ -215,19 +212,19 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 	})), /* @__PURE__ */ oe(ae, { children: [/* @__PURE__ */ w(a, {
 		config: i,
 		state: G,
-		pushState: _e,
-		headerActions: xe,
+		pushState: ve,
+		headerActions: Se,
 		rows: P,
 		columns: U,
-		gridTemplateColumns: ge,
+		gridTemplateColumns: _e,
 		getRowId: W,
 		hasNextPage: I != null,
 		isLoadingMore: R,
 		isRefreshing: B,
-		onLoadMore: be,
+		onLoadMore: xe,
 		onRefresh: X,
 		totalCount: null,
-		statusBanner: Se
+		statusBanner: Ce
 	}), $ != null && h($) && /* @__PURE__ */ w(t, {
 		isOpen: !0,
 		action: $,
@@ -238,7 +235,7 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 		onSuccess: X
 	})] });
 }, P = ({ config: s, prepared: c, breadcrumb: l }) => {
-	let f = s.list, { t: p } = T(), { t: m } = e(), [g, v] = C(null), b = se(f.query, c.query), { data: S, loadNext: ae, hasNext: D, isLoadingNext: O, refetch: ce } = k(f.fragment, b), A = f.getConnection(S), ue = x(() => A.edges.map((e) => f.toRow(e.node)), [A.edges, f]), { columns: pe, gridTemplateColumns: N } = x(() => {
+	let f = s.list, { t: p } = T(), { t: m } = e(), [g, v] = C(null), b = se(f.query, c.query), { data: S, loadNext: ae, hasNext: D, isLoadingNext: O, refetch: ce } = 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(() => {
 		let e = n(f.columns, {
 			tApp: p,
 			t: m
@@ -247,22 +244,18 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 			fallback: m("common.notAvailable"),
 			className: re,
 			resolveDetailHref: (e) => s.routes.detail(e),
-			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ w(de.Actions, { children: /* @__PURE__ */ w("span", {
+			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ w(fe.Actions, { children: /* @__PURE__ */ w(ue, {
+				to: e,
 				className: ne,
+				"aria-label": t,
 				title: t,
-				children: /* @__PURE__ */ w(M, {
-					to: e,
-					variant: "icon",
-					size: "small",
-					"aria-label": t,
-					children: /* @__PURE__ */ w(fe, {
-						width: 16,
-						height: 16
-					})
+				children: /* @__PURE__ */ w(pe, {
+					width: 16,
+					height: 16
 				})
 			}) })
 		});
-		return me([...e, t], f.rowFlags, 1, p);
+		return he([...e, t], f.rowFlags, 1, p);
 	}, [
 		s.routes,
 		f.columns,
@@ -292,19 +285,19 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 		},
 		fetchPolicy: j,
 		buildQueryVariables: f.buildQueryVariables
-	}), he = r({
+	}), ge = r({
 		hasNext: D,
 		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]), ge = x(() => {
+	}), 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__ */ w("div", {
 			className: ie,
 			children: U.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__ */ w(M, {
+				return ee(e) ? /* @__PURE__ */ w(de, {
 					to: e.to(null),
 					variant: a,
 					size: o,
@@ -331,15 +324,15 @@ var pe = "store-or-network", me = (e, t, n, r) => {
 			config: s,
 			state: F,
 			pushState: I,
-			headerActions: ge,
-			rows: ue,
-			columns: pe,
+			headerActions: _e,
+			rows: M,
+			columns: me,
 			gridTemplateColumns: N,
 			getRowId: P,
 			hasNextPage: D,
 			isLoadingMore: O,
 			isRefreshing: B,
-			onLoadMore: he,
+			onLoadMore: ge,
 			onRefresh: V,
 			totalCount: A.totalCount ?? null
 		}), W != null && h(W) && /* @__PURE__ */ w(t, {

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 {\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/backoffice/molecules/inline_banner/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            <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  }, [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              >\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            <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  }, [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              >\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 {\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/backoffice/molecules/inline_banner/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            >\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              >\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            >\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              >\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/pages/backofficeEntityListPage.css.js

@@ -1,6 +1,6 @@
 /* empty css                                        */
 //#region src/pages/backofficeEntityListPage.css.ts
-var e = "txvbqbdr8 txvbqbey txvbqbff6 txvbqbf91", t = "txvbqbju2", n = "qbwcuex qbwcuer txvbqbdsb txvbqbey txvbqbjtp txvbqbf7y txvbqbm67 qbwcue11 qbwcuev txvbqb17in txvbqbho2 txvbqbtce txvbqbscn";
+var e = "txvbqbdr8 txvbqbey txvbqbff6 txvbqbf91", t = "txvbqbju2", n = "c0tad0 txvbqbdsb txvbqbey txvbqbjtp txvbqb17in txvbqbho2 txvbqbtce txvbqbscn txvbqb2g9 txvbqb1933 txvbqb19cb txvbqb3f txvbqb7h txvbqb76 txvbqb7t txvbqb1aex txvbqb1bpd qbwcue0 txvbqb1cb0 txvbqb1cws";
 //#endregion
 export { n as actionTrigger, t as actionsColumnCell, e as headerActions };
 

package/lib/esm/pages/backofficeEntityListPage.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeEntityListPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityListPage.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { iconBox } from '@plumile/ui/theme/styleRecipes.css.js';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const actionsColumnCell = sprinkles({\n  justifyContent: 'flex-end',\n});\n\nexport const actionTrigger = iconBox({\n  size: 'lg',\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeEntityListPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityListPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, stateSprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { focusRing } from '@plumile/ui/theme/styleRecipes.css.js';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const actionsColumnCell = sprinkles({\n  justifyContent: 'flex-end',\n});\n\nexport const actionTrigger = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    minWidth: 8,\n    minHeight: 8,\n    borderRadius: 'md',\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  stateSprinkles({\n    backgroundColor: { hover: 'surfaceMuted' },\n    color: { hover: 'primary' },\n  }),\n  focusRing,\n]);\n"],"mappings":""}

package/lib/esm/pages/dashboard/dashboardPanel.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"dashboardPanel.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardPanel.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const panel = style([\n  sprinkles({\n    backgroundColor: 'surface',\n    borderColor: 'borderSubtle',\n    borderRadius: 'lg',\n    borderStyle: 'solid',\n    borderWidth: 'default',\n  }),\n  {\n    minHeight: '100%',\n    boxShadow: `0 1px 0 ${vars.colors.borderLight}`,\n    selectors: {\n      '&&': {\n        backgroundColor: vars.colors.surface,\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"dashboardPanel.css.js","names":[],"sources":["../../../../src/pages/dashboard/dashboardPanel.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.css.js';\n\nexport const panel = style([\n  sprinkles({\n    backgroundColor: 'surface',\n    borderColor: 'borderSubtle',\n    borderRadius: 'lg',\n    borderStyle: 'solid',\n    borderWidth: 'default',\n  }),\n  {\n    minHeight: '100%',\n    boxShadow: `0 1px 0 ${vars.colors.borderLight}`,\n    selectors: {\n      '&&': {\n        backgroundColor: vars.colors.surface,\n      },\n    },\n  },\n]);\n"],"mappings":""}

package/lib/esm/provider/BackofficeProvider.js

@@ -16,7 +16,7 @@ import y from "@plumile/router/routing/RoutingContext.js";
 import { createInstance as b } from "i18next";
 import x from "@plumile/router/routing/createRouter.js";
 import S from "@plumile/router/routing/RouterRenderer.js";
-import { ThemeProvider as C } from "@plumile/ui/theme/ThemeProvider.js";
+import { BackofficeThemeProvider as C } from "@plumile/ui/admin/theme/BackofficeThemeProvider.js";
 //#region src/provider/BackofficeProvider.tsx
 var w = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWith("/") ? e.slice(0, -1) : e : `/${e}`, T = (e, t) => {
 	let n = w(t), r = w(e);

package/lib/esm/provider/BackofficeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeProvider.js","names":[],"sources":["../../../src/provider/BackofficeProvider.tsx"],"sourcesContent":["import {\n  StrictMode,\n  useEffect,\n  useMemo,\n  useState,\n  type ContextType,\n  type JSX,\n} from 'react';\nimport { createInstance } from 'i18next';\nimport { I18nextProvider } from 'react-i18next';\nimport createRouter from '@plumile/router/routing/createRouter.js';\nimport RouterRenderer from '@plumile/router/routing/RouterRenderer.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport { ThemeProvider } from '@plumile/ui/theme/ThemeProvider.js';\n\nimport { type BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { createI18nInstance } from '../i18n/createI18nInstance.js';\nimport { withBackofficeReactI18nResources } from '../i18n/resources.js';\nimport { RelayProvider } from '../relay/RelayProvider.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { configureRelayEnvironment } from '../relay/environment.js';\nimport { BackofficeConfigProvider } from './BackofficeConfigContext.js';\nimport {\n  createBackofficeRoutes,\n  type BackofficeRouterContext,\n} from '../router/createBackofficeRoutes.js';\nimport type { BackofficeProviderProps } from './types.js';\nimport { validateBackofficeDashboardRegistrations } from './dashboardRegistrations.js';\nimport {\n  BackofficeRouteFallback,\n  BackofficeStaticRouteFallback,\n} from '../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { BackofficeRoutePendingBar } from '../components/backoffice/routing/BackofficeRoutePendingBar.js';\nimport { createBackofficeEntityRegistry } from './entityRegistry.js';\n\nconst normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  if (!value.startsWith('/')) {\n    return `/${value}`;\n  }\n  if (value.endsWith('/')) {\n    return value.slice(0, -1);\n  }\n  return value;\n};\n\nconst prefixRoutePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nconst resolveEntityManifest = (\n  manifest: BackofficeEntityManifestMap,\n  basePath: string,\n): BackofficeEntityManifestMap => {\n  return Object.fromEntries(\n    Object.entries(manifest).map(([entityId, item]) => {\n      return [\n        entityId,\n        {\n          ...item,\n          routes: {\n            list: prefixRoutePath(basePath, item.routes.list),\n            detail: (id: string) => {\n              return prefixRoutePath(basePath, item.routes.detail(id));\n            },\n            detailPage: (id: string, pageId: string) => {\n              return prefixRoutePath(\n                basePath,\n                item.routes.detailPage(id, pageId),\n              );\n            },\n          },\n        } satisfies BackofficeEntityManifestMap[string],\n      ] as const;\n    }),\n  );\n};\n\ntype RouterShellProps = {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n};\n\ntype BackofficeRouterInstance = {\n  context: NonNullable<ContextType<typeof RoutingContext>>;\n  cleanup: () => void;\n};\n\nconst useBackofficeRouterInstance = ({\n  routes,\n  context,\n  instrumentations,\n}: {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  context: BackofficeRouterContext;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n}): BackofficeRouterInstance | null => {\n  const [router, setRouter] = useState<BackofficeRouterInstance | null>(null);\n\n  useEffect(() => {\n    const nextRouter = createRouter(routes, {\n      context,\n      instrumentations,\n    });\n    setRouter(nextRouter);\n\n    return () => {\n      nextRouter.cleanup();\n    };\n  }, [context, instrumentations, routes]);\n\n  return router;\n};\n\nconst RouterShell = ({\n  routes,\n  instrumentations,\n}: RouterShellProps): JSX.Element => {\n  const relayEnvironment = useRelayEnvironment();\n\n  const routerContext = useMemo(() => {\n    return { relayEnvironment };\n  }, [relayEnvironment]);\n\n  const router = useBackofficeRouterInstance({\n    routes,\n    context: routerContext,\n    instrumentations,\n  });\n\n  if (router == null) {\n    return <BackofficeRouteFallback />;\n  }\n\n  return (\n    <RoutingContext.Provider value={router.context}>\n      <RouterRenderer\n        enableTransition\n        fallback={<BackofficeRouteFallback />}\n        pending={<BackofficeRoutePendingBar />}\n      />\n    </RoutingContext.Provider>\n  );\n};\n\nexport const BackofficeProvider = (\n  props: BackofficeProviderProps,\n): JSX.Element => {\n  const basePath = normalizeAbsolutePath(props.basePath ?? '/');\n\n  const entityManifest = useMemo(() => {\n    return resolveEntityManifest(props.entityManifest, basePath);\n  }, [basePath, props.entityManifest]);\n  const entityRegistry = useMemo(() => {\n    return createBackofficeEntityRegistry(entityManifest, { basePath });\n  }, [basePath, entityManifest]);\n\n  const graphQLConfig = props.graphql;\n  const dashboards = useMemo(() => {\n    return validateBackofficeDashboardRegistrations(props.dashboards);\n  }, [props.dashboards]);\n\n  useEffect(() => {\n    const httpUrl = graphQLConfig.httpUrl ?? graphQLConfig.endpoint;\n    const wsUrl = graphQLConfig.wsUrl ?? graphQLConfig.wsEndpoint;\n    configureRelayEnvironment({\n      httpUrl,\n      wsUrl,\n      getDataId: graphQLConfig.getDataId,\n      logEvents: graphQLConfig.logEvents,\n      getAuthHeaders: graphQLConfig.getAuthHeaders,\n    });\n  }, [\n    graphQLConfig.endpoint,\n    graphQLConfig.getAuthHeaders,\n    graphQLConfig.getDataId,\n    graphQLConfig.httpUrl,\n    graphQLConfig.logEvents,\n    graphQLConfig.wsEndpoint,\n    graphQLConfig.wsUrl,\n  ]);\n\n  const mergedResources = useMemo(() => {\n    return withBackofficeReactI18nResources(props.i18n?.resources ?? {});\n  }, [props.i18n?.resources]);\n\n  const i18nInstance = useMemo(() => {\n    return props.i18n?.instance ?? createInstance();\n  }, [props.i18n?.instance]);\n  const [isI18nReady, setIsI18nReady] = useState(i18nInstance.isInitialized);\n\n  useEffect(() => {\n    let isCurrent = true;\n    const markI18nReady = (): void => {\n      if (isCurrent) {\n        setIsI18nReady(true);\n      }\n    };\n\n    i18nInstance.on('initialized', markI18nReady);\n    if (i18nInstance.isInitialized) {\n      markI18nReady();\n      return () => {\n        isCurrent = false;\n        i18nInstance.off('initialized', markI18nReady);\n      };\n    }\n\n    const readyCheck = globalThis.setTimeout(() => {\n      if (i18nInstance.isInitialized) {\n        markI18nReady();\n      }\n    }, 0);\n\n    const initOptions = props.i18n?.initOptions ?? {};\n    const defaultNs = initOptions.defaultNS ?? 'translations';\n    const ns = initOptions.ns ?? ['backofficeReact', 'translations', 'ui'];\n    createI18nInstance({\n      resources: mergedResources,\n      lng: props.i18n?.lng,\n      fallbackLng: props.i18n?.fallbackLng,\n      initOptions: {\n        ...initOptions,\n        defaultNS: defaultNs,\n        ns,\n        react: {\n          useSuspense: false,\n          ...initOptions.react,\n        },\n      },\n      instance: i18nInstance,\n      useLanguageDetector: props.i18n?.useLanguageDetector,\n      detection: props.i18n?.detection,\n    })\n      .then(markI18nReady)\n      .catch((error: unknown) => {\n        markI18nReady();\n        // eslint-disable-next-line no-console\n        console.error(error);\n      });\n\n    return () => {\n      isCurrent = false;\n      globalThis.clearTimeout(readyCheck);\n      i18nInstance.off('initialized', markI18nReady);\n    };\n  }, [\n    i18nInstance,\n    mergedResources,\n    props.i18n?.initOptions,\n    props.i18n?.detection,\n    props.i18n?.fallbackLng,\n    props.i18n?.lng,\n    props.i18n?.useLanguageDetector,\n  ]);\n\n  const configValue = useMemo(() => {\n    return {\n      basePath,\n      entities: entityManifest,\n      entityManifest,\n      entityRegistry,\n      filterColumnAliases: props.filterColumnAliases,\n      sidebar: props.sidebar,\n      dashboard: props.dashboard,\n      dashboards,\n      auth: props.auth,\n      graphql: props.graphql,\n    };\n  }, [\n    basePath,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    entityManifest,\n    entityRegistry,\n    props.filterColumnAliases,\n    props.graphql,\n    props.sidebar,\n  ]);\n\n  const routes = useMemo(() => {\n    return createBackofficeRoutes({\n      basePath,\n      entityManifest,\n      entityRegistry,\n      sidebar: props.sidebar,\n      auth: props.auth,\n      dashboard: props.dashboard,\n      dashboards,\n      toolsOperationPage: props.toolsOperationPage,\n    });\n  }, [\n    basePath,\n    entityManifest,\n    entityRegistry,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    props.toolsOperationPage,\n    props.sidebar,\n  ]);\n\n  let contentNode = <BackofficeStaticRouteFallback label=\"Loading...\" />;\n  if (isI18nReady) {\n    contentNode = (\n      <ThemeProvider>\n        <RelayProvider>\n          <BackofficeConfigProvider value={configValue}>\n            {props.overlay}\n            <RouterShell\n              routes={routes}\n              instrumentations={props.instrumentations}\n            />\n          </BackofficeConfigProvider>\n        </RelayProvider>\n      </ThemeProvider>\n    );\n  }\n\n  return (\n    <StrictMode>\n      <I18nextProvider i18n={i18nInstance}>{contentNode}</I18nextProvider>\n    </StrictMode>\n  );\n};\n\nexport default BackofficeProvider;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeProvider.js","names":[],"sources":["../../../src/provider/BackofficeProvider.tsx"],"sourcesContent":["import {\n  StrictMode,\n  useEffect,\n  useMemo,\n  useState,\n  type ContextType,\n  type JSX,\n} from 'react';\nimport { createInstance } from 'i18next';\nimport { I18nextProvider } from 'react-i18next';\nimport createRouter from '@plumile/router/routing/createRouter.js';\nimport RouterRenderer from '@plumile/router/routing/RouterRenderer.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport { BackofficeThemeProvider } from '@plumile/ui/admin/theme/BackofficeThemeProvider.js';\n\nimport { type BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { createI18nInstance } from '../i18n/createI18nInstance.js';\nimport { withBackofficeReactI18nResources } from '../i18n/resources.js';\nimport { RelayProvider } from '../relay/RelayProvider.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { configureRelayEnvironment } from '../relay/environment.js';\nimport { BackofficeConfigProvider } from './BackofficeConfigContext.js';\nimport {\n  createBackofficeRoutes,\n  type BackofficeRouterContext,\n} from '../router/createBackofficeRoutes.js';\nimport type { BackofficeProviderProps } from './types.js';\nimport { validateBackofficeDashboardRegistrations } from './dashboardRegistrations.js';\nimport {\n  BackofficeRouteFallback,\n  BackofficeStaticRouteFallback,\n} from '../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { BackofficeRoutePendingBar } from '../components/backoffice/routing/BackofficeRoutePendingBar.js';\nimport { createBackofficeEntityRegistry } from './entityRegistry.js';\n\nconst normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  if (!value.startsWith('/')) {\n    return `/${value}`;\n  }\n  if (value.endsWith('/')) {\n    return value.slice(0, -1);\n  }\n  return value;\n};\n\nconst prefixRoutePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nconst resolveEntityManifest = (\n  manifest: BackofficeEntityManifestMap,\n  basePath: string,\n): BackofficeEntityManifestMap => {\n  return Object.fromEntries(\n    Object.entries(manifest).map(([entityId, item]) => {\n      return [\n        entityId,\n        {\n          ...item,\n          routes: {\n            list: prefixRoutePath(basePath, item.routes.list),\n            detail: (id: string) => {\n              return prefixRoutePath(basePath, item.routes.detail(id));\n            },\n            detailPage: (id: string, pageId: string) => {\n              return prefixRoutePath(\n                basePath,\n                item.routes.detailPage(id, pageId),\n              );\n            },\n          },\n        } satisfies BackofficeEntityManifestMap[string],\n      ] as const;\n    }),\n  );\n};\n\ntype RouterShellProps = {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n};\n\ntype BackofficeRouterInstance = {\n  context: NonNullable<ContextType<typeof RoutingContext>>;\n  cleanup: () => void;\n};\n\nconst useBackofficeRouterInstance = ({\n  routes,\n  context,\n  instrumentations,\n}: {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  context: BackofficeRouterContext;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n}): BackofficeRouterInstance | null => {\n  const [router, setRouter] = useState<BackofficeRouterInstance | null>(null);\n\n  useEffect(() => {\n    const nextRouter = createRouter(routes, {\n      context,\n      instrumentations,\n    });\n    setRouter(nextRouter);\n\n    return () => {\n      nextRouter.cleanup();\n    };\n  }, [context, instrumentations, routes]);\n\n  return router;\n};\n\nconst RouterShell = ({\n  routes,\n  instrumentations,\n}: RouterShellProps): JSX.Element => {\n  const relayEnvironment = useRelayEnvironment();\n\n  const routerContext = useMemo(() => {\n    return { relayEnvironment };\n  }, [relayEnvironment]);\n\n  const router = useBackofficeRouterInstance({\n    routes,\n    context: routerContext,\n    instrumentations,\n  });\n\n  if (router == null) {\n    return <BackofficeRouteFallback />;\n  }\n\n  return (\n    <RoutingContext.Provider value={router.context}>\n      <RouterRenderer\n        enableTransition\n        fallback={<BackofficeRouteFallback />}\n        pending={<BackofficeRoutePendingBar />}\n      />\n    </RoutingContext.Provider>\n  );\n};\n\nexport const BackofficeProvider = (\n  props: BackofficeProviderProps,\n): JSX.Element => {\n  const basePath = normalizeAbsolutePath(props.basePath ?? '/');\n\n  const entityManifest = useMemo(() => {\n    return resolveEntityManifest(props.entityManifest, basePath);\n  }, [basePath, props.entityManifest]);\n  const entityRegistry = useMemo(() => {\n    return createBackofficeEntityRegistry(entityManifest, { basePath });\n  }, [basePath, entityManifest]);\n\n  const graphQLConfig = props.graphql;\n  const dashboards = useMemo(() => {\n    return validateBackofficeDashboardRegistrations(props.dashboards);\n  }, [props.dashboards]);\n\n  useEffect(() => {\n    const httpUrl = graphQLConfig.httpUrl ?? graphQLConfig.endpoint;\n    const wsUrl = graphQLConfig.wsUrl ?? graphQLConfig.wsEndpoint;\n    configureRelayEnvironment({\n      httpUrl,\n      wsUrl,\n      getDataId: graphQLConfig.getDataId,\n      logEvents: graphQLConfig.logEvents,\n      getAuthHeaders: graphQLConfig.getAuthHeaders,\n    });\n  }, [\n    graphQLConfig.endpoint,\n    graphQLConfig.getAuthHeaders,\n    graphQLConfig.getDataId,\n    graphQLConfig.httpUrl,\n    graphQLConfig.logEvents,\n    graphQLConfig.wsEndpoint,\n    graphQLConfig.wsUrl,\n  ]);\n\n  const mergedResources = useMemo(() => {\n    return withBackofficeReactI18nResources(props.i18n?.resources ?? {});\n  }, [props.i18n?.resources]);\n\n  const i18nInstance = useMemo(() => {\n    return props.i18n?.instance ?? createInstance();\n  }, [props.i18n?.instance]);\n  const [isI18nReady, setIsI18nReady] = useState(i18nInstance.isInitialized);\n\n  useEffect(() => {\n    let isCurrent = true;\n    const markI18nReady = (): void => {\n      if (isCurrent) {\n        setIsI18nReady(true);\n      }\n    };\n\n    i18nInstance.on('initialized', markI18nReady);\n    if (i18nInstance.isInitialized) {\n      markI18nReady();\n      return () => {\n        isCurrent = false;\n        i18nInstance.off('initialized', markI18nReady);\n      };\n    }\n\n    const readyCheck = globalThis.setTimeout(() => {\n      if (i18nInstance.isInitialized) {\n        markI18nReady();\n      }\n    }, 0);\n\n    const initOptions = props.i18n?.initOptions ?? {};\n    const defaultNs = initOptions.defaultNS ?? 'translations';\n    const ns = initOptions.ns ?? ['backofficeReact', 'translations', 'ui'];\n    createI18nInstance({\n      resources: mergedResources,\n      lng: props.i18n?.lng,\n      fallbackLng: props.i18n?.fallbackLng,\n      initOptions: {\n        ...initOptions,\n        defaultNS: defaultNs,\n        ns,\n        react: {\n          useSuspense: false,\n          ...initOptions.react,\n        },\n      },\n      instance: i18nInstance,\n      useLanguageDetector: props.i18n?.useLanguageDetector,\n      detection: props.i18n?.detection,\n    })\n      .then(markI18nReady)\n      .catch((error: unknown) => {\n        markI18nReady();\n        // eslint-disable-next-line no-console\n        console.error(error);\n      });\n\n    return () => {\n      isCurrent = false;\n      globalThis.clearTimeout(readyCheck);\n      i18nInstance.off('initialized', markI18nReady);\n    };\n  }, [\n    i18nInstance,\n    mergedResources,\n    props.i18n?.initOptions,\n    props.i18n?.detection,\n    props.i18n?.fallbackLng,\n    props.i18n?.lng,\n    props.i18n?.useLanguageDetector,\n  ]);\n\n  const configValue = useMemo(() => {\n    return {\n      basePath,\n      entities: entityManifest,\n      entityManifest,\n      entityRegistry,\n      filterColumnAliases: props.filterColumnAliases,\n      sidebar: props.sidebar,\n      dashboard: props.dashboard,\n      dashboards,\n      auth: props.auth,\n      graphql: props.graphql,\n    };\n  }, [\n    basePath,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    entityManifest,\n    entityRegistry,\n    props.filterColumnAliases,\n    props.graphql,\n    props.sidebar,\n  ]);\n\n  const routes = useMemo(() => {\n    return createBackofficeRoutes({\n      basePath,\n      entityManifest,\n      entityRegistry,\n      sidebar: props.sidebar,\n      auth: props.auth,\n      dashboard: props.dashboard,\n      dashboards,\n      toolsOperationPage: props.toolsOperationPage,\n    });\n  }, [\n    basePath,\n    entityManifest,\n    entityRegistry,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    props.toolsOperationPage,\n    props.sidebar,\n  ]);\n\n  let contentNode = <BackofficeStaticRouteFallback label=\"Loading...\" />;\n  if (isI18nReady) {\n    contentNode = (\n      <BackofficeThemeProvider>\n        <RelayProvider>\n          <BackofficeConfigProvider value={configValue}>\n            {props.overlay}\n            <RouterShell\n              routes={routes}\n              instrumentations={props.instrumentations}\n            />\n          </BackofficeConfigProvider>\n        </RelayProvider>\n      </BackofficeThemeProvider>\n    );\n  }\n\n  return (\n    <StrictMode>\n      <I18nextProvider i18n={i18nInstance}>{contentNode}</I18nextProvider>\n    </StrictMode>\n  );\n};\n\nexport default BackofficeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoCA,IAAM,KAAyB,MACzB,EAAM,MAAM,KAAK,MAAM,MAAU,MAC5B,MAEJ,EAAM,WAAW,IAAI,GAGtB,EAAM,SAAS,IAAI,GACd,EAAM,MAAM,GAAG,GAAG,GAEpB,IALE,IAAI,KAQT,KAAmB,GAAkB,MAA0B;CACnE,IAAM,IAAiB,EAAsB,EAAM,EAC7C,IAAqB,EAAsB,EAAS;CAa1D,OAZI,MAAuB,OAIzB,MAAmB,KACnB,EAAe,WAAW,GAAG,EAAmB,GAAG,GAE5C,IAEL,MAAmB,MACd,IAEF,GAAG,IAAqB;GAG3B,KACJ,GACA,MAEO,OAAO,YACZ,OAAO,QAAQ,EAAS,CAAC,KAAK,CAAC,GAAU,OAChC,CACL,GACA;CACE,GAAG;CACH,QAAQ;EACN,MAAM,EAAgB,GAAU,EAAK,OAAO,KAAK;EACjD,SAAS,MACA,EAAgB,GAAU,EAAK,OAAO,OAAO,EAAG,CAAC;EAE1D,aAAa,GAAY,MAChB,EACL,GACA,EAAK,OAAO,WAAW,GAAI,EAAO,CACnC;EAEJ;CACF,CACF,CACD,CACH,EAaG,KAA+B,EACnC,WACA,YACA,0BAKqC;CACrC,IAAM,CAAC,GAAQ,KAAa,EAA0C,KAAK;CAc3E,OAZA,QAAgB;EACd,IAAM,IAAa,EAAa,GAAQ;GACtC;GACA;GACD,CAAC;EAGF,OAFA,EAAU,EAAW,QAER;GACX,EAAW,SAAS;;IAErB;EAAC;EAAS;EAAkB;EAAO,CAAC,EAEhC;GAGH,KAAe,EACnB,WACA,0BACmC;CACnC,IAAM,IAAmB,GAAqB,EAMxC,IAAS,EAA4B;EACzC;EACA,SANoB,SACb,EAAE,qBAAkB,GAC1B,CAAC,EAAiB,CAIV;EACT;EACD,CAAC;CAMF,OAJI,KAAU,OACL,kBAAC,GAAD,EAA2B,CAAA,GAIlC,kBAAC,EAAe,UAAhB;EAAyB,OAAO,EAAO;YACrC,kBAAC,GAAD;GACE,kBAAA;GACA,UAAU,kBAAC,GAAD,EAA2B,CAAA;GACrC,SAAS,kBAAC,GAAD,EAA6B,CAAA;GACtC,CAAA;EACsB,CAAA;GAIjB,KACX,MACgB;CAChB,IAAM,IAAW,EAAsB,EAAM,YAAY,IAAI,EAEvD,IAAiB,QACd,EAAsB,EAAM,gBAAgB,EAAS,EAC3D,CAAC,GAAU,EAAM,eAAe,CAAC,EAC9B,IAAiB,QACd,EAA+B,GAAgB,EAAE,aAAU,CAAC,EAClE,CAAC,GAAU,EAAe,CAAC,EAExB,IAAgB,EAAM,SACtB,IAAa,QACV,EAAyC,EAAM,WAAW,EAChE,CAAC,EAAM,WAAW,CAAC;CAEtB,QAAgB;EAGd,EAA0B;GACxB,SAHc,EAAc,WAAW,EAAc;GAIrD,OAHY,EAAc,SAAS,EAAc;GAIjD,WAAW,EAAc;GACzB,WAAW,EAAc;GACzB,gBAAgB,EAAc;GAC/B,CAAC;IACD;EACD,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACd,EAAc;EACf,CAAC;CAEF,IAAM,IAAkB,QACf,EAAiC,EAAM,MAAM,aAAa,EAAE,CAAC,EACnE,CAAC,EAAM,MAAM,UAAU,CAAC,EAErB,IAAe,QACZ,EAAM,MAAM,YAAY,GAAgB,EAC9C,CAAC,EAAM,MAAM,SAAS,CAAC,EACpB,CAAC,GAAa,KAAkB,EAAS,EAAa,cAAc;CAE1E,QAAgB;EACd,IAAI,IAAY,IACV,UAA4B;GAChC,AAAI,KACF,EAAe,GAAK;;EAKxB,IADA,EAAa,GAAG,eAAe,EAAc,EACzC,EAAa,eAEf,OADA,GAAe,QACF;GAEX,AADA,IAAY,IACZ,EAAa,IAAI,eAAe,EAAc;;EAIlD,IAAM,IAAa,WAAW,iBAAiB;GAC7C,AAAI,EAAa,iBACf,GAAe;KAEhB,EAAE,EAEC,IAAc,EAAM,MAAM,eAAe,EAAE,EAC3C,IAAY,EAAY,aAAa,gBACrC,IAAK,EAAY,MAAM;GAAC;GAAmB;GAAgB;GAAK;EAyBtE,OAxBA,EAAmB;GACjB,WAAW;GACX,KAAK,EAAM,MAAM;GACjB,aAAa,EAAM,MAAM;GACzB,aAAa;IACX,GAAG;IACH,WAAW;IACX;IACA,OAAO;KACL,aAAa;KACb,GAAG,EAAY;KAChB;IACF;GACD,UAAU;GACV,qBAAqB,EAAM,MAAM;GACjC,WAAW,EAAM,MAAM;GACxB,CAAC,CACC,KAAK,EAAc,CACnB,OAAO,MAAmB;GAGzB,AAFA,GAAe,EAEf,QAAQ,MAAM,EAAM;IACpB,QAES;GAGX,AAFA,IAAY,IACZ,WAAW,aAAa,EAAW,EACnC,EAAa,IAAI,eAAe,EAAc;;IAE/C;EACD;EACA;EACA,EAAM,MAAM;EACZ,EAAM,MAAM;EACZ,EAAM,MAAM;EACZ,EAAM,MAAM;EACZ,EAAM,MAAM;EACb,CAAC;CAEF,IAAM,IAAc,SACX;EACL;EACA,UAAU;EACV;EACA;EACA,qBAAqB,EAAM;EAC3B,SAAS,EAAM;EACf,WAAW,EAAM;EACjB;EACA,MAAM,EAAM;EACZ,SAAS,EAAM;EAChB,GACA;EACD;EACA,EAAM;EACN,EAAM;EACN;EACA;EACA;EACA,EAAM;EACN,EAAM;EACN,EAAM;EACP,CAAC,EAEI,IAAS,QACN,EAAuB;EAC5B;EACA;EACA;EACA,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,WAAW,EAAM;EACjB;EACA,oBAAoB,EAAM;EAC3B,CAAC,EACD;EACD;EACA;EACA;EACA,EAAM;EACN,EAAM;EACN;EACA,EAAM;EACN,EAAM;EACP,CAAC,EAEE,IAAc,kBAAC,GAAD,EAA+B,OAAM,cAAe,CAAA;CAiBtE,OAhBI,MACF,IACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAA0B,OAAO;YAAjC,CACG,EAAM,SACP,kBAAC,GAAD;GACU;GACR,kBAAkB,EAAM;GACxB,CAAA,CACuB;KACb,CAAA,EACQ,CAAA,GAK5B,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAiB,MAAM;YAAe;EAA8B,CAAA,EACzD,CAAA"}

package/lib/esm/style.css

@@ -1,2 +1,2 @@
-.w8yhmy1:hover:not(:disabled){background-color:color-mix(in srgb, var(--plumile-colors-brandPrimaryRed) 8%, transparent);color:var(--plumile-colors-brandSecondaryOrange);border-color:var(--plumile-colors-brandSecondaryOrange)}.oa1uye0{column-gap:var(--plumile-spacing-1);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"content pickAction clearAction";width:100%;min-height:2.5rem}.oa1uye0:hover{background-color:var(--plumile-colors-surfaceMuted)}.oa1uye1{grid-area:content;min-height:100%}.oa1uye1:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.oa1uye1:disabled{cursor:not-allowed;opacity:.65}.oa1uye2:hover:not(:disabled){color:var(--plumile-colors-text);background-color:var(--plumile-colors-surfaceMuted);border-color:var(--plumile-colors-borderStrong)}.oa1uye2:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.oa1uye2:disabled{cursor:not-allowed;opacity:.65}.oa1uye3{grid-area:pickAction}.oa1uye4{grid-area:clearAction}._10f5c550:empty{display:none}._10f5c551{min-height:3.25rem}._10f5c551+._10f5c551{border-top:1px solid var(--plumile-colors-borderSubtle)}._10f5c551:hover{background-color:var(--plumile-colors-surfaceMuted)}._10f5c551:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:-2px}.sqlyj42{grid-template-columns:minmax(0,1fr) auto}.sqlyj41 .sqlyj42{grid-template-columns:minmax(0,1fr)}.sqlyj43{width:11.5rem}@media screen and (width<=1023px){.sqlyj42{grid-template-columns:minmax(0,1fr)}}@media screen and (width<=767px){.sqlyj43{width:100%}}._1q232kj0{grid-template-columns:auto minmax(0,1fr);display:inline-grid}._13200uy0{grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,auto))}.u4nszr0{min-height:92px}.u4nszr0:hover{border-color:var(--plumile-colors-border);background-color:var(--plumile-colors-surfaceMuted);transform:translateY(-1px)}.u4nszr0:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}qbwcuem qbwcuek txvbqbyo5 txvbqbzlq txvbqb10iy txvbqbvv1 txvbqbdsb txvbqbey txvbqbjtp txvbqbfet txvbqbtcr txvbqb19c9 txvbqb196d txvbqb17u txvbqb2et txvbqb1w1 txvbqb2is txvbqbfd0 txvbqbm67 txvbqb3f txvbqb7g txvbqb75 txvbqb7t qbwcuel txvbqb1bw9 txvbqb1aeh txvbqb1b5d txvbqb1b7d qbwcue0 txvbqb1cb0 txvbqb1cws:hover .kk18lv0{color:var(--plumile-colors-brandPrimaryRed)}@keyframes _11exksg0{0%{transform:translate(-120%)}60%{transform:translate(30%)}to{transform:translate(120%)}}._11exksg1{height:3px}._11exksg2{background:linear-gradient(90deg, var(--plumile-colors-primaryLight) 0%, var(--plumile-colors-primary) 60%, var(--plumile-colors-primaryLight) 100%);animation:1.1s ease-in-out infinite _11exksg0}._8o9eh80:focus-visible{box-shadow:inset 0 0 0 2px var(--plumile-colors-primary);outline:none}._1v9etop0{min-height:100%;box-shadow:0 1px 0 var(--plumile-colors-borderLight)}._1v9etop0._1v9etop0{background-color:var(--plumile-colors-surface)}
+.w8yhmy1:hover:not(:disabled){background-color:color-mix(in srgb, var(--_1ie8xnc59) 8%, transparent);color:var(--_1ie8xnc5a);border-color:var(--_1ie8xnc5a)}.oa1uye0{column-gap:var(--_1ie8xnc2f);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"content pickAction clearAction";width:100%;min-height:2.5rem}.oa1uye0:hover{background-color:var(--_1ie8xnc4l)}.oa1uye1{grid-area:content;min-height:100%}.oa1uye1:focus-visible{outline:2px solid var(--_1ie8xnc4e);outline-offset:2px}.oa1uye1:disabled{cursor:not-allowed;opacity:.65}.oa1uye2:hover:not(:disabled){color:var(--_1ie8xnc4r);background-color:var(--_1ie8xnc4l)}.oa1uye2:focus-visible{outline:2px solid var(--_1ie8xnc4e);outline-offset:2px}.oa1uye2:disabled{cursor:not-allowed;opacity:.65}.oa1uye3{grid-area:pickAction}.oa1uye4{grid-area:clearAction}._10f5c550:empty{display:none}._10f5c551{min-height:3.25rem}._10f5c551+._10f5c551{border-top:1px solid var(--_1ie8xnc4v)}._10f5c551:hover{background-color:var(--_1ie8xnc4l)}._10f5c551:focus-visible{outline:2px solid var(--_1ie8xnc4e);outline-offset:-2px}.ds2thc0{min-width:3.75rem}.ds2thc1:hover:not(:disabled){color:var(--_1ie8xnc4r);background-color:var(--_1ie8xnc4l)}.ds2thc1:focus-visible{outline:2px solid var(--_1ie8xnc4e);outline-offset:2px}.ds2thc1:disabled{cursor:not-allowed;opacity:.45}.sqlyj42{grid-template-columns:minmax(0,1fr) auto}.sqlyj41 .sqlyj42{grid-template-columns:minmax(0,1fr)}.sqlyj43{width:11.5rem}@media screen and (width<=1023px){.sqlyj42{grid-template-columns:minmax(0,1fr)}}@media screen and (width<=767px){.sqlyj43{width:100%}}._1q232kj0{grid-template-columns:auto minmax(0,1fr);display:inline-grid}._1bcdpm61{background-image:linear-gradient(135deg, color-mix(in srgb, var(--_1ie8xnc4f) 26%, transparent), transparent 58%);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--_1ie8xnc4e) 42%, transparent)}._1bcdpm62{background-image:linear-gradient(135deg, var(--_1ie8xnc58), transparent 58%);box-shadow:inset 3px 0 0 var(--_1ie8xnc57)}._1bcdpm63{background-image:linear-gradient(135deg, var(--_1ie8xnc54), transparent 58%);box-shadow:inset 3px 0 0 var(--_1ie8xnc53)}._1bcdpm64{background-image:linear-gradient(135deg, var(--_1ie8xnc56), transparent 58%);box-shadow:inset 3px 0 0 var(--_1ie8xnc55)}._1bcdpm65{background-image:linear-gradient(135deg, var(--_1ie8xnc4z), transparent 58%);box-shadow:inset 3px 0 0 var(--_1ie8xnc4y)}._13200uy0{grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,auto))}.u4nszr0{min-height:92px}.u4nszr0:hover{border-color:var(--_1ie8xnc4u);background-color:var(--_1ie8xnc4l);transform:translateY(-1px)}.u4nszr0:focus-visible{outline:2px solid var(--_1ie8xnc4e);outline-offset:2px}qbwcuem qbwcuek txvbqbyo5 txvbqbzlq txvbqb10iy txvbqbvv1 txvbqbdsb txvbqbey txvbqbjtp txvbqbfet txvbqbtcr txvbqb19c9 txvbqb196d txvbqb17u txvbqb2et txvbqb1w1 txvbqb2is txvbqbfd0 txvbqbm67 txvbqb3f txvbqb7g txvbqb75 txvbqb7t qbwcuel txvbqb1bw9 txvbqb1aeh txvbqb1b5d txvbqb1b7d qbwcue0 txvbqb1cb0 txvbqb1cws:hover .kk18lv0{color:var(--_1ie8xnc59)}@keyframes _11exksg0{0%{transform:translate(-120%)}60%{transform:translate(30%)}to{transform:translate(120%)}}._11exksg1{height:3px}._11exksg2{background:linear-gradient(90deg, var(--_1ie8xnc4f) 0%, var(--_1ie8xnc4e) 60%, var(--_1ie8xnc4f) 100%);animation:1.1s ease-in-out infinite _11exksg0}._8o9eh80:focus-visible{box-shadow:inset 0 0 0 2px var(--_1ie8xnc4e);outline:none}._1v9etop0{min-height:100%;box-shadow:0 1px 0 var(--_1ie8xnc4x)}._1v9etop0._1v9etop0{background-color:var(--_1ie8xnc4j)}
 /*$vite$:1*/

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeKpiStrip.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/detail/BackofficeKpiStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASjD,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,qBAGhC,uBAAuB,KAAG,GAAG,CAAC,OAAO,GAAG,IAwC1C,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"BackofficeKpiStrip.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/detail/BackofficeKpiStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASjD,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,KAAK,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,qBAGhC,uBAAuB,KAAG,GAAG,CAAC,OAAO,GAAG,IA2C1C,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/types/components/backoffice/detail/backofficeKpiStrip.css.d.ts

@@ -1,5 +1,29 @@
 export declare const group: string;
 export declare const compactGroup: string;
 export declare const card: string;
+export declare const cardTone: import("@vanilla-extract/recipes").RuntimeFn<{
+    tone: {
+        neutral: {
+            backgroundImage: `linear-gradient(135deg, color-mix(in srgb, var(--${string}) 26%, transparent), transparent 58%)`;
+            boxShadow: `inset 3px 0 0 color-mix(in srgb, var(--${string}) 42%, transparent)`;
+        };
+        info: {
+            backgroundImage: `linear-gradient(135deg, var(--${string}), transparent 58%)`;
+            boxShadow: `inset 3px 0 0 var(--${string})`;
+        };
+        success: {
+            backgroundImage: `linear-gradient(135deg, var(--${string}), transparent 58%)`;
+            boxShadow: `inset 3px 0 0 var(--${string})`;
+        };
+        warning: {
+            backgroundImage: `linear-gradient(135deg, var(--${string}), transparent 58%)`;
+            boxShadow: `inset 3px 0 0 var(--${string})`;
+        };
+        danger: {
+            backgroundImage: `linear-gradient(135deg, var(--${string}), transparent 58%)`;
+            boxShadow: `inset 3px 0 0 var(--${string})`;
+        };
+    };
+}>;
 export declare const value: string;
 //# sourceMappingURL=backofficeKpiStrip.css.d.ts.map

package/lib/types/components/backoffice/detail/backofficeKpiStrip.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeKpiStrip.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/detail/backofficeKpiStrip.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAEvB,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC"}
+{"version":3,"file":"backofficeKpiStrip.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/detail/backofficeKpiStrip.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAEvB,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;EAyBnB,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC"}

package/lib/types/components/backoffice/filters/DeferredFilterSearchInput.d.ts

@@ -5,7 +5,7 @@ export type DeferredFilterSearchInputProps = {
     ariaLabel?: string;
     className?: string;
     inputMode?: 'search' | 'numeric' | 'decimal';
-    type?: 'search' | 'number' | 'datetime-local';
+    type?: 'search' | 'text' | 'number' | 'datetime-local';
     onApply: (value: string) => void;
 };
 export declare const DeferredFilterSearchInput: ({ value, placeholder, ariaLabel, className, inputMode, type, onApply, }: DeferredFilterSearchInputProps) => JSX.Element;

package/lib/types/components/backoffice/filters/DeferredFilterSearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeferredFilterSearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/DeferredFilterSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,GAAG,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,gBAAgB,CAAC;IAC9C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,yEAQvC,8BAA8B,KAAG,GAAG,CAAC,OAqFvC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"DeferredFilterSearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/DeferredFilterSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,GAAG,EAET,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,gBAAgB,CAAC;IACvD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,yEAQvC,8BAA8B,KAAG,GAAG,CAAC,OAoGvC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/lib/types/components/backoffice/filters/EntityIdFilterField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIdFilterField.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/EntityIdFilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,wBAAwB,KAC9B,GAAG,CAAC,OAqIN,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"EntityIdFilterField.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/EntityIdFilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AASjC,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,wBAAwB,KAC9B,GAAG,CAAC,OA0HN,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/types/components/backoffice/filters/deferredFilterSearchInput.css.d.ts

@@ -1,3 +1,5 @@
 export declare const container: string;
 export declare const actions: string;
+export declare const actionButton: string;
+export declare const actionButtonSpacer: string;
 //# sourceMappingURL=deferredFilterSearchInput.css.d.ts.map

package/lib/types/components/backoffice/filters/deferredFilterSearchInput.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deferredFilterSearchInput.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/deferredFilterSearchInput.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,QAWpB,CAAC;AAEH,eAAO,MAAM,OAAO,QAQlB,CAAC"}
+{"version":3,"file":"deferredFilterSearchInput.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/deferredFilterSearchInput.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,OAAO,QASlB,CAAC;AAEH,eAAO,MAAM,YAAY,QAkCvB,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC"}

package/lib/types/components/backoffice/filters/entityIdFilterField.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entityIdFilterField.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,aAAa,QA8BxB,CAAC;AAEH,eAAO,MAAM,YAAY,QA6BvB,CAAC;AAEH,eAAO,MAAM,OAAO,QAQlB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,SAAS,QASpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAQtB,CAAC;AA0CH,eAAO,MAAM,gBAAgB,QAK3B,CAAC;AAEH,eAAO,MAAM,WAAW,QAStB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC"}
+{"version":3,"file":"entityIdFilterField.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,aAAa,QA8BxB,CAAC;AAEH,eAAO,MAAM,YAAY,QA6BvB,CAAC;AAEH,eAAO,MAAM,OAAO,QAQlB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,SAAS,QASpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAQtB,CAAC;AAuCH,eAAO,MAAM,gBAAgB,QAK3B,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC"}