@plumile/backoffice-react 0.1.170 → 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,5 @@
+/* empty css                                                       */
+/* empty css                                                           */
 /* empty css                         */
 //#region src/auth/login/loginPage.css.ts
 var e = "txvbqbfpn txvbqbh4x txvbqbheb", t = "txvbqbfpn txvbqbh4x txvbqb19uf", n = "txvbqb1bg3 txvbqb9j txvbqbo7v txvbqbny4", r = "txvbqbey txvbqb1bg3 txvbqbfpn txvbqbhdl txvbqbs00 txvbqbp6j", i = "txvbqb1b9r txvbqbk07 txvbqbfvs txvbqb2wi txvbqb1bk3", a = "txvbqbey txvbqbfpn txvbqbh7g txvbqbhdy txvbqblt7 txvbqbrza", o = "w8yhmy0 txvbqb1b4r txvbqb1tv txvbqb2rt txvbqb1bhb txvbqbv txvbqbhbf txvbqbwvi txvbqb3f txvbqb7h txvbqb76 txvbqb7t txvbqb1etp txvbqb1gct", s = "txvbqb10o0 txvbqb11ll txvbqb12j6 txvbqbxv9 txvbqbc7z txvbqbc27 txvbqbci3 txvbqbce4", c = "txvbqbfpn txvbqbh4x txvbqbheb", l = "txvbqb19uf", u = "txvbqbo7v txvbqbam txvbqbhbs txvbqb1bhb txvbqbmu1", d = "txvbqbrzn", f = "w8yhmy1 txvbqb1f2 txvbqb29r txvbqb2sj txvbqb1bhb txvbqb1b9n txvbqb7h txvbqb75 txvbqb7t";

package/lib/esm/components/backoffice/detail/backofficeDetailRelationLink.css.js

@@ -1,4 +1,3 @@
-/* empty css                                                             */
 /* empty css                                            */
 //#region src/components/backoffice/detail/backofficeDetailRelationLink.css.ts
 var e = "_93gupm0 qbwcueg qbwcuee txvbqb2tz txvbqb1bg1 txvbqb3f txvbqb7g txvbqb76 txvbqb7t qbwcuef txvbqb1ct1 txvbqb1dsd qbwcue0 txvbqb1ffs txvbqb1ga0 txvbqb10mx txvbqb11ki txvbqb12hq txvbqbxtt txvbqb7h txvbqb75 txvbqbfpn txvbqblt7 txvbqbhdy txvbqb28o txvbqb2sj txvbqbik txvbqb1b4r txvbqbey txvbqbem txvbqbh4k txvbqbh4y txvbqb1ct4 txvbqb1dsg", t = "txvbqb9j txvbqbhb2 txvbqbv7x txvbqbws9", n = "txvbqbfqq txvbqbey txvbqbhd8 txvbqbh6d txvbqbv7x", r = "txvbqb96 txvbqb1bg3 txvbqbws9 txvbqb18e2", i = "txvbqbfqq txvbqbey txvbqbls4 txvbqb1bg5 txvbqb9j txvbqbmzg";

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/layout/backofficeSidebarActions.css.js

@@ -1,4 +1,3 @@
-/* empty css                                                              */
 /* empty css                                        */
 //#region src/components/backoffice/layout/backofficeSidebarActions.css.ts
 var e = "_1xws1b00 txvbqbfqq txvbqbey txvbqbls4 txvbqb19gc txvbqbjlr txvbqb1tv txvbqb2rt txvbqb2tz txvbqb1b4r txvbqbv txvbqbwvi txvbqb7h txvbqb76 txvbqb7t";

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":""}