@plumile/backoffice-react 0.1.171 → 0.1.172

package/lib/esm/auth/authRefreshNotice.css.js

@@ -1,4 +1,3 @@
-/* empty css                                                    */
 /* empty css                                 */
 //#region src/auth/authRefreshNotice.css.ts
 var e = "txvbqbqhu txvbqbrff txvbqbry7 txvbqbp5g txvbqb13ik txvbqb1auw txvbqblx6 txvbqb13l3 txvbqbdjn txvbqbtxc txvbqbegv";

package/lib/esm/auth/login/loginPage.css.js

@@ -1,3 +1,4 @@
+/* empty css                                                       */
 /* empty css                                                           */
 /* empty css                         */
 //#region src/auth/login/loginPage.css.ts

package/lib/esm/components/backoffice/filters/BackofficeFilterAction.js

@@ -1,21 +1,21 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
 import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
-import { useBackofficeListFilterContext as n } from "../scaffolds/BackofficeListFilterContext.js";
-import { canFilterValue as r, resolveFilterForColumn as i, resolveFilterForWhereKey as a } from "../../../filters/filterHelpers.js";
+import { canFilterValue as n, resolveFilterForColumn as r, resolveFilterForWhereKey as i } from "../../../filters/filterHelpers.js";
+import { useBackofficeListFilterContext as a } from "../scaffolds/BackofficeListFilterContext.js";
 import { action as o, icon as s } from "./backofficeFilterAction.css.js";
 import { jsx as c } from "react/jsx-runtime";
 import { useTranslation as l } from "react-i18next";
 import u from "@plumile/router/routing/Link.js";
 import { buildBackofficeListLink as d } from "@plumile/backoffice-core/state/buildListHref.js";
-import { setWhereValue as f } from "@plumile/backoffice-core/filters/where.js";
-import { SidebarSearchSvg as p } from "@plumile/ui/icons/SidebarSearchSvg.js";
+import { SidebarSearchSvg as f } from "@plumile/ui/icons/SidebarSearchSvg.js";
+import { setWhereValue as p } from "@plumile/backoffice-core/filters/where.js";
 //#region src/components/backoffice/filters/BackofficeFilterAction.tsx
 var m = (e, t) => e(t), h = (h) => {
-	let { t: g } = l(), { t: _ } = e(), { filterColumnAliases: v } = t(), { whereKey: y, value: b, path: x, label: S, listConfig: C } = h, w = n(), T = null;
+	let { t: g } = l(), { t: _ } = e(), { filterColumnAliases: v } = t(), { whereKey: y, value: b, path: x, label: S, listConfig: C } = h, w = a(), T = null;
 	if (C == null ? w != null && (T = w.config) : T = C, T == null) return null;
-	let E = a(T, y, x);
-	if (E == null && x == null && (E = i(T, y, v)), E == null || !r(E, b)) return null;
-	let D = m(E.label, g), O = S ?? _("filters.actions.filterBy", { label: D }), k = /* @__PURE__ */ c(p, {
+	let E = i(T, y, x);
+	if (E == null && x == null && (E = r(T, y, v)), E == null || !n(E, b)) return null;
+	let D = m(E.label, g), O = S ?? _("filters.actions.filterBy", { label: D }), k = /* @__PURE__ */ c(f, {
 		width: 14,
 		height: 14,
 		className: s,
@@ -31,7 +31,7 @@ var m = (e, t) => e(t), h = (h) => {
 		},
 		children: k
 	});
-	let A = f(T.listDefaults?.where ?? T.list.defaultState?.where ?? null, y, b, x);
+	let A = p(T.listDefaults?.where ?? T.list.defaultState?.where ?? null, y, b, x);
 	return /* @__PURE__ */ c(u, {
 		to: d(T, { where: A }),
 		className: o,

package/lib/esm/components/backoffice/filters/DeferredFilterSearchInput.js

@@ -4,8 +4,8 @@ import { useEffect as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Input as l } from "@plumile/ui/atomic/atoms/input/Input.js";
 import { ModalCloseSvg as u } from "@plumile/ui/icons/ModalCloseSvg.js";
-import { CheckSvg as d } from "@plumile/ui/icons/CheckSvg.js";
-import { SidebarSearchSvg as f } from "@plumile/ui/icons/SidebarSearchSvg.js";
+import { SidebarSearchSvg as d } from "@plumile/ui/icons/SidebarSearchSvg.js";
+import { CheckSvg as f } from "@plumile/ui/icons/CheckSvg.js";
 //#region src/components/backoffice/filters/DeferredFilterSearchInput.tsx
 var p = ({ value: p, placeholder: m, ariaLabel: h, className: g, inputMode: _ = "search", type: v = "text", onApply: y }) => {
 	let { t: b } = e(), [x, S] = o(p);
@@ -52,7 +52,7 @@ var p = ({ value: p, placeholder: m, ariaLabel: h, className: g, inputMode: _ =
 				"aria-label": O,
 				size: "small",
 				fullWidth: !0,
-				leftIcon: /* @__PURE__ */ s(f, {
+				leftIcon: /* @__PURE__ */ s(d, {
 					width: 18,
 					height: 18,
 					"aria-hidden": "true"
@@ -66,7 +66,7 @@ var p = ({ value: p, placeholder: m, ariaLabel: h, className: g, inputMode: _ =
 						"aria-label": A,
 						title: A,
 						disabled: !E,
-						children: /* @__PURE__ */ s(d, {
+						children: /* @__PURE__ */ s(f, {
 							width: 16,
 							height: 16,
 							"aria-hidden": "true"

package/lib/esm/components/backoffice/list/RowFlagsCell.css.js

@@ -1,4 +1,3 @@
-/* empty css                                                             */
 /* empty css                            */
 //#region src/components/backoffice/list/RowFlagsCell.css.ts
 var e = "txvbqb10m7 txvbqb11js txvbqb12h0 txvbqbxt3 txvbqbls4", t = "txvbqbfqq txvbqbey txvbqbls4 txvbqbi8n txvbqb19uf", n = "qbwcuex qbwcuer txvbqbfqq txvbqbey txvbqbls4 txvbqbh6d txvbqbo4m qbwcue11 qbwcuev txvbqb19h2 txvbqbjmh txvbqbvat txvbqbub2";

package/lib/esm/components/backoffice/refs/BackofficeLazyEntityCount.js

@@ -10,31 +10,32 @@ var o = "store-or-network", s = ({ count: e, where: t, fetchKey: n, children: s
 		fetchKey: n
 	}), u = e.getCount(l);
 	return u == null ? null : s == null ? /* @__PURE__ */ i(r, { children: u }) : /* @__PURE__ */ i(r, { children: s(u) });
-}, c = ({ fallback: t, ...a }) => /* @__PURE__ */ i(e, {
-	fallback: () => /* @__PURE__ */ i(r, { children: t }),
+}, c = ({ loadingFallback: t, errorFallback: a = null, ...o }) => /* @__PURE__ */ i(e, {
+	fallback: () => /* @__PURE__ */ i(r, { children: a }),
 	children: /* @__PURE__ */ i(n, {
 		fallback: t,
-		children: /* @__PURE__ */ i(s, { ...a })
+		children: /* @__PURE__ */ i(s, { ...o })
 	})
-}), l = ({ entity: e, where: n }) => {
-	let r = t([e]);
-	if (r.status !== "loaded") return null;
-	let a = r.modules[e]?.config;
-	return a == null ? null : /* @__PURE__ */ i(s, {
-		count: a.list.count,
-		where: n
+}), l = ({ entity: e, loadingFallback: n, where: a }) => {
+	let o = t([e]);
+	if (o.status !== "loaded") return /* @__PURE__ */ i(r, { children: n });
+	let c = o.modules[e]?.config;
+	return c == null ? null : /* @__PURE__ */ i(s, {
+		count: c.list.count,
+		where: a
 	});
-}, u = ({ entity: t, where: r }) => /* @__PURE__ */ i(e, {
-	fallback: () => null,
+}, u = ({ entity: t, errorFallback: a = null, loadingFallback: o, where: s }) => /* @__PURE__ */ i(e, {
+	fallback: () => /* @__PURE__ */ i(r, { children: a }),
 	children: /* @__PURE__ */ i(n, {
-		fallback: null,
+		fallback: o,
 		children: /* @__PURE__ */ i(l, {
 			entity: t,
-			where: r
+			loadingFallback: o,
+			where: s
 		})
 	})
 });
 //#endregion
-export { s as BackofficeEntityCountValue, u as BackofficeLazyEntityCount, u as default, c as BackofficeLazyEntityCountLabel };
+export { u as BackofficeLazyEntityCount, u as default, c as BackofficeLazyEntityCountLabel };
 
 //# sourceMappingURL=BackofficeLazyEntityCount.js.map

package/lib/esm/components/backoffice/refs/BackofficeLazyEntityCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeLazyEntityCount.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeLazyEntityCount.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useLazyLoadQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport type { BackofficeRuntimeEntityCountConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeListEntitiesLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst COUNT_FETCH_POLICY = 'store-or-network' as const;\n\nexport type BackofficeLazyEntityCountProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  entity: string;\n  where: Where | null;\n};\n\nexport type BackofficeEntityCountValueProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count: BackofficeRuntimeEntityCountConfig<Where>;\n  where: Where | null;\n  fetchKey?: string | number;\n  children?: (value: number) => ReactNode;\n};\n\nexport type BackofficeLazyEntityCountLabelProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = BackofficeEntityCountValueProps<Where> & {\n  fallback: ReactNode;\n};\n\nexport const BackofficeEntityCountValue = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  where,\n  fetchKey,\n  children,\n}: BackofficeEntityCountValueProps<Where>): JSX.Element | null => {\n  const variables = count.buildVariables({ where });\n  const data = useLazyLoadQuery<OperationType>(count.query, variables, {\n    fetchPolicy: COUNT_FETCH_POLICY,\n    fetchKey,\n  });\n  const value = count.getCount(data);\n  if (value == null) {\n    return null;\n  }\n  if (children == null) {\n    return <>{value}</>;\n  }\n  return <>{children(value)}</>;\n};\n\nexport const BackofficeLazyEntityCountLabel = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  fallback,\n  ...props\n}: BackofficeLazyEntityCountLabelProps<Where>): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return <>{fallback}</>;\n      }}\n    >\n      <Suspense fallback={fallback}>\n        <BackofficeEntityCountValue {...props} />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nconst BackofficeLazyEntityCountBody = ({\n  entity,\n  where,\n}: BackofficeLazyEntityCountProps): JSX.Element | null => {\n  const relatedEntitiesState = useBackofficeListEntitiesLoader([entity]);\n  if (relatedEntitiesState.status !== 'loaded') {\n    return null;\n  }\n\n  const config = relatedEntitiesState.modules[entity]?.config;\n  if (config == null) {\n    return null;\n  }\n\n  return <BackofficeEntityCountValue count={config.list.count} where={where} />;\n};\n\nexport const BackofficeLazyEntityCount = ({\n  entity,\n  where,\n}: BackofficeLazyEntityCountProps): JSX.Element | null => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return null;\n      }}\n    >\n      <Suspense fallback={null}>\n        <BackofficeLazyEntityCountBody entity={entity} where={where} />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeLazyEntityCount;\n"],"mappings":";;;;;;AASA,IAAM,IAAqB,oBAwBd,KAEX,EACA,UACA,UACA,aACA,kBACgE;CAChE,IAAM,IAAY,EAAM,eAAe,EAAE,SAAM,CAAC,GAC1C,IAAO,EAAgC,EAAM,OAAO,GAAW;EACnE,aAAa;EACb;CACF,CAAC,GACK,IAAQ,EAAM,SAAS,CAAI;CAOjC,OANI,KAAS,OACJ,OAEL,KAAY,OACP,kBAAA,GAAA,EAAA,UAAG,EAAQ,CAAA,IAEb,kBAAA,GAAA,EAAA,UAAG,EAAS,CAAK,EAAI,CAAA;AAC9B,GAEa,KAEX,EACA,aACA,GAAG,QAGD,kBAAC,GAAD;CACE,gBACS,kBAAA,GAAA,EAAA,UAAG,EAAW,CAAA;WAGvB,kBAAC,GAAD;EAAoB;YAClB,kBAAC,GAAD,EAA4B,GAAI,EAAQ,CAAA;CAChC,CAAA;AACa,CAAA,GAIvB,KAAiC,EACrC,WACA,eACwD;CACxD,IAAM,IAAuB,EAAgC,CAAC,CAAM,CAAC;CACrE,IAAI,EAAqB,WAAW,UAClC,OAAO;CAGT,IAAM,IAAS,EAAqB,QAAQ,IAAS;CAKrD,OAJI,KAAU,OACL,OAGF,kBAAC,GAAD;EAA4B,OAAO,EAAO,KAAK;EAAc;CAAQ,CAAA;AAC9E,GAEa,KAA6B,EACxC,WACA,eAGE,kBAAC,GAAD;CACE,gBACS;WAGT,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD;GAAuC;GAAe;EAAQ,CAAA;CACtD,CAAA;AACa,CAAA"}
+{"version":3,"file":"BackofficeLazyEntityCount.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeLazyEntityCount.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useLazyLoadQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport type { BackofficeRuntimeEntityCountConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeListEntitiesLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst COUNT_FETCH_POLICY = 'store-or-network' as const;\n\nexport type BackofficeLazyEntityCountProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  entity: string;\n  where: Where | null;\n  loadingFallback: ReactNode;\n  errorFallback?: ReactNode;\n};\n\ntype BackofficeEntityCountValueProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count: BackofficeRuntimeEntityCountConfig<Where>;\n  where: Where | null;\n  fetchKey?: string | number;\n  children?: (value: number) => ReactNode;\n};\n\nexport type BackofficeLazyEntityCountLabelProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = BackofficeEntityCountValueProps<Where> & {\n  loadingFallback: ReactNode;\n  errorFallback?: ReactNode;\n};\n\nconst BackofficeEntityCountValue = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  where,\n  fetchKey,\n  children,\n}: BackofficeEntityCountValueProps<Where>): JSX.Element | null => {\n  const variables = count.buildVariables({ where });\n  const data = useLazyLoadQuery<OperationType>(count.query, variables, {\n    fetchPolicy: COUNT_FETCH_POLICY,\n    fetchKey,\n  });\n  const value = count.getCount(data);\n  if (value == null) {\n    return null;\n  }\n  if (children == null) {\n    return <>{value}</>;\n  }\n  return <>{children(value)}</>;\n};\n\nexport const BackofficeLazyEntityCountLabel = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  loadingFallback,\n  errorFallback = null,\n  ...props\n}: BackofficeLazyEntityCountLabelProps<Where>): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return <>{errorFallback}</>;\n      }}\n    >\n      <Suspense fallback={loadingFallback}>\n        <BackofficeEntityCountValue {...props} />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nconst BackofficeLazyEntityCountBody = ({\n  entity,\n  loadingFallback,\n  where,\n}: BackofficeLazyEntityCountProps): JSX.Element | null => {\n  const relatedEntitiesState = useBackofficeListEntitiesLoader([entity]);\n  if (relatedEntitiesState.status !== 'loaded') {\n    return <>{loadingFallback}</>;\n  }\n\n  const config = relatedEntitiesState.modules[entity]?.config;\n  if (config == null) {\n    return null;\n  }\n\n  return <BackofficeEntityCountValue count={config.list.count} where={where} />;\n};\n\nexport const BackofficeLazyEntityCount = ({\n  entity,\n  errorFallback = null,\n  loadingFallback,\n  where,\n}: BackofficeLazyEntityCountProps): JSX.Element | null => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return <>{errorFallback}</>;\n      }}\n    >\n      <Suspense fallback={loadingFallback}>\n        <BackofficeLazyEntityCountBody\n          entity={entity}\n          loadingFallback={loadingFallback}\n          where={where}\n        />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeLazyEntityCount;\n"],"mappings":";;;;;;AASA,IAAM,IAAqB,oBA2BrB,KAEJ,EACA,UACA,UACA,aACA,kBACgE;CAChE,IAAM,IAAY,EAAM,eAAe,EAAE,SAAM,CAAC,GAC1C,IAAO,EAAgC,EAAM,OAAO,GAAW;EACnE,aAAa;EACb;CACF,CAAC,GACK,IAAQ,EAAM,SAAS,CAAI;CAOjC,OANI,KAAS,OACJ,OAEL,KAAY,OACP,kBAAA,GAAA,EAAA,UAAG,EAAQ,CAAA,IAEb,kBAAA,GAAA,EAAA,UAAG,EAAS,CAAK,EAAI,CAAA;AAC9B,GAEa,KAEX,EACA,oBACA,mBAAgB,MAChB,GAAG,QAGD,kBAAC,GAAD;CACE,gBACS,kBAAA,GAAA,EAAA,UAAG,EAAgB,CAAA;WAG5B,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD,EAA4B,GAAI,EAAQ,CAAA;CAChC,CAAA;AACa,CAAA,GAIvB,KAAiC,EACrC,WACA,oBACA,eACwD;CACxD,IAAM,IAAuB,EAAgC,CAAC,CAAM,CAAC;CACrE,IAAI,EAAqB,WAAW,UAClC,OAAO,kBAAA,GAAA,EAAA,UAAG,EAAkB,CAAA;CAG9B,IAAM,IAAS,EAAqB,QAAQ,IAAS;CAKrD,OAJI,KAAU,OACL,OAGF,kBAAC,GAAD;EAA4B,OAAO,EAAO,KAAK;EAAc;CAAQ,CAAA;AAC9E,GAEa,KAA6B,EACxC,WACA,mBAAgB,MAChB,oBACA,eAGE,kBAAC,GAAD;CACE,gBACS,kBAAA,GAAA,EAAA,UAAG,EAAgB,CAAA;WAG5B,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD;GACU;GACS;GACV;EACR,CAAA;CACO,CAAA;AACa,CAAA"}

package/lib/esm/components/backoffice/refs/BackofficeRelatedCountLink.js

@@ -3,48 +3,56 @@ import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigCont
 import { resolveBackofficeLink as n } from "../links/resolveBackofficeLink.js";
 import { BackofficeInlineLink as r } from "../links/BackofficeInlineLink.js";
 import { BackofficeLazyEntityCount as i } from "./BackofficeLazyEntityCount.js";
-import { count as a, icon as o, link as s } from "./backofficeRelatedCountLink.css.js";
-import { useContext as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
-import d from "@plumile/router/routing/RoutingContext.js";
-import { buildBackofficeListLink as f } from "@plumile/backoffice-core/state/buildListHref.js";
+import { count as a, countLoading as o, icon as s, link as c } from "./backofficeRelatedCountLink.css.js";
+import { useContext as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+import { Spinner as f } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import p from "@plumile/router/routing/RoutingContext.js";
+import { buildBackofficeListLink as m } from "@plumile/backoffice-core/state/buildListHref.js";
 //#region src/components/backoffice/refs/BackofficeRelatedCountLink.tsx
-var p = ({ count: p, entity: m, where: h }) => {
-	let { t: g } = u(), { t: _ } = e(), { entities: v, entityManifest: y, entityRegistry: b, sidebar: x } = t(), S = c(d), C = v[m];
-	if (C == null) return /* @__PURE__ */ l("span", { children: p ?? 0 });
-	let w = _("relations.openFilteredList", { label: C.label(g) }), T = b.getLoadedListEntity(m), E = /* @__PURE__ */ l(i, {
-		entity: m,
-		where: h
+var h = ({ count: h, entity: g, where: _ }) => {
+	let { t: v } = d(), { t: y } = e(), { entities: b, entityManifest: x, entityRegistry: S, sidebar: C } = t(), w = l(p), T = b[g];
+	if (T == null) return /* @__PURE__ */ u("span", { children: h ?? 0 });
+	let E = y("relations.openFilteredList", { label: T.label(v) }), D = y("common.loading"), O = S.getLoadedListEntity(g), k = /* @__PURE__ */ u(i, {
+		entity: g,
+		loadingFallback: /* @__PURE__ */ u("span", {
+			className: o,
+			children: /* @__PURE__ */ u(f, {
+				ariaLabel: D,
+				size: 12
+			})
+		}),
+		where: _
 	});
-	typeof p == "number" && Number.isFinite(p) && (E = p);
-	let D = {
+	typeof h == "number" && Number.isFinite(h) && (k = h);
+	let A = {
 		kind: "entity-list",
-		entityId: m,
-		state: { where: h }
-	}, O = async (e) => {
-		let t = f((await b.loadListEntity(m)).config, { where: h }), n = "";
+		entityId: g,
+		state: { where: _ }
+	}, j = async (e) => {
+		let t = m((await S.loadListEntity(g)).config, { where: _ }), n = "";
 		t.search !== "" && (n = `?${t.search}`), e.push({
 			pathname: t.pathname,
 			search: n,
 			hash: ""
 		});
 	};
-	return /* @__PURE__ */ l(r, {
-		target: D,
-		className: s,
-		title: w,
-		ariaLabel: w,
+	return /* @__PURE__ */ u(r, {
+		target: A,
+		className: c,
+		title: E,
+		ariaLabel: E,
 		onClick: (e) => {
-			if (T != null || S == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+			if (O != null || w == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
 			e.preventDefault();
-			let { history: t } = S;
-			O(t).catch(() => {
+			let { history: t } = w;
+			j(t).catch(() => {
 				let e = n({
-					target: D,
-					manifest: y,
-					sidebar: x,
-					tApp: g
+					target: A,
+					manifest: x,
+					sidebar: C,
+					tApp: v
 				}), r = new URL(e.href, window.location.origin);
 				t.push({
 					pathname: r.pathname,
@@ -53,18 +61,18 @@ var p = ({ count: p, entity: m, where: h }) => {
 				});
 			});
 		},
-		endAdornment: /* @__PURE__ */ l("span", {
-			className: o,
+		endAdornment: /* @__PURE__ */ u("span", {
+			className: s,
 			"aria-hidden": "true",
 			children: "›"
 		}),
-		children: /* @__PURE__ */ l("span", {
+		children: /* @__PURE__ */ u("span", {
 			className: a,
-			children: E
+			children: k
 		})
 	});
 };
 //#endregion
-export { p as BackofficeRelatedCountLink, p as default };
+export { h as BackofficeRelatedCountLink, h as default };
 
 //# sourceMappingURL=BackofficeRelatedCountLink.js.map

package/lib/esm/components/backoffice/refs/BackofficeRelatedCountLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeRelatedCountLink.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeRelatedCountLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport { resolveBackofficeLink } from '../links/resolveBackofficeLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\nimport { BackofficeLazyEntityCount } from './BackofficeLazyEntityCount.js';\n\nimport * as styles from './backofficeRelatedCountLink.css.js';\n\nexport type BackofficeRelatedCountLinkProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count?: number | null | undefined;\n  entity: string;\n  where: Where;\n};\n\nexport const BackofficeRelatedCountLink = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  entity,\n  where,\n}: BackofficeRelatedCountLinkProps<Where>): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityManifest, entityRegistry, sidebar } =\n    useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const targetManifest = entities[entity];\n  if (targetManifest == null) {\n    return <span>{count ?? 0}</span>;\n  }\n  const entityLabel = targetManifest.label(tApp);\n  const actionLabel = t('relations.openFilteredList', {\n    label: entityLabel,\n  });\n  const loadedEntity = entityRegistry.getLoadedListEntity(entity);\n  let countNode: ReactNode = (\n    <BackofficeLazyEntityCount entity={entity} where={where} />\n  );\n  if (typeof count === 'number' && Number.isFinite(count)) {\n    countNode = count;\n  }\n  const target = {\n    kind: 'entity-list',\n    entityId: entity,\n    state: { where },\n  } as BackofficeLinkTarget;\n\n  const navigateWithLoadedEntity = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\n    const listEntity = await entityRegistry.loadListEntity(entity);\n    const next = buildBackofficeListLink(listEntity.config, { where });\n\n    let search = '';\n    if (next.search !== '') {\n      search = `?${next.search}`;\n    }\n\n    history.push({\n      pathname: next.pathname,\n      search,\n      hash: '',\n    });\n  };\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      loadedEntity != null ||\n      routing == null ||\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    const { history } = routing;\n    navigateWithLoadedEntity(history).catch(() => {\n      const link = resolveBackofficeLink({\n        target,\n        manifest: entityManifest,\n        sidebar,\n        tApp,\n      });\n      const fallbackUrl = new URL(link.href, window.location.origin);\n      history.push({\n        pathname: fallbackUrl.pathname,\n        search: fallbackUrl.search,\n        hash: fallbackUrl.hash,\n      });\n    });\n  };\n\n  return (\n    <BackofficeInlineLink\n      target={target}\n      className={styles.link}\n      title={actionLabel}\n      ariaLabel={actionLabel}\n      onClick={handleClick}\n      endAdornment={\n        <span className={styles.icon} aria-hidden=\"true\">\n          ›\n        </span>\n      }\n    >\n      <span className={styles.count}>{countNode}</span>\n    </BackofficeInlineLink>\n  );\n};\n\nexport default BackofficeRelatedCountLink;\n"],"mappings":";;;;;;;;;;;;AAsBA,IAAa,KAEX,EACA,OAAA,GACA,WACA,eACyD;CACzD,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,aAAU,mBAAgB,mBAAgB,eAChD,EAAoB,GAChB,IAAU,EAAW,CAAc,GACnC,IAAiB,EAAS;CAChC,IAAI,KAAkB,MACpB,OAAO,kBAAC,QAAD,EAAA,UAAO,KAAS,EAAQ,CAAA;CAGjC,IAAM,IAAc,EAAE,8BAA8B,EAClD,OAFkB,EAAe,MAAM,CAEhC,EACT,CAAC,GACK,IAAe,EAAe,oBAAoB,CAAM,GAC1D,IACF,kBAAC,GAAD;EAAmC;EAAe;CAAQ,CAAA;CAE5D,AAAI,OAAO,KAAU,YAAY,OAAO,SAAS,CAAK,MACpD,IAAY;CAEd,IAAM,IAAS;EACb,MAAM;EACN,UAAU;EACV,OAAO,EAAE,SAAM;CACjB,GAEM,IAA2B,OAC/B,MACkB;EAElB,IAAM,IAAO,GAAwB,MADZ,EAAe,eAAe,CAAM,GACb,QAAQ,EAAE,SAAM,CAAC,GAE7D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;EACR,CAAC;CACH;CAkCA,OACE,kBAAC,GAAD;EACU;EACR,WAAW;EACX,OAAO;EACP,WAAW;EACX,UAtCiB,MAAyC;GAC5D,IACE,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,UAEN;GAGF,EAAM,eAAe;GACrB,IAAM,EAAE,eAAY;GACpB,EAAyB,CAAO,EAAE,YAAY;IAC5C,IAAM,IAAO,EAAsB;KACjC;KACA,UAAU;KACV;KACA;IACF,CAAC,GACK,IAAc,IAAI,IAAI,EAAK,MAAM,OAAO,SAAS,MAAM;IAC7D,EAAQ,KAAK;KACX,UAAU,EAAY;KACtB,QAAQ,EAAY;KACpB,MAAM,EAAY;IACpB,CAAC;GACH,CAAC;EACH;EASI,cACE,kBAAC,QAAD;GAAM,WAAW;GAAa,eAAY;aAAO;EAE3C,CAAA;YAGR,kBAAC,QAAD;GAAM,WAAW;aAAe;EAAgB,CAAA;CAC5B,CAAA;AAE1B"}
+{"version":3,"file":"BackofficeRelatedCountLink.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeRelatedCountLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport { resolveBackofficeLink } from '../links/resolveBackofficeLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\nimport { BackofficeLazyEntityCount } from './BackofficeLazyEntityCount.js';\n\nimport * as styles from './backofficeRelatedCountLink.css.js';\n\nexport type BackofficeRelatedCountLinkProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count?: number | null | undefined;\n  entity: string;\n  where: Where;\n};\n\nexport const BackofficeRelatedCountLink = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  entity,\n  where,\n}: BackofficeRelatedCountLinkProps<Where>): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityManifest, entityRegistry, sidebar } =\n    useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const targetManifest = entities[entity];\n  if (targetManifest == null) {\n    return <span>{count ?? 0}</span>;\n  }\n  const entityLabel = targetManifest.label(tApp);\n  const actionLabel = t('relations.openFilteredList', {\n    label: entityLabel,\n  });\n  const loadingLabel = t('common.loading');\n  const loadedEntity = entityRegistry.getLoadedListEntity(entity);\n  let countNode: ReactNode = (\n    <BackofficeLazyEntityCount\n      entity={entity}\n      loadingFallback={\n        <span className={styles.countLoading}>\n          <Spinner ariaLabel={loadingLabel} size={12} />\n        </span>\n      }\n      where={where}\n    />\n  );\n  if (typeof count === 'number' && Number.isFinite(count)) {\n    countNode = count;\n  }\n  const target = {\n    kind: 'entity-list',\n    entityId: entity,\n    state: { where },\n  } as BackofficeLinkTarget;\n\n  const navigateWithLoadedEntity = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\n    const listEntity = await entityRegistry.loadListEntity(entity);\n    const next = buildBackofficeListLink(listEntity.config, { where });\n\n    let search = '';\n    if (next.search !== '') {\n      search = `?${next.search}`;\n    }\n\n    history.push({\n      pathname: next.pathname,\n      search,\n      hash: '',\n    });\n  };\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      loadedEntity != null ||\n      routing == null ||\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    const { history } = routing;\n    navigateWithLoadedEntity(history).catch(() => {\n      const link = resolveBackofficeLink({\n        target,\n        manifest: entityManifest,\n        sidebar,\n        tApp,\n      });\n      const fallbackUrl = new URL(link.href, window.location.origin);\n      history.push({\n        pathname: fallbackUrl.pathname,\n        search: fallbackUrl.search,\n        hash: fallbackUrl.hash,\n      });\n    });\n  };\n\n  return (\n    <BackofficeInlineLink\n      target={target}\n      className={styles.link}\n      title={actionLabel}\n      ariaLabel={actionLabel}\n      onClick={handleClick}\n      endAdornment={\n        <span className={styles.icon} aria-hidden=\"true\">\n          ›\n        </span>\n      }\n    >\n      <span className={styles.count}>{countNode}</span>\n    </BackofficeInlineLink>\n  );\n};\n\nexport default BackofficeRelatedCountLink;\n"],"mappings":";;;;;;;;;;;;;AAuBA,IAAa,KAEX,EACA,OAAA,GACA,WACA,eACyD;CACzD,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,aAAU,mBAAgB,mBAAgB,eAChD,EAAoB,GAChB,IAAU,EAAW,CAAc,GACnC,IAAiB,EAAS;CAChC,IAAI,KAAkB,MACpB,OAAO,kBAAC,QAAD,EAAA,UAAO,KAAS,EAAQ,CAAA;CAGjC,IAAM,IAAc,EAAE,8BAA8B,EAClD,OAFkB,EAAe,MAAM,CAEhC,EACT,CAAC,GACK,IAAe,EAAE,gBAAgB,GACjC,IAAe,EAAe,oBAAoB,CAAM,GAC1D,IACF,kBAAC,GAAD;EACU;EACR,iBACE,kBAAC,QAAD;GAAM,WAAW;aACf,kBAAC,GAAD;IAAS,WAAW;IAAc,MAAM;GAAK,CAAA;EACzC,CAAA;EAED;CACR,CAAA;CAEH,AAAI,OAAO,KAAU,YAAY,OAAO,SAAS,CAAK,MACpD,IAAY;CAEd,IAAM,IAAS;EACb,MAAM;EACN,UAAU;EACV,OAAO,EAAE,SAAM;CACjB,GAEM,IAA2B,OAC/B,MACkB;EAElB,IAAM,IAAO,GAAwB,MADZ,EAAe,eAAe,CAAM,GACb,QAAQ,EAAE,SAAM,CAAC,GAE7D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;EACR,CAAC;CACH;CAkCA,OACE,kBAAC,GAAD;EACU;EACR,WAAW;EACX,OAAO;EACP,WAAW;EACX,UAtCiB,MAAyC;GAC5D,IACE,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,UAEN;GAGF,EAAM,eAAe;GACrB,IAAM,EAAE,eAAY;GACpB,EAAyB,CAAO,EAAE,YAAY;IAC5C,IAAM,IAAO,EAAsB;KACjC;KACA,UAAU;KACV;KACA;IACF,CAAC,GACK,IAAc,IAAI,IAAI,EAAK,MAAM,OAAO,SAAS,MAAM;IAC7D,EAAQ,KAAK;KACX,UAAU,EAAY;KACtB,QAAQ,EAAY;KACpB,MAAM,EAAY;IACpB,CAAC;GACH,CAAC;EACH;EASI,cACE,kBAAC,QAAD;GAAM,WAAW;GAAa,eAAY;aAAO;EAE3C,CAAA;YAGR,kBAAC,QAAD;GAAM,WAAW;aAAe;EAAgB,CAAA;CAC5B,CAAA;AAE1B"}

package/lib/esm/components/backoffice/refs/backofficeEntityIdRef.css.js

@@ -1,3 +1,4 @@
+/* empty css                                                             */
 /* empty css                                     */
 //#region src/components/backoffice/refs/backofficeEntityIdRef.css.ts
 var e = "qbwcuep qbwcuen txvbqbfqq txvbqbey txvbqbhd8 txvbqb1bg1 txvbqb3f txvbqb7h txvbqb75 txvbqb7t qbwcueo txvbqb1gct qbwcue0 txvbqb1ffs txvbqb1ga0";

package/lib/esm/components/backoffice/refs/backofficeRelatedCountLink.css.js

@@ -1,7 +1,7 @@
 /* empty css                                          */
 //#region src/components/backoffice/refs/backofficeRelatedCountLink.css.ts
-var e = "qbwcuem qbwcuek txvbqb10mk txvbqb11k5 txvbqb12hd txvbqbxtg txvbqbfqq txvbqbey txvbqbls4 txvbqbhd8 txvbqbvb6 txvbqb1bg1 txvbqb1b81 txvbqb1d9 txvbqb2sj txvbqb29r txvbqb2wi txvbqbhbf txvbqbo4m txvbqb3f txvbqb7g txvbqb75 txvbqb7t qbwcuel txvbqb1etp txvbqb1cst txvbqb1dth txvbqb1e2l qbwcue0 txvbqb1ffs txvbqb1ga0", t = "txvbqbv8n txvbqb18dp txvbqbh86", n = "kk18lv0 txvbqbh6d txvbqb1bg3 txvbqb9j txvbqbo4m txvbqb7h txvbqb75 txvbqb7t";
+var e = "qbwcuem qbwcuek txvbqb10mk txvbqb11k5 txvbqb12hd txvbqbxtg txvbqbfqq txvbqbey txvbqbls4 txvbqbhd8 txvbqbvb6 txvbqb1bg1 txvbqb1b81 txvbqb1d9 txvbqb2sj txvbqb29r txvbqb2wi txvbqbhbf txvbqbo4m txvbqb3f txvbqb7g txvbqb75 txvbqb7t qbwcuel txvbqb1etp txvbqb1cst txvbqb1dth txvbqb1e2l qbwcue0 txvbqb1ffs txvbqb1ga0", t = "txvbqbv8n txvbqb18dp txvbqbh86", n = "txvbqbfqq txvbqbey txvbqbls4 txvbqb19fm txvbqbjl1 txvbqb1bg5", r = "kk18lv0 txvbqbh6d txvbqb1bg3 txvbqb9j txvbqbo4m txvbqb7h txvbqb75 txvbqb7t";
 //#endregion
-export { t as count, n as icon, e as link };
+export { t as count, n as countLoading, r as icon, e as link };
 
 //# sourceMappingURL=backofficeRelatedCountLink.css.js.map

package/lib/esm/components/backoffice/refs/backofficeRelatedCountLink.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeRelatedCountLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeRelatedCountLink.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { pillLink } from '@plumile/ui/theme/styleRecipes.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.css.js';\n\nexport const link = pillLink;\n\nexport const count = sprinkles({\n  minWidth: 2,\n  textAlign: 'center',\n  fontVariantNumeric: 'tabular-nums',\n});\n\nexport const icon = style([\n  sprinkles({\n    flexShrink: 0,\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      [`${link}:hover &`]: {\n        color: vars.colors.brandPrimaryRed,\n      },\n    },\n  },\n]);\n"],"mappings":""}
+{"version":3,"file":"backofficeRelatedCountLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeRelatedCountLink.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { pillLink } from '@plumile/ui/theme/styleRecipes.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.css.js';\n\nexport const link = pillLink;\n\nexport const count = sprinkles({\n  minWidth: 2,\n  textAlign: 'center',\n  fontVariantNumeric: 'tabular-nums',\n});\n\nexport const countLoading = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 4,\n  height: 4,\n  color: 'textMuted',\n});\n\nexport const icon = style([\n  sprinkles({\n    flexShrink: 0,\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      [`${link}:hover &`]: {\n        color: vars.colors.brandPrimaryRed,\n      },\n    },\n  },\n]);\n"],"mappings":""}