@plumile/backoffice-react 0.1.105 → 0.1.107

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

@@ -0,0 +1,35 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
+import { BackofficeFilterAction as n } from "../filters/BackofficeFilterAction.js";
+import { BackofficeFilterableCell as r } from "../shared/BackofficeFilterableCell.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/backoffice/refs/BackofficeEntityIdRef.tsx
+var a = ({ id: a, entity: o, filterWhereKey: s, filterPath: c, filterLabel: l, listConfig: u }) => {
+	let { entities: d } = t(), { t: f } = e(), p = "";
+	if (typeof a == "string" && (p = a.trim()), p === "") return /* @__PURE__ */ i("span", { children: "-" });
+	let m = null;
+	if (o != null) {
+		let e = d[o];
+		e != null && (m = e.routes.detail(p));
+	}
+	let h = f("filters.placeholders.unresolved"), g;
+	m != null && (g = h);
+	let _ = null;
+	return s != null && (_ = /* @__PURE__ */ i(n, {
+		whereKey: s,
+		value: p,
+		path: c,
+		label: l,
+		listConfig: u
+	})), /* @__PURE__ */ i(r, {
+		filterAction: _,
+		href: m,
+		title: g,
+		openInNewTab: !0,
+		children: h
+	});
+};
+//#endregion
+export { a as BackofficeEntityIdRef, a as default };
+
+//# sourceMappingURL=BackofficeEntityIdRef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEntityIdRef.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeEntityIdRef.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport type { BackofficeRuntimeResolvedListFacetConfig } from '@plumile/backoffice-core/types.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { BackofficeFilterAction } from '../filters/BackofficeFilterAction.js';\nimport { BackofficeFilterableCell } from '../shared/BackofficeFilterableCell.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityIdRefProps = {\n  id: string | null | undefined;\n  entity?: string;\n  filterWhereKey?: string;\n  filterPath?: readonly string[];\n  filterLabel?: string;\n  listConfig?: BackofficeRuntimeResolvedListFacetConfig;\n};\n\nexport const BackofficeEntityIdRef = ({\n  id,\n  entity,\n  filterWhereKey,\n  filterPath,\n  filterLabel,\n  listConfig,\n}: BackofficeEntityIdRefProps): JSX.Element => {\n  const { entities } = useBackofficeConfig();\n  const { t } = useBackofficeReactTranslation();\n  let resolvedId = '';\n  if (typeof id === 'string') {\n    resolvedId = id.trim();\n  }\n  if (resolvedId === '') {\n    return <span>-</span>;\n  }\n\n  let detailTo: string | null = null;\n  if (entity != null) {\n    const config = entities[entity];\n    if (config != null) {\n      detailTo = config.routes.detail(resolvedId);\n    }\n  }\n\n  const unresolvedLabel = t('filters.placeholders.unresolved');\n  let title: string | undefined;\n  if (detailTo != null) {\n    title = unresolvedLabel;\n  }\n  let filterAction: JSX.Element | null = null;\n  if (filterWhereKey != null) {\n    filterAction = (\n      <BackofficeFilterAction\n        whereKey={filterWhereKey}\n        value={resolvedId}\n        path={filterPath}\n        label={filterLabel}\n        listConfig={listConfig}\n      />\n    );\n  }\n\n  return (\n    <BackofficeFilterableCell\n      filterAction={filterAction}\n      href={detailTo}\n      title={title}\n      openInNewTab\n    >\n      {unresolvedLabel}\n    </BackofficeFilterableCell>\n  );\n};\n\nexport default BackofficeEntityIdRef;\n"],"mappings":";;;;;;AAgBA,IAAa,KAAyB,EACpC,OACA,WACA,mBACA,eACA,gBACA,oBAC6C;CAC7C,IAAM,EAAE,gBAAa,GAAqB,EACpC,EAAE,SAAM,GAA+B,EACzC,IAAa;CAIjB,IAHI,OAAO,KAAO,aAChB,IAAa,EAAG,MAAM,GAEpB,MAAe,IACjB,OAAO,kBAAC,QAAD,EAAA,UAAM,KAAQ,CAAA;CAGvB,IAAI,IAA0B;CAC9B,IAAI,KAAU,MAAM;EAClB,IAAM,IAAS,EAAS;EACxB,AAAI,KAAU,SACZ,IAAW,EAAO,OAAO,OAAO,EAAW;;CAI/C,IAAM,IAAkB,EAAE,kCAAkC,EACxD;CACJ,AAAI,KAAY,SACd,IAAQ;CAEV,IAAI,IAAmC;CAavC,OAZI,KAAkB,SACpB,IACE,kBAAC,GAAD;EACE,UAAU;EACV,OAAO;EACP,MAAM;EACN,OAAO;EACK;EACZ,CAAA,GAKJ,kBAAC,GAAD;EACgB;EACd,MAAM;EACC;EACP,cAAA;YAEC;EACwB,CAAA"}

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

@@ -0,0 +1,30 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
+import { BackofficeFilterAction as n } from "../filters/BackofficeFilterAction.js";
+import { BackofficeFilterableCell as r } from "../shared/BackofficeFilterableCell.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/backoffice/refs/BackofficeEntityLink.tsx
+var a = ({ id: a, label: o, entity: s, filterWhereKey: c, filterValue: l, filterPath: u, filterLabel: d, listConfig: f }) => {
+	let { t: p } = e(), { entities: m } = t(), h = "";
+	if (typeof a == "string" && (h = a.trim()), h === "") return /* @__PURE__ */ i("span", { children: p("common.notAvailable") });
+	let g = null;
+	c != null && (g = /* @__PURE__ */ i(n, {
+		whereKey: c,
+		value: l ?? h,
+		path: u,
+		label: d,
+		listConfig: f
+	}));
+	let _ = m[s]?.routes.detail(h) ?? null, v = o ?? "";
+	return v.trim() === "" && (v = p(_ == null ? "common.notAvailable" : "actions.view")), /* @__PURE__ */ i(r, {
+		filterAction: g,
+		href: _,
+		title: v,
+		openInNewTab: !0,
+		children: v
+	});
+};
+//#endregion
+export { a as BackofficeEntityLink, a as default };
+
+//# sourceMappingURL=BackofficeEntityLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEntityLink.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeEntityLink.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport type { BackofficeRuntimeResolvedListFacetConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeFilterAction } from '../filters/BackofficeFilterAction.js';\nimport { BackofficeFilterableCell } from '../shared/BackofficeFilterableCell.js';\n\nexport type BackofficeEntityLinkProps = {\n  id: string | null | undefined;\n  label?: string | null | undefined;\n  entity: string;\n  filterWhereKey?: string;\n  filterValue?: string;\n  filterPath?: readonly string[];\n  filterLabel?: string;\n  listConfig?: BackofficeRuntimeResolvedListFacetConfig;\n};\n\nexport const BackofficeEntityLink = ({\n  id,\n  label,\n  entity,\n  filterWhereKey,\n  filterValue,\n  filterPath,\n  filterLabel,\n  listConfig,\n}: BackofficeEntityLinkProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  let resolvedId = '';\n  if (typeof id === 'string') {\n    resolvedId = id.trim();\n  }\n  if (resolvedId === '') {\n    return <span>{t('common.notAvailable')}</span>;\n  }\n\n  let filterAction: JSX.Element | null = null;\n  if (filterWhereKey != null) {\n    const resolvedFilterValue = filterValue ?? resolvedId;\n    filterAction = (\n      <BackofficeFilterAction\n        whereKey={filterWhereKey}\n        value={resolvedFilterValue}\n        path={filterPath}\n        label={filterLabel}\n        listConfig={listConfig}\n      />\n    );\n  }\n\n  const config = entities[entity];\n  const detailTo = config?.routes.detail(resolvedId) ?? null;\n  let resolvedLabel = label ?? '';\n  if (resolvedLabel.trim() === '') {\n    if (detailTo != null) {\n      resolvedLabel = t('actions.view');\n    } else {\n      resolvedLabel = t('common.notAvailable');\n    }\n  }\n\n  return (\n    <BackofficeFilterableCell\n      filterAction={filterAction}\n      href={detailTo}\n      title={resolvedLabel}\n      openInNewTab\n    >\n      {resolvedLabel}\n    </BackofficeFilterableCell>\n  );\n};\n\nexport default BackofficeEntityLink;\n"],"mappings":";;;;;;AAoBA,IAAa,KAAwB,EACnC,OACA,UACA,WACA,mBACA,gBACA,eACA,gBACA,oBAC4C;CAC5C,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,gBAAa,GAAqB,EACtC,IAAa;CAIjB,IAHI,OAAO,KAAO,aAChB,IAAa,EAAG,MAAM,GAEpB,MAAe,IACjB,OAAO,kBAAC,QAAD,EAAA,UAAO,EAAE,sBAAsB,EAAQ,CAAA;CAGhD,IAAI,IAAmC;CACvC,AAAI,KAAkB,SAEpB,IACE,kBAAC,GAAD;EACE,UAAU;EACV,OAJwB,KAAe;EAKvC,MAAM;EACN,OAAO;EACK;EACZ,CAAA;CAKN,IAAM,IADS,EAAS,IACC,OAAO,OAAO,EAAW,IAAI,MAClD,IAAgB,KAAS;CAS7B,OARI,EAAc,MAAM,KAAK,OAC3B,AACE,IAEgB,EAHd,KAAY,OAGI,wBAFA,eAEsB,GAK1C,kBAAC,GAAD;EACgB;EACd,MAAM;EACN,OAAO;EACP,cAAA;YAEC;EACwB,CAAA"}

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

@@ -0,0 +1,65 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
+import { count as n, icon as r, link as i } from "./backofficeRelatedCountLink.css.js";
+import { useContext as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import { Link as l, RoutingContext as u } from "@plumile/router";
+import { buildBackofficeFallbackListHref as d, buildBackofficeListLink as f } 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 } = c(), { t: _ } = e(), { entities: v, entityRegistry: y } = t(), b = a(u), x = 0;
+	typeof p == "number" && Number.isFinite(p) && (x = p);
+	let S = v[m];
+	if (S == null) return /* @__PURE__ */ o("span", { children: x });
+	let C = _("relations.openFilteredList", { label: S.label(g) }), w = y.getLoadedListEntity(m), T;
+	T = w == null ? d(S.routes.list, h) : f(w.config, { where: h });
+	let E = async (e) => {
+		let t = f((await y.loadListEntity(m)).config, { where: h }), n = "";
+		t.search !== "" && (n = `?${t.search}`), e.push({
+			pathname: t.pathname,
+			search: n,
+			hash: ""
+		});
+	};
+	return /* @__PURE__ */ s(l, {
+		to: T,
+		className: i,
+		title: C,
+		"aria-label": C,
+		onClick: (e) => {
+			if (w != null || b == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+			e.preventDefault();
+			let { history: t } = b;
+			E(t).catch(() => {
+				if (typeof T == "string") {
+					let e = new URL(T, window.location.origin);
+					t.push({
+						pathname: e.pathname,
+						search: e.search,
+						hash: e.hash
+					});
+					return;
+				}
+				let e = "";
+				T.search !== "" && (e = `?${T.search}`), t.push({
+					pathname: T.pathname,
+					search: e,
+					hash: ""
+				});
+			});
+		},
+		children: [/* @__PURE__ */ o("span", {
+			className: n,
+			children: x
+		}), /* @__PURE__ */ o("span", {
+			className: r,
+			"aria-hidden": "true",
+			children: "›"
+		})]
+	});
+};
+//#endregion
+export { p as BackofficeRelatedCountLink, p as default };
+
+//# sourceMappingURL=BackofficeRelatedCountLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeRelatedCountLink.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeRelatedCountLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link, RoutingContext } from '@plumile/router';\n\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.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, entityRegistry } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  let resolvedCount = 0;\n  if (typeof count === 'number' && Number.isFinite(count)) {\n    resolvedCount = count;\n  }\n  const entityManifest = entities[entity];\n  if (entityManifest == null) {\n    return <span>{resolvedCount}</span>;\n  }\n  const entityLabel = entityManifest.label(tApp);\n  const actionLabel = t('relations.openFilteredList', {\n    label: entityLabel,\n  });\n  const loadedEntity = entityRegistry.getLoadedListEntity(entity);\n  let to: string | { pathname: string; search: string };\n  if (loadedEntity == null) {\n    to = buildBackofficeFallbackListHref(entityManifest.routes.list, where);\n  } else {\n    to = buildBackofficeListLink(loadedEntity.config, { where });\n  }\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      if (typeof to === 'string') {\n        const fallbackUrl = new URL(to, window.location.origin);\n        history.push({\n          pathname: fallbackUrl.pathname,\n          search: fallbackUrl.search,\n          hash: fallbackUrl.hash,\n        });\n        return;\n      }\n\n      let search = '';\n      if (to.search !== '') {\n        search = `?${to.search}`;\n      }\n\n      history.push({\n        pathname: to.pathname,\n        search,\n        hash: '',\n      });\n    });\n  };\n\n  return (\n    <Link\n      to={to}\n      className={styles.link}\n      title={actionLabel}\n      aria-label={actionLabel}\n      onClick={handleClick}\n    >\n      <span className={styles.count}>{resolvedCount}</span>\n      <span className={styles.icon} aria-hidden=\"true\">\n        ›\n      </span>\n    </Link>\n  );\n};\n\nexport default BackofficeRelatedCountLink;\n"],"mappings":";;;;;;;;;AAqBA,IAAa,KAEX,EACA,OAAA,GACA,WACA,eACyD;CACzD,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAU,EAAW,EAAe,EACtC,IAAgB;CACpB,AAAI,OAAO,KAAU,YAAY,OAAO,SAAS,EAAM,KACrD,IAAgB;CAElB,IAAM,IAAiB,EAAS;CAChC,IAAI,KAAkB,MACpB,OAAO,kBAAC,QAAD,EAAA,UAAO,GAAqB,CAAA;CAGrC,IAAM,IAAc,EAAE,8BAA8B,EAClD,OAFkB,EAAe,MAAM,EAEhC,EACR,CAAC,EACI,IAAe,EAAe,oBAAoB,EAAO,EAC3D;CACJ,AAGE,IAHE,KAAgB,OACb,EAAgC,EAAe,OAAO,MAAM,EAAM,GAElE,EAAwB,EAAa,QAAQ,EAAE,UAAO,CAAC;CAG9D,IAAM,IAA2B,OAC/B,MACkB;EAElB,IAAM,IAAO,GAAwB,MADZ,EAAe,eAAe,EAAO,EACd,QAAQ,EAAE,UAAO,CAAC,EAE9D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;GACP,CAAC;;CA2CJ,OACE,kBAAC,GAAD;EACM;EACJ,WAAW;EACX,OAAO;EACP,cAAY;EACZ,UA9CiB,MAAyC;GAC5D,IACE,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,UAEN;GAGF,EAAM,gBAAgB;GACtB,IAAM,EAAE,eAAY;GACpB,EAAyB,EAAQ,CAAC,YAAY;IAC5C,IAAI,OAAO,KAAO,UAAU;KAC1B,IAAM,IAAc,IAAI,IAAI,GAAI,OAAO,SAAS,OAAO;KACvD,EAAQ,KAAK;MACX,UAAU,EAAY;MACtB,QAAQ,EAAY;MACpB,MAAM,EAAY;MACnB,CAAC;KACF;;IAGF,IAAI,IAAS;IAKb,AAJI,EAAG,WAAW,OAChB,IAAS,IAAI,EAAG,WAGlB,EAAQ,KAAK;KACX,UAAU,EAAG;KACb;KACA,MAAM;KACP,CAAC;KACF;;YAIF,CAOE,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAqB,CAAA,EACrD,kBAAC,QAAD;GAAM,WAAW;GAAa,eAAY;aAAO;GAE1C,CAAA,CACF"}

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

@@ -0,0 +1,7 @@
+/* empty css                                     */
+//#region src/components/backoffice/refs/backofficeEntityIdRef.css.ts
+var e = "_1acv5pt0 txvbqb9jg txvbqbcp txvbqbany txvbqbv9z txvbqb3b";
+//#endregion
+export { e as link };
+
+//# sourceMappingURL=backofficeEntityIdRef.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeEntityIdRef.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeEntityIdRef.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const link = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 1,\n    color: 'text',\n    textDecoration: 'none',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        textDecoration: 'underline',\n      },\n    },\n  },\n]);\n"],"mappings":""}

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

@@ -0,0 +1,7 @@
+/* empty css                                          */
+//#region src/components/backoffice/refs/backofficeRelatedCountLink.css.ts
+var e = "kk18lv0 txvbqbnvy txvbqboj7 txvbqbp67 txvbqblxy txvbqb9jg txvbqbcp txvbqbdoy txvbqbany txvbqbk87 txvbqbv9z txvbqbv43 txvbqbwp txvbqb1qg txvbqb1dg txvbqb1t7 txvbqbamp txvbqbfag txvbqb3b txvbqb78 txvbqb6w txvbqb7k", t = "txvbqbk6g txvbqbt6y txvbqbakg", n = "kk18lv1 txvbqbaj7 txvbqbva1 txvbqb8y txvbqbfag txvbqb78 txvbqb6w txvbqb7k";
+//#endregion
+export { t as count, n as icon, e as link };
+
+//# sourceMappingURL=backofficeRelatedCountLink.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeRelatedCountLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeRelatedCountLink.css.ts"],"sourcesContent":["import { sprinkles, vars } from '@plumile/ui';\nimport { style } from '@vanilla-extract/css';\n\nexport const link = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 1,\n    minWidth: 9,\n    paddingX: 2,\n    paddingY: 1,\n    color: 'text',\n    backgroundColor: 'surfaceSecondary',\n    borderColor: 'borderSubtle',\n    borderStyle: 'solid',\n    borderWidth: 'px',\n    borderRadius: 'full',\n    fontWeight: 'semibold',\n    lineHeight: 'none',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.brandPrimaryRed,\n        backgroundColor: vars.colors.surface,\n        borderColor: vars.colors.brandPrimaryRed,\n        boxShadow: vars.boxShadow.sm,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\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":""}

package/lib/esm/components/backoffice/routing/BackofficeContentBoundary.js

@@ -0,0 +1,24 @@
+import { BackofficeErrorBoundary as e } from "../errors/BackofficeErrorBoundary.js";
+import { BackofficeContentError as t } from "./BackofficeContentError.js";
+import { BackofficeContentFallback as n } from "./BackofficeContentFallback.js";
+import { root as r } from "./backofficeContentBoundary.css.js";
+import { Suspense as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/backoffice/routing/BackofficeContentBoundary.tsx
+var o = ({ children: o }) => /* @__PURE__ */ a("div", {
+	className: r,
+	children: /* @__PURE__ */ a(e, {
+		fallback: ({ error: e, reset: n }) => /* @__PURE__ */ a(t, {
+			error: e,
+			onRetry: n
+		}),
+		children: /* @__PURE__ */ a(i, {
+			fallback: /* @__PURE__ */ a(n, {}),
+			children: o
+		})
+	})
+});
+//#endregion
+export { o as BackofficeContentBoundary, o as default };
+
+//# sourceMappingURL=BackofficeContentBoundary.js.map

package/lib/esm/components/backoffice/routing/BackofficeContentBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeContentBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentBoundary.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nimport { BackofficeContentError } from './BackofficeContentError.js';\nimport { BackofficeContentFallback } from './BackofficeContentFallback.js';\nimport * as styles from './backofficeContentBoundary.css.js';\n\nexport type BackofficeContentBoundaryProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeContentBoundary = ({\n  children,\n}: BackofficeContentBoundaryProps): JSX.Element => {\n  return (\n    <div className={styles.root}>\n      <BackofficeErrorBoundary\n        fallback={({ error, reset }) => {\n          return <BackofficeContentError error={error} onRetry={reset} />;\n        }}\n      >\n        <Suspense fallback={<BackofficeContentFallback />}>{children}</Suspense>\n      </BackofficeErrorBoundary>\n    </div>\n  );\n};\n\nexport default BackofficeContentBoundary;\n"],"mappings":";;;;;;;AAYA,IAAa,KAA6B,EACxC,kBAGE,kBAAC,OAAD;CAAK,WAAW;WACd,kBAAC,GAAD;EACE,WAAW,EAAE,UAAO,eACX,kBAAC,GAAD;GAA+B;GAAO,SAAS;GAAS,CAAA;YAGjE,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAA6B,CAAA;GAAG;GAAoB,CAAA;EAChD,CAAA;CACtB,CAAA"}

package/lib/esm/components/backoffice/routing/BackofficeContentError.js

@@ -0,0 +1,27 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { banner as t, root as n } from "./backofficeContentError.css.js";
+import { Button as r, InlineBanner as i } from "@plumile/ui";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/backoffice/routing/BackofficeContentError.tsx
+var o = ({ onRetry: o }) => {
+	let { t: s } = e();
+	return /* @__PURE__ */ a("div", {
+		className: n,
+		children: /* @__PURE__ */ a(i, {
+			tone: "danger",
+			className: t,
+			actions: /* @__PURE__ */ a(r, {
+				type: "button",
+				variant: "secondary",
+				size: "small",
+				onClick: o,
+				children: s("common.actions.retry")
+			}),
+			children: s("common.errors.unexpected")
+		})
+	});
+};
+//#endregion
+export { o as BackofficeContentError, o as default };
+
+//# sourceMappingURL=BackofficeContentError.js.map

package/lib/esm/components/backoffice/routing/BackofficeContentError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeContentError.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentError.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button, InlineBanner } from '@plumile/ui';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeContentError.css.js';\n\ntype BackofficeContentErrorProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nexport const BackofficeContentError = ({\n  onRetry,\n}: BackofficeContentErrorProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.root}>\n      <InlineBanner\n        tone=\"danger\"\n        className={styles.banner}\n        actions={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={onRetry}\n          >\n            {t('common.actions.retry')}\n          </Button>\n        }\n      >\n        {t('common.errors.unexpected')}\n      </InlineBanner>\n    </div>\n  );\n};\n\nexport default BackofficeContentError;\n"],"mappings":";;;;;AAYA,IAAa,KAA0B,EACrC,iBAC8C;CAC9C,IAAM,EAAE,SAAM,GAA+B;CAE7C,OACE,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,MAAK;GACL,WAAW;GACX,SACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;cAER,EAAE,uBAAuB;IACnB,CAAA;aAGV,EAAE,2BAA2B;GACjB,CAAA;EACX,CAAA"}

package/lib/esm/components/backoffice/routing/BackofficeContentFallback.js

@@ -0,0 +1,47 @@
+import { card as e, container as t, grid as n, title as r } from "./backofficeContentFallback.css.js";
+import { Skeleton as i } from "@plumile/ui";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/backoffice/routing/BackofficeContentFallback.tsx
+var s = () => /* @__PURE__ */ o("div", {
+	className: t,
+	role: "status",
+	"aria-live": "polite",
+	"aria-busy": "true",
+	children: [
+		/* @__PURE__ */ a(i, {
+			variant: "text",
+			width: "38%",
+			className: r
+		}),
+		/* @__PURE__ */ a(i, {
+			variant: "text",
+			width: "62%"
+		}),
+		/* @__PURE__ */ a("div", {
+			className: n,
+			children: Array.from({ length: 4 }, (t, n) => /* @__PURE__ */ o("div", {
+				className: e,
+				children: [
+					/* @__PURE__ */ a(i, {
+						variant: "text",
+						width: "46%"
+					}),
+					/* @__PURE__ */ a(i, {
+						variant: "text",
+						width: "82%",
+						lines: 2
+					}),
+					/* @__PURE__ */ a(i, {
+						variant: "block",
+						width: "100%",
+						height: 120
+					})
+				]
+			}, `content-skeleton-${n}`))
+		})
+	]
+});
+//#endregion
+export { s as BackofficeContentFallback, s as default };
+
+//# sourceMappingURL=BackofficeContentFallback.js.map

package/lib/esm/components/backoffice/routing/BackofficeContentFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeContentFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Skeleton } from '@plumile/ui';\n\nimport * as styles from './backofficeContentFallback.css.js';\n\nexport const BackofficeContentFallback = (): JSX.Element => {\n  return (\n    <div\n      className={styles.container}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Skeleton variant=\"text\" width=\"38%\" className={styles.title} />\n      <Skeleton variant=\"text\" width=\"62%\" />\n      <div className={styles.grid}>\n        {Array.from({ length: 4 }, (_, index) => {\n          return (\n            <div key={`content-skeleton-${index}`} className={styles.card}>\n              <Skeleton variant=\"text\" width=\"46%\" />\n              <Skeleton variant=\"text\" width=\"82%\" lines={2} />\n              <Skeleton variant=\"block\" width=\"100%\" height={120} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeContentFallback;\n"],"mappings":";;;;AAMA,IAAa,UAET,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ;EAME,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAM,WAAW;GAAgB,CAAA;EAChE,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAQ,CAAA;EACvC,kBAAC,OAAD;GAAK,WAAW;aACb,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,GAAG,MAE3B,kBAAC,OAAD;IAAuC,WAAW;cAAlD;KACE,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAQ,CAAA;KACvC,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAM,OAAO;MAAK,CAAA;KACjD,kBAAC,GAAD;MAAU,SAAQ;MAAQ,OAAM;MAAO,QAAQ;MAAO,CAAA;KAClD;MAJI,oBAAoB,IAIxB,CAER;GACE,CAAA;EACF"}

package/lib/esm/components/backoffice/routing/BackofficeRouteFallback.js

@@ -0,0 +1,25 @@
+import { label as e, root as t } from "./backofficeRouteFallback.css.js";
+import { Spinner as n } from "@plumile/ui";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+//#region src/components/backoffice/routing/BackofficeRouteFallback.tsx
+var o = ({ label: a = "Loading..." }) => /* @__PURE__ */ i("div", {
+	className: t,
+	role: "status",
+	"aria-live": "polite",
+	"aria-busy": "true",
+	children: [/* @__PURE__ */ r(n, {
+		size: 28,
+		ariaLabel: a
+	}), /* @__PURE__ */ r("div", {
+		className: e,
+		children: a
+	})]
+}), s = () => {
+	let { t: e, i18n: t } = a("backofficeReact", { useSuspense: !1 }), n = "Loading...";
+	return t.isInitialized && (n = e("common.loading")), /* @__PURE__ */ r(o, { label: n });
+};
+//#endregion
+export { s as BackofficeRouteFallback, s as default, o as BackofficeStaticRouteFallback };
+
+//# sourceMappingURL=BackofficeRouteFallback.js.map

package/lib/esm/components/backoffice/routing/BackofficeRouteFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeRouteFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeRouteFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Spinner } from '@plumile/ui';\n\nimport * as styles from './backofficeRouteFallback.css.js';\n\nexport type BackofficeRouteFallbackProps = {\n  label?: string;\n};\n\nexport const BackofficeStaticRouteFallback = ({\n  label = 'Loading...',\n}: BackofficeRouteFallbackProps): JSX.Element => {\n  return (\n    <div\n      className={styles.root}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Spinner size={28} ariaLabel={label} />\n      <div className={styles.label}>{label}</div>\n    </div>\n  );\n};\n\nexport const BackofficeRouteFallback = (): JSX.Element => {\n  const { t, i18n } = useTranslation('backofficeReact', {\n    useSuspense: false,\n  });\n  let label = 'Loading...';\n  if (i18n.isInitialized) {\n    label = t('common.loading');\n  }\n\n  return <BackofficeStaticRouteFallback label={label} />;\n};\n\nexport default BackofficeRouteFallback;\n"],"mappings":";;;;;AAWA,IAAa,KAAiC,EAC5C,OAAA,IAAQ,mBAGN,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ,CAME,kBAAC,GAAD;EAAS,MAAM;EAAI,WAAW;EAAS,CAAA,EACvC,kBAAC,OAAD;EAAK,WAAW;YAAe;EAAY,CAAA,CACvC;IAIG,UAA6C;CACxD,IAAM,EAAE,MAAG,YAAS,EAAe,mBAAmB,EACpD,aAAa,IACd,CAAC,EACE,IAAQ;CAKZ,OAJI,EAAK,kBACP,IAAQ,EAAE,iBAAiB,GAGtB,kBAAC,GAAD,EAAsC,UAAS,CAAA"}

package/lib/esm/components/backoffice/routing/BackofficeRoutePendingBar.js

@@ -0,0 +1,12 @@
+import { bar as e, root as t } from "./backofficeRoutePendingBar.css.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/backoffice/routing/BackofficeRoutePendingBar.tsx
+var r = () => /* @__PURE__ */ n("div", {
+	className: t,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ n("div", { className: e })
+});
+//#endregion
+export { r as BackofficeRoutePendingBar, r as default };
+
+//# sourceMappingURL=BackofficeRoutePendingBar.js.map

package/lib/esm/components/backoffice/routing/BackofficeRoutePendingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeRoutePendingBar.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeRoutePendingBar.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport * as styles from './backofficeRoutePendingBar.css.js';\n\nexport const BackofficeRoutePendingBar = (): JSX.Element => {\n  return (\n    <div className={styles.root} aria-hidden=\"true\">\n      <div className={styles.bar} />\n    </div>\n  );\n};\n\nexport default BackofficeRoutePendingBar;\n"],"mappings":";;;AAIA,IAAa,UAET,kBAAC,OAAD;CAAK,WAAW;CAAa,eAAY;WACvC,kBAAC,OAAD,EAAK,WAAW,GAAc,CAAA;CAC1B,CAAA"}

package/lib/esm/components/backoffice/routing/backofficeContentBoundary.css.js

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/routing/backofficeContentBoundary.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbjs7 txvbqbu7g txvbqbk5y";
+//#endregion
+export { e as root };
+
+//# sourceMappingURL=backofficeContentBoundary.css.js.map

package/lib/esm/components/backoffice/routing/backofficeContentBoundary.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeContentBoundary.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentBoundary.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: 'full',\n  width: 'full',\n  minWidth: 0,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeContentError.css.js

@@ -0,0 +1,7 @@
+/* empty css                                      */
+//#region src/components/backoffice/routing/backofficeContentError.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbu7g", t = "txvbqbwy";
+//#endregion
+export { t as banner, e as root };
+
+//# sourceMappingURL=backofficeContentError.css.js.map

package/lib/esm/components/backoffice/routing/backofficeContentError.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeContentError.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentError.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  width: 'full',\n});\n\nexport const banner = sprinkles({\n  borderColor: 'borderStrong',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeContentFallback.css.js

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/routing/backofficeContentFallback.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaop txvbqbu7g txvbqbjs7", t = "txvbqbjfg", n = "txvbqb9iy txvbqbaop txvbqbc17", r = "txvbqb9ip txvbqbai7 txvbqbaog txvbqblbg txvbqbjny txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45";
+//#endregion
+export { r as card, e as container, n as grid, t as title };
+
+//# sourceMappingURL=backofficeContentFallback.css.js.map

package/lib/esm/components/backoffice/routing/backofficeContentFallback.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeContentFallback.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentFallback.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  width: 'full',\n  minHeight: 'full',\n});\n\nexport const title = sprinkles({\n  maxWidth: 'md',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 4,\n  gridTemplateColumns: 'autoFitMinmax240',\n});\n\nexport const card = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  padding: 4,\n  minHeight: 44,\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surfaceMuted',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeRouteFallback.css.js

@@ -0,0 +1,7 @@
+/* empty css                                       */
+//#region src/components/backoffice/routing/backofficeRouteFallback.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbcp txvbqbdoy txvbqbk5p txvbqbu7g txvbqbaop txvbqbv43 txvbqbva1", t = "txvbqbva3";
+//#endregion
+export { t as label, e as root };
+
+//# sourceMappingURL=backofficeRouteFallback.css.js.map

package/lib/esm/components/backoffice/routing/backofficeRouteFallback.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeRouteFallback.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeRouteFallback.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 'screen',\n  width: 'full',\n  gap: 4,\n  backgroundColor: 'surfaceSecondary',\n  color: 'textSecondary',\n});\n\nexport const label = sprinkles({\n  color: 'textMuted',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeRoutePendingBar.css.js

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/routing/backofficeRoutePendingBar.css.ts
+var e = "_11exksg1 txvbqbv45 txvbqbptp txvbqbt7y txvbqbdqg txvbqbl7g txvbqb2k txvbqbu7g txvbqbuwp", t = "_11exksg2 txvbqbcgg txvbqbuog";
+//#endregion
+export { t as bar, e as root };
+
+//# sourceMappingURL=backofficeRoutePendingBar.css.js.map

package/lib/esm/components/backoffice/routing/backofficeRoutePendingBar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeRoutePendingBar.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeRoutePendingBar.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nconst slide = keyframes({\n  '0%': { transform: 'translateX(-120%)' },\n  '60%': { transform: 'translateX(30%)' },\n  '100%': { transform: 'translateX(120%)' },\n});\n\nexport const root = style([\n  sprinkles({\n    backgroundColor: 'surfaceMuted',\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n    width: 'full',\n    zIndex: 50,\n  }),\n  {\n    height: '3px',\n  },\n]);\n\nexport const bar = style([\n  sprinkles({\n    height: 'full',\n    width: '2/5',\n  }),\n  {\n    background: `linear-gradient(90deg, ${vars.colors.primaryLight} 0%, ${vars.colors.primary} 60%, ${vars.colors.primaryLight} 100%)`,\n    animation: `${slide} 1.1s ease-in-out infinite`,\n  },\n]);\n"],"mappings":""}

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js

@@ -0,0 +1,12 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeEmptyState as t } from "@plumile/ui";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx
+var r = ({ node: r, render: i, notFound: a }) => {
+	let { t: o } = e(), s = a ?? o("detail.notFound");
+	return r == null ? /* @__PURE__ */ n(t, { title: s }) : i(r) ?? /* @__PURE__ */ n(t, { title: s });
+};
+//#endregion
+export { r as BackofficeEntityDetailScaffold, r as default };
+
+//# sourceMappingURL=BackofficeEntityDetailScaffold.js.map

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEntityDetailScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { BackofficeEmptyState } from '@plumile/ui';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityDetailScaffoldProps<\n  NodeUnion extends { __typename: string },\n> = {\n  node: NodeUnion | null | undefined;\n  render: (node: NodeUnion) => JSX.Element | null;\n  notFound?: ReactNode;\n};\n\nexport const BackofficeEntityDetailScaffold = <\n  NodeUnion extends { __typename: string },\n>({\n  node,\n  render,\n  notFound,\n}: BackofficeEntityDetailScaffoldProps<NodeUnion>): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedNotFound = notFound ?? t('detail.notFound');\n  if (node == null) {\n    return <BackofficeEmptyState title={resolvedNotFound} />;\n  }\n\n  const content = render(node);\n  if (content == null) {\n    return <BackofficeEmptyState title={resolvedNotFound} />;\n  }\n\n  return content;\n};\n\nexport default BackofficeEntityDetailScaffold;\n"],"mappings":";;;;AAaA,IAAa,KAEX,EACA,SACA,WACA,kBACiE;CACjE,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAmB,KAAY,EAAE,kBAAkB;CAUzD,OATI,KAAQ,OACH,kBAAC,GAAD,EAAsB,OAAO,GAAoB,CAAA,GAG1C,EAAO,EACnB,IACK,kBAAC,GAAD,EAAsB,OAAO,GAAoB,CAAA"}