@plumile/backoffice-react 0.1.107 → 0.1.109

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

@@ -1,65 +1,66 @@
 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";
+import { resolveBackofficeLink as n } from "../links/resolveBackofficeLink.js";
+import { BackofficeInlineLink as r } from "../links/BackofficeInlineLink.js";
+import { count as i, icon as a, link as o } from "./backofficeRelatedCountLink.css.js";
+import { useContext as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { RoutingContext as u } from "@plumile/router";
+import { buildBackofficeListLink as d } 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 = "";
+var f = ({ count: f, entity: p, where: m }) => {
+	let { t: h } = l(), { t: g } = e(), { entities: _, entityManifest: v, entityRegistry: y, sidebar: b } = t(), x = s(u), S = 0;
+	typeof f == "number" && Number.isFinite(f) && (S = f);
+	let C = _[p];
+	if (C == null) return /* @__PURE__ */ c("span", { children: S });
+	let w = g("relations.openFilteredList", { label: C.label(h) }), T = y.getLoadedListEntity(p), E = {
+		kind: "entity-list",
+		entityId: p,
+		state: { where: m }
+	}, D = async (e) => {
+		let t = d((await y.loadListEntity(p)).config, { where: m }), 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,
+	return /* @__PURE__ */ c(r, {
+		target: E,
+		className: o,
+		title: w,
+		ariaLabel: w,
 		onClick: (e) => {
-			if (w != null || b == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
+			if (T != null || x == 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: ""
+			let { history: t } = x;
+			D(t).catch(() => {
+				let e = n({
+					target: E,
+					manifest: v,
+					sidebar: b,
+					tApp: h
+				}), r = new URL(e.href, window.location.origin);
+				t.push({
+					pathname: r.pathname,
+					search: r.search,
+					hash: r.hash
 				});
 			});
 		},
-		children: [/* @__PURE__ */ o("span", {
-			className: n,
-			children: x
-		}), /* @__PURE__ */ o("span", {
-			className: r,
+		endAdornment: /* @__PURE__ */ c("span", {
+			className: a,
 			"aria-hidden": "true",
 			children: "›"
-		})]
+		}),
+		children: /* @__PURE__ */ c("span", {
+			className: i,
+			children: S
+		})
 	});
 };
 //#endregion
-export { p as BackofficeRelatedCountLink, p as default };
+export { f as BackofficeRelatedCountLink, f 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 } 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"}
+{"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 { RoutingContext } from '@plumile/router';\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';\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  let resolvedCount = 0;\n  if (typeof count === 'number' && Number.isFinite(count)) {\n    resolvedCount = count;\n  }\n  const targetManifest = entities[entity];\n  if (targetManifest == null) {\n    return <span>{resolvedCount}</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  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}>{resolvedCount}</span>\n    </BackofficeInlineLink>\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,mBAAgB,mBAAgB,eAChD,GAAqB,EACjB,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,EACzD,IAAS;EACb,MAAM;EACN,UAAU;EACV,OAAO,EAAE,UAAO;EACjB,EAEK,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;;CAmCJ,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,gBAAgB;GACtB,IAAM,EAAE,eAAY;GACpB,EAAyB,EAAQ,CAAC,YAAY;IAC5C,IAAM,IAAO,EAAsB;KACjC;KACA,UAAU;KACV;KACA;KACD,CAAC,EACI,IAAc,IAAI,IAAI,EAAK,MAAM,OAAO,SAAS,OAAO;IAC9D,EAAQ,KAAK;KACX,UAAU,EAAY;KACtB,QAAQ,EAAY;KACpB,MAAM,EAAY;KACnB,CAAC;KACF;;EAUA,cACE,kBAAC,QAAD;GAAM,WAAW;GAAa,eAAY;aAAO;GAE1C,CAAA;YAGT,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAqB,CAAA;EAChC,CAAA"}