@plumile/backoffice-react 0.1.107 → 0.1.109

package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"entityIdFilterField.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n  width: 72,\n  maxWidth: 'full',\n});\n\nexport const pickerButton = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'grid',\n    alignItems: 'center',\n    gap: 0.5,\n    flex: 1,\n    minWidth: 0,\n    textAlign: 'left',\n    cursor: 'pointer',\n    borderRadius: 'xl',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    paddingX: 3,\n    paddingY: 1.5,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    minHeight: '2.5rem',\n    selectors: {\n      '&:hover:not(:disabled)': {\n        backgroundColor: vars.colors.surfaceMuted,\n        borderColor: vars.colors.borderStrong,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\n]);\n\nexport const valueBox = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  alignItems: 'center',\n  overflow: 'hidden',\n});\n\nexport const labelText = style([\n  sprinkles({\n    display: 'block',\n    color: 'textMuted',\n    fontSize: 'xs',\n    fontWeight: 'medium',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  {\n    gridColumn: '1 / -1',\n  },\n]);\n\nexport const valueText = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const pickText = sprinkles({\n  color: 'accent',\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n});\n"],"mappings":""}
+{"version":3,"file":"entityIdFilterField.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  width: 72,\n  maxWidth: 'full',\n  minWidth: 0,\n});\n\nexport const pickerControl = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'center',\n    flex: 1,\n    minWidth: 0,\n    borderRadius: 'xl',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    paddingX: 3,\n    paddingY: 1.5,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto auto',\n    gridTemplateAreas: '\"content pickAction clearAction\"',\n    columnGap: vars.spacing[1],\n    minHeight: '2.5rem',\n    width: '100%',\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n      },\n    },\n  },\n]);\n\nexport const pickerButton = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    minWidth: 0,\n    width: 'full',\n    textAlign: 'left',\n    cursor: 'pointer',\n    borderWidth: 0,\n    backgroundColor: 'transparent',\n    color: 'text',\n    padding: 0,\n  }),\n  {\n    gridArea: 'content',\n    minHeight: '100%',\n    selectors: {\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\n]);\n\nexport const content = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    gap: 0.5,\n    minWidth: 0,\n    width: 'full',\n  }),\n  {\n    maxWidth: '100%',\n  },\n]);\n\nexport const valueBox = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  alignItems: 'center',\n  overflow: 'hidden',\n});\n\nexport const labelText = style([\n  sprinkles({\n    display: 'block',\n    color: 'textMuted',\n    fontSize: 'xs',\n    fontWeight: 'medium',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  {\n    minWidth: 0,\n  },\n]);\n\nexport const valueText = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const placeholder = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nconst actionButtonBase = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 7,\n    height: 7,\n    padding: 0,\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n    color: 'textMuted',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    alignSelf: 'center',\n    selectors: {\n      '&:hover:not(:disabled)': {\n        color: vars.colors.text,\n        backgroundColor: vars.colors.surfaceMuted,\n        borderColor: vars.colors.borderStrong,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\n]);\n\nexport const pickActionButton = style([\n  actionButtonBase,\n  {\n    gridArea: 'pickAction',\n  },\n]);\n\nexport const clearButton = style([\n  actionButtonBase,\n  sprinkles({\n    borderRadius: 'full',\n    backgroundColor: 'surfaceMuted',\n  }),\n  {\n    gridArea: 'clearAction',\n  },\n]);\n\nexport const actionIcon = style({\n  width: '1rem',\n  height: '1rem',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.js

@@ -1,69 +1,74 @@
 import { useBackofficeReactTranslation as e } from "../../../../i18n/useBackofficeReactTranslation.js";
 import { useBackofficeTopbarPortalContext as t } from "./BackofficeTopbarPortalContext.js";
-import { current as n, homeLabel as r, item as i, link as a, list as o, nav as s, separator as c } from "./backofficeTopbarBreadcrumb.css.js";
-import { SidebarHomeSvg as l } from "@plumile/ui";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Link as p } from "@plumile/router";
+import { BackofficeLink as n } from "../../links/BackofficeLink.js";
+import { BackofficeLinkLabel as r } from "../../links/BackofficeLinkLabel.js";
+import { current as i, homeLabel as a, item as o, link as s, list as c, nav as l, separator as u } from "./backofficeTopbarBreadcrumb.css.js";
+import { SidebarHomeSvg as d } from "@plumile/ui";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Link as h } from "@plumile/router";
 //#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx
-var m = ({ items: m }) => {
-	let { t: h } = e(), { dashboardHref: g, dashboardLabel: _ } = t(), v = !1, y = m[0];
-	m.length === 1 && y != null && (v = y.id === "dashboard" && y.isCurrent === !0);
-	let b = m;
-	v && (b = []);
-	let x = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(l, {
+var g = (e) => {
+	let { target: t } = e;
+	return t.kind === "dashboard" ? `${e.kind}-dashboard` : t.kind === "entity-list" ? `${e.kind}-entity-list-${t.entityId}` : t.kind === "entity-detail" ? `${e.kind}-entity-detail-${t.entityId}-${t.id}` : t.kind === "entity-detail-page" ? `${e.kind}-entity-detail-page-${t.entityId}-${t.id}-${t.pageId}` : t.kind === "tool" ? `${e.kind}-tool-${t.toolId}` : t.kind === "hub" ? `${e.kind}-hub-${t.hubId}` : `${e.kind}-href-${t.href}`;
+}, _ = ({ items: _ }) => {
+	let { t: v } = e(), { dashboardHref: y, dashboardLabel: b } = t(), x = !1, [S] = _;
+	_.length === 1 && S != null && (x = S.target.kind === "dashboard" && S.kind === "current");
+	let C = _;
+	x && (C = []);
+	let w = /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, {
 		width: 16,
 		height: 16,
 		"aria-hidden": "true"
-	}), /* @__PURE__ */ d("span", {
-		className: r,
-		children: _
+	}), /* @__PURE__ */ p("span", {
+		className: a,
+		children: b
 	})] });
-	return /* @__PURE__ */ d("nav", {
-		className: s,
-		"aria-label": h("common.breadcrumb"),
-		children: /* @__PURE__ */ f("ol", {
-			className: o,
-			children: [/* @__PURE__ */ f("li", {
-				className: i,
-				children: [v && /* @__PURE__ */ d("span", {
+	return /* @__PURE__ */ p("nav", {
+		className: l,
+		"aria-label": v("common.breadcrumb"),
+		children: /* @__PURE__ */ m("ol", {
+			className: c,
+			children: [/* @__PURE__ */ m("li", {
+				className: o,
+				children: [x && /* @__PURE__ */ p("span", {
 					className: "_80s44h3 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k txvbqbv45 txvbqbv9z",
 					"aria-current": "page",
-					title: _,
-					children: x
-				}), !v && /* @__PURE__ */ d(p, {
-					to: g,
+					title: b,
+					children: w
+				}), !x && /* @__PURE__ */ p(h, {
+					to: y,
 					className: "_80s44h2 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k",
-					"aria-label": _,
-					title: _,
-					children: x
+					"aria-label": b,
+					title: b,
+					children: w
 				})]
-			}), b.map((e) => {
-				let t = e.isCurrent === !0, r = e.id, o = e.to != null && !t, s;
-				if (o) s = /* @__PURE__ */ d(p, {
-					to: e.to,
-					className: a,
-					children: e.label
-				});
-				else {
-					let r = a;
-					t && (r = n), s = /* @__PURE__ */ d("span", {
-						className: r,
-						children: e.label
-					});
-				}
-				return /* @__PURE__ */ f("li", {
+			}), C.map((e, t) => {
+				let a = e.kind === "current", c = g(e), l = "none";
+				t === 0 && (l = "auto");
+				let d;
+				return d = a ? /* @__PURE__ */ p(r, {
+					target: e.target,
+					label: e.label,
 					className: i,
-					children: [/* @__PURE__ */ d("span", {
-						className: c,
+					icon: l
+				}) : /* @__PURE__ */ p(n, {
+					target: e.target,
+					label: e.label,
+					className: s,
+					icon: l
+				}), /* @__PURE__ */ m("li", {
+					className: o,
+					children: [/* @__PURE__ */ p("span", {
+						className: u,
 						"aria-hidden": "true",
 						children: "/"
-					}), s]
-				}, r);
+					}), d]
+				}, c);
 			})]
 		})
 	});
 };
 //#endregion
-export { m as BackofficeTopbarBreadcrumb, m as default };
+export { _ as BackofficeTopbarBreadcrumb, _ as default };
 
 //# sourceMappingURL=BackofficeTopbarBreadcrumb.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeTopbarBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { Link } from '@plumile/router';\nimport { SidebarHomeSvg } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\nimport { useBackofficeTopbarPortalContext } from './BackofficeTopbarPortalContext.js';\nimport * as styles from './backofficeTopbarBreadcrumb.css.js';\n\nexport type BackofficeTopbarBreadcrumbProps = {\n  items: readonly BackofficeTopbarBreadcrumbItem[];\n};\n\nexport const BackofficeTopbarBreadcrumb = ({\n  items,\n}: BackofficeTopbarBreadcrumbProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const { dashboardHref, dashboardLabel } = useBackofficeTopbarPortalContext();\n  let isDashboardCurrent = false;\n  const firstItem = items[0];\n  if (items.length === 1 && firstItem != null) {\n    isDashboardCurrent =\n      firstItem.id === 'dashboard' && firstItem.isCurrent === true;\n  }\n  let visibleItems: readonly BackofficeTopbarBreadcrumbItem[] = items;\n  if (isDashboardCurrent) {\n    visibleItems = [];\n  }\n\n  const homeContent = (\n    <>\n      <SidebarHomeSvg width={16} height={16} aria-hidden=\"true\" />\n      <span className={styles.homeLabel}>{dashboardLabel}</span>\n    </>\n  );\n\n  return (\n    <nav className={styles.nav} aria-label={t('common.breadcrumb')}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {isDashboardCurrent && (\n            <span\n              className={styles.homeCurrent}\n              aria-current=\"page\"\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </span>\n          )}\n          {!isDashboardCurrent && (\n            <Link\n              to={dashboardHref}\n              className={styles.homeLink}\n              aria-label={dashboardLabel}\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </Link>\n          )}\n        </li>\n        {visibleItems.map((item) => {\n          const isCurrent = item.isCurrent === true;\n          const key = item.id;\n          const shouldRenderLink = item.to != null && !isCurrent;\n          let content: JSX.Element;\n\n          if (shouldRenderLink) {\n            content = (\n              <Link to={item.to} className={styles.link}>\n                {item.label}\n              </Link>\n            );\n          } else {\n            let className = styles.link;\n            if (isCurrent) {\n              className = styles.current;\n            }\n            content = <span className={className}>{item.label}</span>;\n          }\n\n          return (\n            <li key={key} className={styles.item}>\n              <span className={styles.separator} aria-hidden=\"true\">\n                /\n              </span>\n              {content}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default BackofficeTopbarBreadcrumb;\n"],"mappings":";;;;;;;AAaA,IAAa,KAA8B,EACzC,eACkD;CAClD,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,kBAAe,sBAAmB,GAAkC,EACxE,IAAqB,IACnB,IAAY,EAAM;CACxB,AAAI,EAAM,WAAW,KAAK,KAAa,SACrC,IACE,EAAU,OAAO,eAAe,EAAU,cAAc;CAE5D,IAAI,IAA0D;CAC9D,AAAI,MACF,IAAe,EAAE;CAGnB,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,OAAO;EAAI,QAAQ;EAAI,eAAY;EAAS,CAAA,EAC5D,kBAAC,QAAD;EAAM,WAAW;YAAmB;EAAsB,CAAA,CACzD,EAAA,CAAA;CAGL,OACE,kBAAC,OAAD;EAAK,WAAW;EAAY,cAAY,EAAE,oBAAoB;YAC5D,kBAAC,MAAD;GAAI,WAAW;aAAf,CACE,kBAAC,MAAD;IAAI,WAAW;cAAf,CACG,KACC,kBAAC,QAAD;KACE,WAAW;KACX,gBAAa;KACb,OAAO;eAEN;KACI,CAAA,EAER,CAAC,KACA,kBAAC,GAAD;KACE,IAAI;KACJ,WAAW;KACX,cAAY;KACZ,OAAO;eAEN;KACI,CAAA,CAEN;OACJ,EAAa,KAAK,MAAS;IAC1B,IAAM,IAAY,EAAK,cAAc,IAC/B,IAAM,EAAK,IACX,IAAmB,EAAK,MAAM,QAAQ,CAAC,GACzC;IAEJ,IAAI,GACF,IACE,kBAAC,GAAD;KAAM,IAAI,EAAK;KAAI,WAAW;eAC3B,EAAK;KACD,CAAA;SAEJ;KACL,IAAI,IAAY;KAIhB,AAHI,MACF,IAAY,IAEd,IAAU,kBAAC,QAAD;MAAiB;gBAAY,EAAK;MAAa,CAAA;;IAG3D,OACE,kBAAC,MAAD;KAAc,WAAW;eAAzB,CACE,kBAAC,QAAD;MAAM,WAAW;MAAkB,eAAY;gBAAO;MAE/C,CAAA,EACN,EACE;OALI,EAKJ;KAEP,CACC;;EACD,CAAA"}
+{"version":3,"file":"BackofficeTopbarBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { Link } from '@plumile/router';\nimport { SidebarHomeSvg } from '@plumile/ui';\n\nimport { BackofficeLink } from '../../links/BackofficeLink.js';\nimport { BackofficeLinkLabel } from '../../links/BackofficeLinkLabel.js';\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\nimport { useBackofficeTopbarPortalContext } from './BackofficeTopbarPortalContext.js';\nimport * as styles from './backofficeTopbarBreadcrumb.css.js';\n\nexport type BackofficeTopbarBreadcrumbProps = {\n  items: readonly BackofficeTopbarBreadcrumbItem[];\n};\n\nconst getBreadcrumbItemKey = (item: BackofficeTopbarBreadcrumbItem): string => {\n  const { target } = item;\n  if (target.kind === 'dashboard') {\n    return `${item.kind}-dashboard`;\n  }\n  if (target.kind === 'entity-list') {\n    return `${item.kind}-entity-list-${target.entityId}`;\n  }\n  if (target.kind === 'entity-detail') {\n    return `${item.kind}-entity-detail-${target.entityId}-${target.id}`;\n  }\n  if (target.kind === 'entity-detail-page') {\n    return `${item.kind}-entity-detail-page-${target.entityId}-${target.id}-${target.pageId}`;\n  }\n  if (target.kind === 'tool') {\n    return `${item.kind}-tool-${target.toolId}`;\n  }\n  if (target.kind === 'hub') {\n    return `${item.kind}-hub-${target.hubId}`;\n  }\n  return `${item.kind}-href-${target.href}`;\n};\n\nexport const BackofficeTopbarBreadcrumb = ({\n  items,\n}: BackofficeTopbarBreadcrumbProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const { dashboardHref, dashboardLabel } = useBackofficeTopbarPortalContext();\n  let isDashboardCurrent = false;\n  const [firstItem] = items;\n  if (items.length === 1 && firstItem != null) {\n    isDashboardCurrent =\n      firstItem.target.kind === 'dashboard' && firstItem.kind === 'current';\n  }\n  let visibleItems: readonly BackofficeTopbarBreadcrumbItem[] = items;\n  if (isDashboardCurrent) {\n    visibleItems = [];\n  }\n\n  const homeContent = (\n    <>\n      <SidebarHomeSvg width={16} height={16} aria-hidden=\"true\" />\n      <span className={styles.homeLabel}>{dashboardLabel}</span>\n    </>\n  );\n\n  return (\n    <nav className={styles.nav} aria-label={t('common.breadcrumb')}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {isDashboardCurrent && (\n            <span\n              className={styles.homeCurrent}\n              aria-current=\"page\"\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </span>\n          )}\n          {!isDashboardCurrent && (\n            <Link\n              to={dashboardHref}\n              className={styles.homeLink}\n              aria-label={dashboardLabel}\n              title={dashboardLabel}\n            >\n              {homeContent}\n            </Link>\n          )}\n        </li>\n        {visibleItems.map((item, index) => {\n          const isCurrent = item.kind === 'current';\n          const key = getBreadcrumbItemKey(item);\n          let icon: 'auto' | 'none' = 'none';\n          if (index === 0) {\n            icon = 'auto';\n          }\n          let content: JSX.Element;\n\n          if (!isCurrent) {\n            content = (\n              <BackofficeLink\n                target={item.target}\n                label={item.label}\n                className={styles.link}\n                icon={icon}\n              />\n            );\n          } else {\n            content = (\n              <BackofficeLinkLabel\n                target={item.target}\n                label={item.label}\n                className={styles.current}\n                icon={icon}\n              />\n            );\n          }\n\n          return (\n            <li key={key} className={styles.item}>\n              <span className={styles.separator} aria-hidden=\"true\">\n                /\n              </span>\n              {content}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default BackofficeTopbarBreadcrumb;\n"],"mappings":";;;;;;;;;AAeA,IAAM,KAAwB,MAAiD;CAC7E,IAAM,EAAE,cAAW;CAmBnB,OAlBI,EAAO,SAAS,cACX,GAAG,EAAK,KAAK,cAElB,EAAO,SAAS,gBACX,GAAG,EAAK,KAAK,eAAe,EAAO,aAExC,EAAO,SAAS,kBACX,GAAG,EAAK,KAAK,iBAAiB,EAAO,SAAS,GAAG,EAAO,OAE7D,EAAO,SAAS,uBACX,GAAG,EAAK,KAAK,sBAAsB,EAAO,SAAS,GAAG,EAAO,GAAG,GAAG,EAAO,WAE/E,EAAO,SAAS,SACX,GAAG,EAAK,KAAK,QAAQ,EAAO,WAEjC,EAAO,SAAS,QACX,GAAG,EAAK,KAAK,OAAO,EAAO,UAE7B,GAAG,EAAK,KAAK,QAAQ,EAAO;GAGxB,KAA8B,EACzC,eACkD;CAClD,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,kBAAe,sBAAmB,GAAkC,EACxE,IAAqB,IACnB,CAAC,KAAa;CACpB,AAAI,EAAM,WAAW,KAAK,KAAa,SACrC,IACE,EAAU,OAAO,SAAS,eAAe,EAAU,SAAS;CAEhE,IAAI,IAA0D;CAC9D,AAAI,MACF,IAAe,EAAE;CAGnB,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,OAAO;EAAI,QAAQ;EAAI,eAAY;EAAS,CAAA,EAC5D,kBAAC,QAAD;EAAM,WAAW;YAAmB;EAAsB,CAAA,CACzD,EAAA,CAAA;CAGL,OACE,kBAAC,OAAD;EAAK,WAAW;EAAY,cAAY,EAAE,oBAAoB;YAC5D,kBAAC,MAAD;GAAI,WAAW;aAAf,CACE,kBAAC,MAAD;IAAI,WAAW;cAAf,CACG,KACC,kBAAC,QAAD;KACE,WAAW;KACX,gBAAa;KACb,OAAO;eAEN;KACI,CAAA,EAER,CAAC,KACA,kBAAC,GAAD;KACE,IAAI;KACJ,WAAW;KACX,cAAY;KACZ,OAAO;eAEN;KACI,CAAA,CAEN;OACJ,EAAa,KAAK,GAAM,MAAU;IACjC,IAAM,IAAY,EAAK,SAAS,WAC1B,IAAM,EAAqB,EAAK,EAClC,IAAwB;IAC5B,AAAI,MAAU,MACZ,IAAO;IAET,IAAI;IAsBJ,OApBA,AACE,IADG,IAWD,kBAAC,GAAD;KACE,QAAQ,EAAK;KACb,OAAO,EAAK;KACZ,WAAW;KACL;KACN,CAAA,GAdF,kBAAC,GAAD;KACE,QAAQ,EAAK;KACb,OAAO,EAAK;KACZ,WAAW;KACL;KACN,CAAA,EAcJ,kBAAC,MAAD;KAAc,WAAW;eAAzB,CACE,kBAAC,QAAD;MAAM,WAAW;MAAkB,eAAY;gBAAO;MAE/C,CAAA,EACN,EACE;OALI,EAKJ;KAEP,CACC;;EACD,CAAA"}

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js

@@ -1,11 +1,11 @@
 import { createContext as e, useContext as t } from "react";
 //#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.tsx
-var n = e(null), r = n.Provider, i = () => {
+var n = e(null), r = n.Provider, i = () => t(n), a = () => {
 	let e = t(n);
 	if (e == null) throw Error("BackofficeTopbarPortalContext is missing. Ensure pages are rendered under BackofficeLayoutPage.");
 	return e;
 };
 //#endregion
-export { r as BackofficeTopbarPortalContextProvider, i as useBackofficeTopbarPortalContext };
+export { r as BackofficeTopbarPortalContextProvider, a as useBackofficeTopbarPortalContext, i as useOptionalBackofficeTopbarPortalContext };
 
 //# sourceMappingURL=BackofficeTopbarPortalContext.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeTopbarPortalContext.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type BackofficeTopbarPortalContextValue = {\n  target: HTMLDivElement | null;\n  dashboardHref: string;\n  dashboardLabel: string;\n};\n\nconst BackofficeTopbarPortalContext =\n  createContext<BackofficeTopbarPortalContextValue | null>(null);\n\nexport const BackofficeTopbarPortalContextProvider =\n  BackofficeTopbarPortalContext.Provider;\n\nexport const useBackofficeTopbarPortalContext =\n  (): BackofficeTopbarPortalContextValue => {\n    const context = useContext(BackofficeTopbarPortalContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeTopbarPortalContext is missing. Ensure pages are rendered under BackofficeLayoutPage.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAQA,IAAM,IACJ,EAAyD,KAAK,EAEnD,IACX,EAA8B,UAEnB,UAC+B;CACxC,IAAM,IAAU,EAAW,EAA8B;CACzD,IAAI,KAAW,MACb,MAAU,MACR,kGACD;CAEH,OAAO"}
+{"version":3,"file":"BackofficeTopbarPortalContext.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type BackofficeTopbarPortalContextValue = {\n  target: HTMLDivElement | null;\n  dashboardHref: string;\n  dashboardLabel: string;\n};\n\nconst BackofficeTopbarPortalContext =\n  createContext<BackofficeTopbarPortalContextValue | null>(null);\n\nexport const BackofficeTopbarPortalContextProvider =\n  BackofficeTopbarPortalContext.Provider;\n\nexport const useOptionalBackofficeTopbarPortalContext =\n  (): BackofficeTopbarPortalContextValue | null => {\n    return useContext(BackofficeTopbarPortalContext);\n  };\n\nexport const useBackofficeTopbarPortalContext =\n  (): BackofficeTopbarPortalContextValue => {\n    const context = useContext(BackofficeTopbarPortalContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeTopbarPortalContext is missing. Ensure pages are rendered under BackofficeLayoutPage.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAQA,IAAM,IACJ,EAAyD,KAAK,EAEnD,IACX,EAA8B,UAEnB,UAEF,EAAW,EAA8B,EAGvC,UAC+B;CACxC,IAAM,IAAU,EAAW,EAA8B;CACzD,IAAI,KAAW,MACb,MAAU,MACR,kGACD;CAEH,OAAO"}

package/lib/esm/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.js

@@ -1,16 +1,20 @@
 //#region src/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.ts
-var e = (e, t) => Error(t == null ? `Invalid breadcrumb contract: ${e}` : `Invalid breadcrumb contract: ${e} (${t})`), t = (t) => {
-	if (t == null) throw e("MISSING_BREADCRUMB");
-	if (t.length === 0) throw e("EMPTY_BREADCRUMB");
-	let n = /* @__PURE__ */ new Set();
-	if (t.forEach((t, r) => {
-		if (typeof t.id != "string" || t.id.trim() === "") throw e("INVALID_SEGMENT_ID", `index=${r}`);
-		if (n.has(t.id)) throw e("INVALID_SEGMENT_ID", `duplicate id="${t.id}"`);
-		n.add(t.id);
-	}), t[t.length - 1]?.isCurrent !== !0) throw e("MISSING_CURRENT_SEGMENT");
-	return t;
+var e = (e, t) => Error(t == null ? `Invalid breadcrumb contract: ${e}` : `Invalid breadcrumb contract: ${e} (${t})`), t = (e) => {
+	let { target: t } = e;
+	return t == null ? "" : t.kind === "dashboard" ? "dashboard" : t.kind === "entity-list" ? `${t.entityId}-list` : t.kind === "entity-detail" ? `${t.entityId}-entity-${t.id}` : t.kind === "entity-detail-page" ? `${t.entityId}-page-${t.id}-${t.pageId}` : t.kind === "tool" ? `tool-${t.toolId}` : t.kind === "hub" ? `hub-${t.hubId}` : `href-${t.href}`;
+}, n = (n) => {
+	if (n == null) throw e("MISSING_BREADCRUMB");
+	if (n.length === 0) throw e("EMPTY_BREADCRUMB");
+	let r = /* @__PURE__ */ new Set();
+	if (n.forEach((n, i) => {
+		let a = t(n);
+		if (a.trim() === "") throw e("INVALID_SEGMENT_ID", `index=${i}`);
+		if (r.has(a)) throw e("INVALID_SEGMENT_ID", `duplicate id="${a}"`);
+		r.add(a);
+	}), n[n.length - 1]?.kind !== "current") throw e("MISSING_CURRENT_SEGMENT");
+	return n;
 };
 //#endregion
-export { t as assertValidBreadcrumb };
+export { n as assertValidBreadcrumb };
 
 //# sourceMappingURL=assertValidBreadcrumb.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"assertValidBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.ts"],"sourcesContent":["import type {\n  BackofficeTopbarBreadcrumbItem,\n  BreadcrumbContractErrorCode,\n} from './types.js';\n\nconst formatContractError = (\n  code: BreadcrumbContractErrorCode,\n  details?: string,\n): Error => {\n  if (details == null) {\n    return new Error(`Invalid breadcrumb contract: ${code}`);\n  }\n  return new Error(`Invalid breadcrumb contract: ${code} (${details})`);\n};\n\nexport const assertValidBreadcrumb = (\n  items: readonly BackofficeTopbarBreadcrumbItem[] | null | undefined,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  if (items == null) {\n    throw formatContractError('MISSING_BREADCRUMB');\n  }\n  if (items.length === 0) {\n    throw formatContractError('EMPTY_BREADCRUMB');\n  }\n\n  const seen = new Set<string>();\n  items.forEach((item, index) => {\n    if (typeof item.id !== 'string' || item.id.trim() === '') {\n      throw formatContractError('INVALID_SEGMENT_ID', `index=${index}`);\n    }\n\n    if (seen.has(item.id)) {\n      throw formatContractError(\n        'INVALID_SEGMENT_ID',\n        `duplicate id=\"${item.id}\"`,\n      );\n    }\n    seen.add(item.id);\n  });\n\n  const last = items[items.length - 1];\n  if (last?.isCurrent !== true) {\n    throw formatContractError('MISSING_CURRENT_SEGMENT');\n  }\n\n  return items;\n};\n"],"mappings":";AAKA,IAAM,KACJ,GACA,MAGa,MADT,KAAW,OACI,gCAAgC,MAElC,gCAAgC,EAAK,IAAI,EAAQ,GAFR,EAK/C,KACX,MAC8C;CAC9C,IAAI,KAAS,MACX,MAAM,EAAoB,qBAAqB;CAEjD,IAAI,EAAM,WAAW,GACnB,MAAM,EAAoB,mBAAmB;CAG/C,IAAM,oBAAO,IAAI,KAAa;CAgB9B,IAfA,EAAM,SAAS,GAAM,MAAU;EAC7B,IAAI,OAAO,EAAK,MAAO,YAAY,EAAK,GAAG,MAAM,KAAK,IACpD,MAAM,EAAoB,sBAAsB,SAAS,IAAQ;EAGnE,IAAI,EAAK,IAAI,EAAK,GAAG,EACnB,MAAM,EACJ,sBACA,iBAAiB,EAAK,GAAG,GAC1B;EAEH,EAAK,IAAI,EAAK,GAAG;GACjB,EAEW,EAAM,EAAM,SAAS,IACxB,cAAc,IACtB,MAAM,EAAoB,0BAA0B;CAGtD,OAAO"}
+{"version":3,"file":"assertValidBreadcrumb.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.ts"],"sourcesContent":["import type {\n  BackofficeTopbarBreadcrumbItem,\n  BreadcrumbContractErrorCode,\n} from './types.js';\n\nconst formatContractError = (\n  code: BreadcrumbContractErrorCode,\n  details?: string,\n): Error => {\n  if (details == null) {\n    return new Error(`Invalid breadcrumb contract: ${code}`);\n  }\n  return new Error(`Invalid breadcrumb contract: ${code} (${details})`);\n};\n\nconst getBreadcrumbItemId = (item: BackofficeTopbarBreadcrumbItem): string => {\n  const { target } = item as {\n    readonly target?: BackofficeTopbarBreadcrumbItem['target'];\n  };\n  if (target == null) {\n    return '';\n  }\n  if (target.kind === 'dashboard') {\n    return 'dashboard';\n  }\n  if (target.kind === 'entity-list') {\n    return `${target.entityId}-list`;\n  }\n  if (target.kind === 'entity-detail') {\n    return `${target.entityId}-entity-${target.id}`;\n  }\n  if (target.kind === 'entity-detail-page') {\n    return `${target.entityId}-page-${target.id}-${target.pageId}`;\n  }\n  if (target.kind === 'tool') {\n    return `tool-${target.toolId}`;\n  }\n  if (target.kind === 'hub') {\n    return `hub-${target.hubId}`;\n  }\n  return `href-${target.href}`;\n};\n\nexport const assertValidBreadcrumb = (\n  items: readonly BackofficeTopbarBreadcrumbItem[] | null | undefined,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  if (items == null) {\n    throw formatContractError('MISSING_BREADCRUMB');\n  }\n  if (items.length === 0) {\n    throw formatContractError('EMPTY_BREADCRUMB');\n  }\n\n  const seen = new Set<string>();\n  items.forEach((item, index) => {\n    const id = getBreadcrumbItemId(item);\n    if (id.trim() === '') {\n      throw formatContractError('INVALID_SEGMENT_ID', `index=${index}`);\n    }\n\n    if (seen.has(id)) {\n      throw formatContractError('INVALID_SEGMENT_ID', `duplicate id=\"${id}\"`);\n    }\n    seen.add(id);\n  });\n\n  const last = items[items.length - 1];\n  if (last?.kind !== 'current') {\n    throw formatContractError('MISSING_CURRENT_SEGMENT');\n  }\n\n  return items;\n};\n"],"mappings":";AAKA,IAAM,KACJ,GACA,MAGa,MADT,KAAW,OACI,gCAAgC,MAElC,gCAAgC,EAAK,IAAI,EAAQ,GAFR,EAKtD,KAAuB,MAAiD;CAC5E,IAAM,EAAE,cAAW;CAwBnB,OArBI,KAAU,OACL,KAEL,EAAO,SAAS,cACX,cAEL,EAAO,SAAS,gBACX,GAAG,EAAO,SAAS,SAExB,EAAO,SAAS,kBACX,GAAG,EAAO,SAAS,UAAU,EAAO,OAEzC,EAAO,SAAS,uBACX,GAAG,EAAO,SAAS,QAAQ,EAAO,GAAG,GAAG,EAAO,WAEpD,EAAO,SAAS,SACX,QAAQ,EAAO,WAEpB,EAAO,SAAS,QACX,OAAO,EAAO,UAEhB,QAAQ,EAAO;GAGX,KACX,MAC8C;CAC9C,IAAI,KAAS,MACX,MAAM,EAAoB,qBAAqB;CAEjD,IAAI,EAAM,WAAW,GACnB,MAAM,EAAoB,mBAAmB;CAG/C,IAAM,oBAAO,IAAI,KAAa;CAc9B,IAbA,EAAM,SAAS,GAAM,MAAU;EAC7B,IAAM,IAAK,EAAoB,EAAK;EACpC,IAAI,EAAG,MAAM,KAAK,IAChB,MAAM,EAAoB,sBAAsB,SAAS,IAAQ;EAGnE,IAAI,EAAK,IAAI,EAAG,EACd,MAAM,EAAoB,sBAAsB,iBAAiB,EAAG,GAAG;EAEzE,EAAK,IAAI,EAAG;GACZ,EAEW,EAAM,EAAM,SAAS,IACxB,SAAS,WACjB,MAAM,EAAoB,0BAA0B;CAGtD,OAAO"}

package/lib/esm/components/backoffice/layout/breadcrumb/buildBreadcrumbs.js

@@ -7,17 +7,23 @@ var e = (e, t) => e(t), t = (t) => {
 	let i = t.layoutView.id;
 	return typeof i == "string" && i.trim() !== "" ? i : "";
 }, n = (e) => [{
-	id: "dashboard",
-	label: e("dashboard.title"),
-	isCurrent: !0
+	kind: "current",
+	target: { kind: "dashboard" },
+	label: e("sidebar.items.dashboard")
 }], r = (e) => [{
-	id: `hub-${e.id}`,
-	label: e.title,
-	isCurrent: !0
+	kind: "current",
+	target: {
+		kind: "hub",
+		hubId: e.id
+	},
+	label: e.title
 }], i = (t, n) => [{
-	id: `${t.id}-list`,
-	label: e(t.label, n),
-	isCurrent: !0
+	kind: "current",
+	target: {
+		kind: "entity-list",
+		entityId: t.id
+	},
+	label: e(t.label, n)
 }], a = (n) => {
 	let r = e(n.config.label, n.tApp), i = t({
 		layoutView: n.layoutView,
@@ -26,26 +32,47 @@ var e = (e, t) => e(t), t = (t) => {
 	});
 	return [
 		{
-			id: `${n.config.id}-list`,
-			label: r,
-			to: n.config.routes.list
+			kind: "link",
+			target: {
+				kind: "entity-list",
+				entityId: n.config.id
+			},
+			label: r
 		},
 		{
-			id: `${n.config.id}-entity-${n.entityId}`,
-			label: i,
-			to: n.config.routes.detail(n.entityId)
+			kind: "link",
+			target: {
+				kind: "entity-detail",
+				entityId: n.config.id,
+				id: n.entityId
+			},
+			label: i
 		},
 		{
-			id: `${n.config.id}-page-${n.pageLabel}`,
-			label: n.pageLabel,
-			isCurrent: !0
+			kind: "current",
+			target: {
+				kind: "entity-detail-page",
+				entityId: n.config.id,
+				id: n.entityId,
+				pageId: n.pageId ?? n.pageLabel
+			},
+			label: n.pageLabel
 		}
 	];
-}, o = (e) => [{
-	id: `tool-${e.title}`,
-	label: e.title,
-	isCurrent: !0
-}];
+}, o = (e) => {
+	let t = {
+		kind: "href",
+		href: `/tools/${e.title}`
+	};
+	return e.id != null && (t = {
+		kind: "tool",
+		toolId: e.id
+	}), [{
+		kind: "current",
+		target: t,
+		label: e.title
+	}];
+};
 //#endregion
 export { n as buildDashboardBreadcrumb, a as buildEntityDetailBreadcrumb, i as buildEntityListBreadcrumb, r as buildHubBreadcrumb, o as buildToolBreadcrumb, t as resolveEntityTitleFromDetailHeader };
 

package/lib/esm/components/backoffice/layout/breadcrumb/buildBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildBreadcrumbs.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/buildBreadcrumbs.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeResolvedDetailLayoutFacetConfig,\n  BackofficeResolvedDetailPageFacetConfig,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveEntityTitleFromDetailHeader = <\n  LayoutView extends object,\n>(input: {\n  layoutView: LayoutView;\n  detailHeader: BackofficeResolvedDetailLayoutFacetConfig['header'];\n  tApp: TFunction;\n}): string => {\n  const titleValue = input.detailHeader.titleValue?.(\n    input.layoutView,\n    input.tApp,\n  );\n  if (typeof titleValue === 'string' && titleValue.trim() !== '') {\n    return titleValue;\n  }\n\n  const title = resolveLabel(input.detailHeader.title, input.tApp);\n  if (title.trim() !== '') {\n    return title;\n  }\n\n  const maybeId = (input.layoutView as { id?: unknown }).id;\n  if (typeof maybeId === 'string' && maybeId.trim() !== '') {\n    return maybeId;\n  }\n\n  return '';\n};\n\nexport const buildDashboardBreadcrumb = (\n  t: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      id: 'dashboard',\n      label: t('dashboard.title'),\n      isCurrent: true,\n    },\n  ];\n};\n\nexport const buildHubBreadcrumb = (input: {\n  id: string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      id: `hub-${input.id}`,\n      label: input.title,\n      isCurrent: true,\n    },\n  ];\n};\n\nexport const buildEntityListBreadcrumb = (\n  config: BackofficeRuntimeResolvedListFacetConfig,\n  tApp: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      id: `${config.id}-list`,\n      label: resolveLabel(config.label, tApp),\n      isCurrent: true,\n    },\n  ];\n};\n\nexport const buildEntityDetailBreadcrumb = (input: {\n  config:\n    | BackofficeResolvedDetailLayoutFacetConfig\n    | BackofficeResolvedDetailPageFacetConfig;\n  tApp: TFunction;\n  entityId: string;\n  layoutView: unknown;\n  pageLabel: string;\n}): readonly BackofficeTopbarBreadcrumbItem[] => {\n  const listLabel = resolveLabel(input.config.label, input.tApp);\n  const entityTitle = resolveEntityTitleFromDetailHeader({\n    layoutView: input.layoutView as object,\n    detailHeader: input.config.header,\n    tApp: input.tApp,\n  });\n\n  return [\n    {\n      id: `${input.config.id}-list`,\n      label: listLabel,\n      to: input.config.routes.list,\n    },\n    {\n      id: `${input.config.id}-entity-${input.entityId}`,\n      label: entityTitle,\n      to: input.config.routes.detail(input.entityId),\n    },\n    {\n      id: `${input.config.id}-page-${input.pageLabel}`,\n      label: input.pageLabel,\n      isCurrent: true,\n    },\n  ];\n};\n\nexport const buildToolBreadcrumb = (input: {\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      id: `tool-${input.title}`,\n      label: input.title,\n      isCurrent: true,\n    },\n  ];\n};\n"],"mappings":";AAWA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KAEX,MAIY;CACZ,IAAM,IAAa,EAAM,aAAa,aACpC,EAAM,YACN,EAAM,KACP;CACD,IAAI,OAAO,KAAe,YAAY,EAAW,MAAM,KAAK,IAC1D,OAAO;CAGT,IAAM,IAAQ,EAAa,EAAM,aAAa,OAAO,EAAM,KAAK;CAChE,IAAI,EAAM,MAAM,KAAK,IACnB,OAAO;CAGT,IAAM,IAAW,EAAM,WAAgC;CAKvD,OAJI,OAAO,KAAY,YAAY,EAAQ,MAAM,KAAK,KAC7C,IAGF;GAGI,KACX,MAEO,CACL;CACE,IAAI;CACJ,OAAO,EAAE,kBAAkB;CAC3B,WAAW;CACZ,CACF,EAGU,KAAsB,MAI1B,CACL;CACE,IAAI,OAAO,EAAM;CACjB,OAAO,EAAM;CACb,WAAW;CACZ,CACF,EAGU,KACX,GACA,MAEO,CACL;CACE,IAAI,GAAG,EAAO,GAAG;CACjB,OAAO,EAAa,EAAO,OAAO,EAAK;CACvC,WAAW;CACZ,CACF,EAGU,KAA+B,MAQK;CAC/C,IAAM,IAAY,EAAa,EAAM,OAAO,OAAO,EAAM,KAAK,EACxD,IAAc,EAAmC;EACrD,YAAY,EAAM;EAClB,cAAc,EAAM,OAAO;EAC3B,MAAM,EAAM;EACb,CAAC;CAEF,OAAO;EACL;GACE,IAAI,GAAG,EAAM,OAAO,GAAG;GACvB,OAAO;GACP,IAAI,EAAM,OAAO,OAAO;GACzB;EACD;GACE,IAAI,GAAG,EAAM,OAAO,GAAG,UAAU,EAAM;GACvC,OAAO;GACP,IAAI,EAAM,OAAO,OAAO,OAAO,EAAM,SAAS;GAC/C;EACD;GACE,IAAI,GAAG,EAAM,OAAO,GAAG,QAAQ,EAAM;GACrC,OAAO,EAAM;GACb,WAAW;GACZ;EACF;GAGU,KAAuB,MAG3B,CACL;CACE,IAAI,QAAQ,EAAM;CAClB,OAAO,EAAM;CACb,WAAW;CACZ,CACF"}
+{"version":3,"file":"buildBreadcrumbs.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/buildBreadcrumbs.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  BackofficeManifestDetailEntityId,\n  BackofficeManifestListEntityId,\n  BackofficeManifestToolId,\n  BackofficeResolvedDetailLayoutFacetConfig,\n  BackofficeResolvedDetailPageFacetConfig,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveEntityTitleFromDetailHeader = <\n  LayoutView extends object,\n>(input: {\n  layoutView: LayoutView;\n  detailHeader: BackofficeResolvedDetailLayoutFacetConfig['header'];\n  tApp: TFunction;\n}): string => {\n  const titleValue = input.detailHeader.titleValue?.(\n    input.layoutView,\n    input.tApp,\n  );\n  if (typeof titleValue === 'string' && titleValue.trim() !== '') {\n    return titleValue;\n  }\n\n  const title = resolveLabel(input.detailHeader.title, input.tApp);\n  if (title.trim() !== '') {\n    return title;\n  }\n\n  const maybeId = (input.layoutView as { id?: unknown }).id;\n  if (typeof maybeId === 'string' && maybeId.trim() !== '') {\n    return maybeId;\n  }\n\n  return '';\n};\n\nexport const buildDashboardBreadcrumb = (\n  t: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'dashboard' },\n      label: t('sidebar.items.dashboard'),\n    },\n  ];\n};\n\nexport const buildHubBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id: string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  return [\n    {\n      kind: 'current',\n      target: { kind: 'hub', hubId: input.id },\n      label: input.title,\n    },\n  ];\n};\n\nexport const buildEntityListBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(\n  config: BackofficeRuntimeResolvedListFacetConfig,\n  tApp: TFunction,\n): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  return [\n    {\n      kind: 'current',\n      target: {\n        kind: 'entity-list',\n        entityId: config.id as BackofficeManifestListEntityId<TManifest>,\n      },\n      label: resolveLabel(config.label, tApp),\n    },\n  ];\n};\n\nexport const buildEntityDetailBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  config:\n    | BackofficeResolvedDetailLayoutFacetConfig\n    | BackofficeResolvedDetailPageFacetConfig;\n  tApp: TFunction;\n  entityId: string;\n  layoutView: unknown;\n  pageLabel: string;\n  pageId?: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  const listLabel = resolveLabel(input.config.label, input.tApp);\n  const entityTitle = resolveEntityTitleFromDetailHeader({\n    layoutView: input.layoutView as object,\n    detailHeader: input.config.header,\n    tApp: input.tApp,\n  });\n\n  return [\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-list',\n        entityId: input.config.id as BackofficeManifestListEntityId<TManifest>,\n      },\n      label: listLabel,\n    },\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-detail',\n        entityId: input.config\n          .id as BackofficeManifestDetailEntityId<TManifest>,\n        id: input.entityId,\n      },\n      label: entityTitle,\n    },\n    {\n      kind: 'current',\n      target: {\n        kind: 'entity-detail-page',\n        entityId: input.config\n          .id as BackofficeManifestDetailEntityId<TManifest>,\n        id: input.entityId,\n        pageId: input.pageId ?? input.pageLabel,\n      } as never,\n      label: input.pageLabel,\n    },\n  ];\n};\n\nexport const buildToolBreadcrumb = <\n  TManifest extends BackofficeEntityManifestMap = BackofficeEntityManifestMap,\n>(input: {\n  id?: BackofficeManifestToolId<TManifest> | string;\n  title: string;\n}): readonly BackofficeTopbarBreadcrumbItem<TManifest>[] => {\n  let target: BackofficeTopbarBreadcrumbItem<TManifest>['target'] = {\n    kind: 'href',\n    href: `/tools/${input.title}`,\n  };\n  if (input.id != null) {\n    target = {\n      kind: 'tool',\n      toolId: input.id as BackofficeManifestToolId<TManifest>,\n    };\n  }\n  return [\n    {\n      kind: 'current',\n      target,\n      label: input.title,\n    },\n  ];\n};\n"],"mappings":";AAeA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KAEX,MAIY;CACZ,IAAM,IAAa,EAAM,aAAa,aACpC,EAAM,YACN,EAAM,KACP;CACD,IAAI,OAAO,KAAe,YAAY,EAAW,MAAM,KAAK,IAC1D,OAAO;CAGT,IAAM,IAAQ,EAAa,EAAM,aAAa,OAAO,EAAM,KAAK;CAChE,IAAI,EAAM,MAAM,KAAK,IACnB,OAAO;CAGT,IAAM,IAAW,EAAM,WAAgC;CAKvD,OAJI,OAAO,KAAY,YAAY,EAAQ,MAAM,KAAK,KAC7C,IAGF;GAGI,KACX,MAEO,CACL;CACE,MAAM;CACN,QAAQ,EAAE,MAAM,aAAa;CAC7B,OAAO,EAAE,0BAA0B;CACpC,CACF,EAGU,KAEX,MAIO,CACL;CACE,MAAM;CACN,QAAQ;EAAE,MAAM;EAAO,OAAO,EAAM;EAAI;CACxC,OAAO,EAAM;CACd,CACF,EAGU,KAGX,GACA,MAEO,CACL;CACE,MAAM;CACN,QAAQ;EACN,MAAM;EACN,UAAU,EAAO;EAClB;CACD,OAAO,EAAa,EAAO,OAAO,EAAK;CACxC,CACF,EAGU,KAEX,MAS0D;CAC1D,IAAM,IAAY,EAAa,EAAM,OAAO,OAAO,EAAM,KAAK,EACxD,IAAc,EAAmC;EACrD,YAAY,EAAM;EAClB,cAAc,EAAM,OAAO;EAC3B,MAAM,EAAM;EACb,CAAC;CAEF,OAAO;EACL;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OAAO;IACxB;GACD,OAAO;GACR;EACD;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OACb;IACH,IAAI,EAAM;IACX;GACD,OAAO;GACR;EACD;GACE,MAAM;GACN,QAAQ;IACN,MAAM;IACN,UAAU,EAAM,OACb;IACH,IAAI,EAAM;IACV,QAAQ,EAAM,UAAU,EAAM;IAC/B;GACD,OAAO,EAAM;GACd;EACF;GAGU,KAEX,MAG0D;CAC1D,IAAI,IAA8D;EAChE,MAAM;EACN,MAAM,UAAU,EAAM;EACvB;CAOD,OANI,EAAM,MAAM,SACd,IAAS;EACP,MAAM;EACN,QAAQ,EAAM;EACf,GAEI,CACL;EACE,MAAM;EACN;EACA,OAAO,EAAM;EACd,CACF"}