@plumile/backoffice-react 0.1.105 → 0.1.106

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

@@ -0,0 +1,69 @@
+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";
+//#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, {
+		width: 16,
+		height: 16,
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ d("span", {
+		className: r,
+		children: _
+	})] });
+	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", {
+					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,
+					className: "_80s44h2 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k",
+					"aria-label": _,
+					title: _,
+					children: x
+				})]
+			}), 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", {
+					className: i,
+					children: [/* @__PURE__ */ d("span", {
+						className: c,
+						"aria-hidden": "true",
+						children: "/"
+					}), s]
+				}, r);
+			})]
+		})
+	});
+};
+//#endregion
+export { m as BackofficeTopbarBreadcrumb, m as default };
+
+//# sourceMappingURL=BackofficeTopbarBreadcrumb.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,12 @@
+import { useBackofficeTopbarPortalContext as e } from "./BackofficeTopbarPortalContext.js";
+import { createPortal as t } from "react-dom";
+//#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortal.tsx
+var n = ({ children: n }) => {
+	let { target: r } = e();
+	if (r == null) throw Error("Backoffice topbar target is missing. Ensure BackofficeLayoutPage provides a topbar breadcrumb mount target before rendering right-side pages.");
+	return t(n, r);
+};
+//#endregion
+export { n as BackofficeTopbarPortal, n as default };
+
+//# sourceMappingURL=BackofficeTopbarPortal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeTopbarPortal.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeTopbarPortal.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useBackofficeTopbarPortalContext } from './BackofficeTopbarPortalContext.js';\n\nexport type BackofficeTopbarPortalProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeTopbarPortal = ({\n  children,\n}: BackofficeTopbarPortalProps): JSX.Element | null => {\n  const { target } = useBackofficeTopbarPortalContext();\n  if (target == null) {\n    throw new Error(\n      'Backoffice topbar target is missing. Ensure BackofficeLayoutPage provides a topbar breadcrumb mount target before rendering right-side pages.',\n    );\n  }\n  return createPortal(children, target);\n};\n\nexport default BackofficeTopbarPortal;\n"],"mappings":";;;AASA,IAAa,KAA0B,EACrC,kBACqD;CACrD,IAAM,EAAE,cAAW,GAAkC;CACrD,IAAI,KAAU,MACZ,MAAU,MACR,gJACD;CAEH,OAAO,EAAa,GAAU,EAAO"}

package/lib/esm/{BackofficeTopbarPortalContext-Da5XFatM.js → components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js}

@@ -6,6 +6,6 @@ var n = e(null), r = n.Provider, i = () => {
 	return e;
 };
 //#endregion
-export { i as n, r as t };
+export { r as BackofficeTopbarPortalContextProvider, i as useBackofficeTopbarPortalContext };
 
-//# sourceMappingURL=BackofficeTopbarPortalContext-Da5XFatM.js.map
+//# sourceMappingURL=BackofficeTopbarPortalContext.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+//#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;
+};
+//#endregion
+export { t as assertValidBreadcrumb };
+
+//# sourceMappingURL=assertValidBreadcrumb.js.map

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

@@ -0,0 +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"}

package/lib/esm/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.js

@@ -0,0 +1,7 @@
+/* empty css                                          */
+//#region src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts
+var e = "txvbqb9jg txvbqbcp", t = "_80s44h0 txvbqb9jg txvbqbcp txvbqbao7", n = "txvbqb9jg txvbqbcp txvbqbao7", r = "txvbqbva1 txvbqb8y txvbqbfb7", i = "_80s44h2 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k", a = "_80s44h3 _80s44h1 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbva1 txvbqb77 txvbqb6x txvbqb7k txvbqbv45 txvbqbv9z", o = "_80s44h4", s = "_80s44h5 txvbqbva1 txvbqb8y txvbqbfb7", c = "txvbqbv9z txvbqb8y txvbqbfb7 txvbqbamp";
+//#endregion
+export { c as current, a as homeCurrent, o as homeLabel, i as homeLink, n as item, s as link, t as list, e as nav, r as separator };
+
+//# sourceMappingURL=backofficeTopbarBreadcrumb.css.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeTopbarBreadcrumb.css.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts"],"sourcesContent":["import { sprinkles, vars } from '@plumile/ui';\nimport { style } from '@vanilla-extract/css';\n\nconst INLINE_FLEX = 'inline-flex' as const;\n\nexport const nav = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n});\n\nexport const list = style([\n  sprinkles({\n    display: INLINE_FLEX,\n    alignItems: 'center',\n    gap: 2,\n  }),\n  {\n    margin: 0,\n    padding: 0,\n    listStyle: 'none',\n  },\n]);\n\nexport const item = sprinkles({\n  display: INLINE_FLEX,\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const separator = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n});\n\nconst homeBase = style([\n  sprinkles({\n    display: INLINE_FLEX,\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    borderRadius: 'md',\n    color: 'textSecondary',\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    textDecoration: 'none',\n  },\n]);\n\nexport const homeLink = style([\n  homeBase,\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n        color: vars.colors.text,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const homeCurrent = style([\n  homeBase,\n  sprinkles({\n    backgroundColor: 'surfaceMuted',\n    color: 'text',\n  }),\n]);\n\nexport const homeLabel = style({\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0, 0, 0, 0)',\n  whiteSpace: 'nowrap',\n  border: 0,\n});\n\nexport const link = style([\n  sprinkles({\n    color: 'textSecondary',\n    fontSize: 'sm',\n    lineHeight: 'normal',\n  }),\n  {\n    textDecoration: 'none',\n    selectors: {\n      '&:hover': {\n        textDecoration: 'underline',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const current = sprinkles({\n  color: 'text',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n  fontWeight: 'semibold',\n});\n"],"mappings":""}

package/lib/esm/{buildBreadcrumbs-C5St167Y.js → components/backoffice/layout/breadcrumb/buildBreadcrumbs.js}

@@ -41,8 +41,12 @@ var e = (e, t) => e(t), t = (t) => {
 			isCurrent: !0
 		}
 	];
-};
+}, o = (e) => [{
+	id: `tool-${e.title}`,
+	label: e.title,
+	isCurrent: !0
+}];
 //#endregion
-export { r as i, a as n, i as r, n as t };
+export { n as buildDashboardBreadcrumb, a as buildEntityDetailBreadcrumb, i as buildEntityListBreadcrumb, r as buildHubBreadcrumb, o as buildToolBreadcrumb, t as resolveEntityTitleFromDetailHeader };
 
-//# sourceMappingURL=buildBreadcrumbs-C5St167Y.js.map
+//# sourceMappingURL=buildBreadcrumbs.js.map

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

@@ -0,0 +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"}

package/lib/esm/components/backoffice/layout/buildSidebarSections.js

@@ -0,0 +1,301 @@
+import { actionButton as e } from "./backofficeSidebarActions.css.js";
+import { buildEntityGroupLookup as t, isActivePath as n, resolveGroupItems as r, resolveHubEntityIds as i, resolveLabel as a, resolveSidebarGroups as o, resolveSidebarHub as s } from "./sidebarUtils.js";
+import { BackofficeSidebarHistorySvg as c, GripDotsSvg as l, PinFilledSvg as u, PinSvg as d, SidebarHomeSvg as f, SidebarTasksSvg as p } from "@plumile/ui";
+import { jsx as m } from "react/jsx-runtime";
+//#region src/components/backoffice/layout/buildSidebarSections.tsx
+var h = (e, t, n = 18) => e == null ? t ?? null : /* @__PURE__ */ m(e, {
+	width: n,
+	height: n,
+	"aria-hidden": "true"
+});
+function g(g) {
+	let { basePath: _, pathname: v, entities: y, sidebar: b, permissions: x, searchQuery: S, tApp: C, t: w, pinnedEntityIds: T = [], recentItems: E = [], onTogglePin: D, onReorderPin: O, collapsedByGroupId: k, onGroupCollapsedChange: A, sidebarCollapsed: j = !1 } = g, M = o(y, b), N = Object.entries(M), P = new Set(T), F = w("sidebar.actions.pin"), I = w("sidebar.actions.unpin"), L = w("sidebar.actions.reorder"), R = t(M, b), z = S?.trim().toLowerCase() ?? "", B = (e) => z === "" || e.toLowerCase().includes(z), V = (t) => {
+		if (D == null) return null;
+		let n = P.has(t), r = F, i = d;
+		return n && (r = I, i = u), /* @__PURE__ */ m("button", {
+			type: "button",
+			className: e,
+			"aria-pressed": n,
+			"aria-label": r,
+			title: r,
+			onClick: (e) => {
+				e.preventDefault(), e.stopPropagation(), D(t);
+			},
+			children: /* @__PURE__ */ m(i, {
+				width: 14,
+				height: 14,
+				"aria-hidden": "true"
+			})
+		});
+	}, H = (e) => {
+		if (b?.isItemVisible?.({
+			kind: "dashboard",
+			id: "dashboard"
+		}, x) === !1) return null;
+		let t = w("sidebar.items.dashboard");
+		return B(t) ? {
+			id: "dashboard",
+			data: {
+				kind: "dashboard",
+				id: "dashboard",
+				groupId: e
+			},
+			label: t,
+			href: _,
+			icon: h(void 0, /* @__PURE__ */ m(f, {
+				width: 18,
+				height: 18,
+				"aria-hidden": "true"
+			})),
+			isActive: n(v, _),
+			ariaLabel: t
+		} : null;
+	}, U = (e) => {
+		let { entityId: t, groupId: r, groupIcon: i, itemIcon: o, itemLabel: s, enableReorder: c } = e, u = y[t];
+		if (u == null) return null;
+		let d = {
+			kind: "entity",
+			id: t
+		};
+		if (u.kind === "tool" && (d = {
+			kind: "tool",
+			id: t
+		}), b?.isItemVisible?.(d, x) === !1) return null;
+		if (u.kind === "tool") {
+			let e = s ?? a(u.label, C);
+			return z !== "" && !e.toLowerCase().includes(z) ? null : {
+				id: `tool-${t}`,
+				data: {
+					kind: "tool",
+					id: t,
+					groupId: r
+				},
+				label: e,
+				href: u.routes.list,
+				icon: h(o ?? i, /* @__PURE__ */ m(p, {
+					width: 18,
+					height: 18,
+					"aria-hidden": "true"
+				})),
+				isActive: n(v, u.routes.list),
+				ariaLabel: e,
+				actionSlot: V(t)
+			};
+		}
+		if (!u.hasList) return null;
+		let f = s ?? a(u.label, C);
+		if (z !== "" && !f.toLowerCase().includes(z)) return null;
+		let g, _, S, w, T = !1;
+		c === !0 && O != null && (T = !0, g = /* @__PURE__ */ m(l, {
+			width: 14,
+			height: 14,
+			"aria-hidden": "true"
+		}), _ = (e) => {
+			let { dataTransfer: n } = e;
+			n.effectAllowed = "move", n.setData("text/plain", t);
+		}, S = (e) => {
+			e.preventDefault();
+			let { dataTransfer: t } = e;
+			t.dropEffect = "move";
+		}, w = (e) => {
+			e.preventDefault();
+			let n = e.dataTransfer.getData("text/plain");
+			n === "" || n === t || O(n, t);
+		});
+		let E;
+		return g != null && (E = L), {
+			id: t,
+			data: {
+				kind: "entity",
+				id: t,
+				groupId: r
+			},
+			label: f,
+			href: u.routes.list,
+			icon: h(o ?? i, /* @__PURE__ */ m(p, {
+				width: 18,
+				height: 18,
+				"aria-hidden": "true"
+			})),
+			isActive: n(v, u.routes.list),
+			ariaLabel: f,
+			actionSlot: V(t),
+			dragHandleSlot: g,
+			dragHandleLabel: E,
+			draggable: T,
+			onDragStart: _,
+			onDragOver: S,
+			onDrop: w
+		};
+	}, W = (e) => {
+		let { hub: t, groupId: r, icon: o } = e, s = {
+			kind: "hub",
+			id: t.id
+		};
+		if (b?.isItemVisible?.(s, x) === !1) return null;
+		let c = i(t), l = c.map((e) => y[e] ?? null).filter((e) => {
+			if (e == null) return !1;
+			let t = "entity";
+			e.kind === "tool" && (t = "tool");
+			let n = {
+				kind: t,
+				id: e.id
+			};
+			return !(b?.isItemVisible?.(n, x) === !1 || e.kind !== "tool" && !e.hasList);
+		});
+		if (c.length > 0 && l.length === 0) return null;
+		let u = a(t.title, C), d = B(u), f = l.some((e) => B(a(e.label, C)));
+		if (!d && !f) return null;
+		let g = n(v, t.href) || l.some((e) => n(v, e.routes.list));
+		return {
+			id: `hub-${t.id}`,
+			data: {
+				kind: "hub",
+				id: t.id,
+				groupId: r
+			},
+			label: u,
+			href: t.href,
+			icon: h(o, /* @__PURE__ */ m(p, {
+				width: 18,
+				height: 18,
+				"aria-hidden": "true"
+			})),
+			isActive: g,
+			ariaLabel: u
+		};
+	}, G = [], K = b?.primaryItems ?? [];
+	if (K.length > 0) {
+		let e = K.map((e) => {
+			if (e.kind === "dashboard") return H();
+			if (e.kind === "hub") return W({
+				hub: s(e, b),
+				icon: e.icon
+			});
+			let t;
+			return e.label != null && (t = a(e.label, C)), U({
+				entityId: e.id,
+				itemIcon: e.icon,
+				itemLabel: t
+			});
+		}).filter((e) => e != null);
+		e.length > 0 && G.push({
+			id: "primary",
+			items: e,
+			collapsible: !1
+		});
+	}
+	if (T.length > 0) {
+		let e = T.map((e) => {
+			let t = R.get(e);
+			return U({
+				entityId: e,
+				groupId: t?.groupId,
+				groupIcon: t?.groupIcon,
+				itemIcon: t?.itemIcon,
+				enableReorder: !0
+			});
+		}).filter((e) => e != null);
+		e.length > 0 && G.push({
+			id: "pinned",
+			title: w("sidebar.sections.pinned"),
+			icon: h(void 0, /* @__PURE__ */ m(d, {
+				width: 16,
+				height: 16,
+				"aria-hidden": "true"
+			})),
+			items: e,
+			collapsible: !1
+		});
+	}
+	if (E.length > 0) {
+		let e = E.map((e) => {
+			if (y[e.id] == null) return null;
+			let t = {
+				kind: e.kind,
+				id: e.id
+			};
+			if (b?.isItemVisible?.(t, x) === !1 || z !== "" && !e.label.toLowerCase().includes(z)) return null;
+			let r = R.get(e.id);
+			return {
+				id: `recent-${e.kind}-${e.id}`,
+				data: {
+					kind: e.kind,
+					id: e.id,
+					groupId: r?.groupId
+				},
+				label: e.label,
+				href: e.href,
+				icon: h(r?.itemIcon ?? r?.groupIcon, /* @__PURE__ */ m(p, {
+					width: 18,
+					height: 18,
+					"aria-hidden": "true"
+				})),
+				isActive: n(v, e.href),
+				ariaLabel: e.label
+			};
+		}).filter((e) => e != null);
+		e.length > 0 && G.push({
+			id: "recent",
+			title: w("sidebar.sections.recent"),
+			icon: h(void 0, /* @__PURE__ */ m(c, {
+				width: 16,
+				height: 16,
+				"aria-hidden": "true"
+			})),
+			items: e,
+			collapsible: !1
+		});
+	}
+	return N.forEach(([e, t]) => {
+		if (t.isVisible != null && !t.isVisible(x)) return;
+		let n = [], i = r(t);
+		i.length > 0 && i.forEach((r) => {
+			if (r.kind === "dashboard") {
+				let t = H(e);
+				t != null && n.push(t);
+				return;
+			}
+			if (r.kind === "hub") {
+				let i = W({
+					hub: s(r, b),
+					groupId: e,
+					icon: r.icon ?? t.icon
+				});
+				i != null && n.push(i);
+				return;
+			}
+			let i;
+			r.label != null && (i = a(r.label, C));
+			let o = U({
+				entityId: r.id,
+				groupId: e,
+				groupIcon: t.icon,
+				itemIcon: r.icon,
+				itemLabel: i
+			});
+			o != null && n.push(o);
+		});
+		let o = n;
+		if (j && t.behavior?.showInCollapsedRail !== !0 && (o = n.filter((e) => e.id === "dashboard" || e.isActive === !0)), o.length === 0) return;
+		let c;
+		t.title != null && (c = a(t.title, C));
+		let l = k?.[e], u;
+		A != null && (u = (t) => {
+			A(e, t);
+		}), G.push({
+			id: e,
+			title: c,
+			icon: h(t.icon, void 0, 16),
+			items: o,
+			collapsible: t.behavior?.collapsible ?? !0,
+			defaultCollapsed: t.behavior?.defaultCollapsed ?? !0,
+			isCollapsed: l,
+			onCollapsedChange: u
+		});
+	}), G;
+}
+//#endregion
+export { g as buildSidebarSections };
+
+//# sourceMappingURL=buildSidebarSections.js.map

package/lib/esm/components/backoffice/layout/buildSidebarSections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildSidebarSections.js","names":[],"sources":["../../../../../src/components/backoffice/layout/buildSidebarSections.tsx"],"sourcesContent":["import { type DragEvent, type ReactNode } from 'react';\nimport type { TFunction } from 'i18next';\n\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeSidebarItemDescriptor,\n  BackofficeIconComponent,\n  BackofficeSidebarRecentItem,\n} from '../../../provider/types.js';\nimport {\n  type AdminSidebarSection,\n  type SidebarNavSectionItem,\n  GripDotsSvg,\n  PinFilledSvg,\n  PinSvg,\n  BackofficeSidebarHistorySvg,\n  SidebarHomeSvg,\n  SidebarTasksSvg,\n} from '@plumile/ui';\nimport type { SidebarGroupCollapseState } from '../../../hooks/useSidebarGroupCollapse.js';\nimport * as styles from './backofficeSidebarActions.css.js';\nimport {\n  buildEntityGroupLookup,\n  isActivePath,\n  resolveLabel,\n  resolveGroupItems,\n  resolveHubEntityIds,\n  resolveSidebarHub,\n  resolveSidebarGroups,\n} from './sidebarUtils.js';\n\nconst renderIcon = (\n  Icon?: BackofficeIconComponent,\n  fallback?: ReactNode,\n  size = 18,\n): ReactNode => {\n  if (Icon != null) {\n    return <Icon width={size} height={size} aria-hidden=\"true\" />;\n  }\n  return fallback ?? null;\n};\n\nexport type BuildSidebarSectionsInput = {\n  basePath: string;\n  pathname: string;\n  entities: BackofficeEntityManifestMap;\n  sidebar?: BackofficeSidebarConfig;\n  permissions: unknown;\n  searchQuery?: string;\n  tApp: TFunction;\n  t: TFunction;\n  pinnedEntityIds?: readonly string[];\n  recentItems?: readonly BackofficeSidebarRecentItem[];\n  onTogglePin?: (entityId: string) => void;\n  onReorderPin?: (fromId: string, toId: string) => void;\n  collapsedByGroupId?: SidebarGroupCollapseState;\n  onGroupCollapsedChange?: (groupId: string, collapsed: boolean) => void;\n  sidebarCollapsed?: boolean;\n};\n\n/**\n * Builds the sidebar sections for the backoffice layout.\n */\nexport function buildSidebarSections(\n  input: BuildSidebarSectionsInput,\n): readonly AdminSidebarSection[] {\n  const {\n    basePath,\n    pathname,\n    entities,\n    sidebar,\n    permissions,\n    searchQuery,\n    tApp,\n    t,\n    pinnedEntityIds = [],\n    recentItems = [],\n    onTogglePin,\n    onReorderPin,\n    collapsedByGroupId,\n    onGroupCollapsedChange,\n    sidebarCollapsed = false,\n  } = input;\n\n  const groups = resolveSidebarGroups(entities, sidebar);\n  const entries = Object.entries(groups);\n  const pinnedSet = new Set(pinnedEntityIds);\n  const pinLabel = t('sidebar.actions.pin');\n  const unpinLabel = t('sidebar.actions.unpin');\n  const reorderLabel = t('sidebar.actions.reorder');\n  const entityGroupLookup = buildEntityGroupLookup(groups, sidebar);\n  const normalizedQuery = searchQuery?.trim().toLowerCase() ?? '';\n\n  const labelMatchesQuery = (label: string): boolean => {\n    return (\n      normalizedQuery === '' || label.toLowerCase().includes(normalizedQuery)\n    );\n  };\n\n  const renderPinAction = (entityId: string): ReactNode | null => {\n    if (onTogglePin == null) {\n      return null;\n    }\n    const isPinned = pinnedSet.has(entityId);\n    let label = pinLabel;\n    let Icon = PinSvg;\n    if (isPinned) {\n      label = unpinLabel;\n      Icon = PinFilledSvg;\n    }\n\n    return (\n      <button\n        type=\"button\"\n        className={styles.actionButton}\n        aria-pressed={isPinned}\n        aria-label={label}\n        title={label}\n        onClick={(event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          onTogglePin(entityId);\n        }}\n      >\n        <Icon width={14} height={14} aria-hidden=\"true\" />\n      </button>\n    );\n  };\n\n  const buildDashboardItem = (\n    groupId?: string,\n  ): SidebarNavSectionItem | null => {\n    const dashboardDescriptor: BackofficeSidebarItemDescriptor = {\n      kind: 'dashboard',\n      id: 'dashboard',\n    };\n    const isDashboardVisible = sidebar?.isItemVisible?.(\n      dashboardDescriptor,\n      permissions,\n    );\n    if (isDashboardVisible === false) {\n      return null;\n    }\n\n    const label = t('sidebar.items.dashboard');\n    if (!labelMatchesQuery(label)) {\n      return null;\n    }\n\n    return {\n      id: 'dashboard',\n      data: {\n        kind: 'dashboard',\n        id: 'dashboard',\n        groupId,\n      },\n      label,\n      href: basePath,\n      icon: renderIcon(\n        undefined,\n        <SidebarHomeSvg width={18} height={18} aria-hidden=\"true\" />,\n      ),\n      isActive: isActivePath(pathname, basePath),\n      ariaLabel: label,\n    };\n  };\n\n  const buildEntityItem = (inputItem: {\n    entityId: string;\n    groupId?: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n    itemLabel?: string;\n    enableReorder?: boolean;\n  }): SidebarNavSectionItem | null => {\n    const { entityId, groupId, groupIcon, itemIcon, itemLabel, enableReorder } =\n      inputItem;\n    const config = entities[entityId];\n    if (config == null) {\n      return null;\n    }\n\n    let descriptor: BackofficeSidebarItemDescriptor = {\n      kind: 'entity',\n      id: entityId,\n    };\n    if (config.kind === 'tool') {\n      descriptor = { kind: 'tool', id: entityId };\n    }\n    const isEntityVisible = sidebar?.isItemVisible?.(descriptor, permissions);\n    if (isEntityVisible === false) {\n      return null;\n    }\n\n    if (config.kind === 'tool') {\n      const label = itemLabel ?? resolveLabel(config.label, tApp);\n      if (\n        normalizedQuery !== '' &&\n        !label.toLowerCase().includes(normalizedQuery)\n      ) {\n        return null;\n      }\n      return {\n        id: `tool-${entityId}`,\n        data: {\n          kind: 'tool',\n          id: entityId,\n          groupId,\n        },\n        label,\n        href: config.routes.list,\n        icon: renderIcon(\n          itemIcon ?? groupIcon,\n          <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n        ),\n        isActive: isActivePath(pathname, config.routes.list),\n        ariaLabel: label,\n        actionSlot: renderPinAction(entityId),\n      };\n    }\n\n    if (!config.hasList) {\n      return null;\n    }\n\n    const label = itemLabel ?? resolveLabel(config.label, tApp);\n    if (\n      normalizedQuery !== '' &&\n      !label.toLowerCase().includes(normalizedQuery)\n    ) {\n      return null;\n    }\n\n    let dragHandleSlot: ReactNode | undefined;\n    let onDragStart: ((event: DragEvent) => void) | undefined;\n    let onDragOver: ((event: DragEvent) => void) | undefined;\n    let onDrop: ((event: DragEvent) => void) | undefined;\n    let draggable = false;\n\n    if (enableReorder === true && onReorderPin != null) {\n      draggable = true;\n      dragHandleSlot = (\n        <GripDotsSvg width={14} height={14} aria-hidden=\"true\" />\n      );\n      onDragStart = (event) => {\n        const { dataTransfer } = event;\n        dataTransfer.effectAllowed = 'move';\n        dataTransfer.setData('text/plain', entityId);\n      };\n      onDragOver = (event) => {\n        event.preventDefault();\n        const { dataTransfer } = event;\n        dataTransfer.dropEffect = 'move';\n      };\n      onDrop = (event) => {\n        event.preventDefault();\n        const fromId = event.dataTransfer.getData('text/plain');\n        if (fromId === '' || fromId === entityId) {\n          return;\n        }\n        onReorderPin(fromId, entityId);\n      };\n    }\n\n    let dragHandleLabel: string | undefined;\n    if (dragHandleSlot != null) {\n      dragHandleLabel = reorderLabel;\n    }\n\n    return {\n      id: entityId,\n      data: {\n        kind: 'entity',\n        id: entityId,\n        groupId,\n      },\n      label,\n      href: config.routes.list,\n      icon: renderIcon(\n        itemIcon ?? groupIcon,\n        <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n      ),\n      isActive: isActivePath(pathname, config.routes.list),\n      ariaLabel: label,\n      actionSlot: renderPinAction(entityId),\n      dragHandleSlot,\n      dragHandleLabel,\n      draggable,\n      onDragStart,\n      onDragOver,\n      onDrop,\n    };\n  };\n\n  const buildHubItem = (inputItem: {\n    hub: ReturnType<typeof resolveSidebarHub>;\n    groupId?: string;\n    icon?: BackofficeIconComponent;\n  }): SidebarNavSectionItem | null => {\n    const { hub, groupId, icon } = inputItem;\n    const descriptor: BackofficeSidebarItemDescriptor = {\n      kind: 'hub',\n      id: hub.id,\n    };\n    const isVisible = sidebar?.isItemVisible?.(descriptor, permissions);\n    if (isVisible === false) {\n      return null;\n    }\n    const childEntityIds = resolveHubEntityIds(hub);\n    const visibleChildConfigs = childEntityIds\n      .map((entityId) => {\n        return entities[entityId] ?? null;\n      })\n      .filter((config): config is BackofficeEntityManifestMap[string] => {\n        if (config == null) {\n          return false;\n        }\n        let childKind: BackofficeSidebarItemDescriptor['kind'] = 'entity';\n        if (config.kind === 'tool') {\n          childKind = 'tool';\n        }\n        const childDescriptor: BackofficeSidebarItemDescriptor = {\n          kind: childKind,\n          id: config.id,\n        };\n        const isChildVisible = sidebar?.isItemVisible?.(\n          childDescriptor,\n          permissions,\n        );\n        if (isChildVisible === false) {\n          return false;\n        }\n        if (config.kind !== 'tool' && !config.hasList) {\n          return false;\n        }\n        return true;\n      });\n    if (childEntityIds.length > 0 && visibleChildConfigs.length === 0) {\n      return null;\n    }\n    const label = resolveLabel(hub.title, tApp);\n    const matchesHub = labelMatchesQuery(label);\n    const matchesChild = visibleChildConfigs.some((config) => {\n      return labelMatchesQuery(resolveLabel(config.label, tApp));\n    });\n    if (!matchesHub && !matchesChild) {\n      return null;\n    }\n    const isActive =\n      isActivePath(pathname, hub.href) ||\n      visibleChildConfigs.some((config) => {\n        return isActivePath(pathname, config.routes.list);\n      });\n    return {\n      id: `hub-${hub.id}`,\n      data: {\n        kind: 'hub',\n        id: hub.id,\n        groupId,\n      },\n      label,\n      href: hub.href,\n      icon: renderIcon(\n        icon,\n        <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n      ),\n      isActive,\n      ariaLabel: label,\n    };\n  };\n\n  const sections: AdminSidebarSection[] = [];\n\n  const primaryItems = sidebar?.primaryItems ?? [];\n  if (primaryItems.length > 0) {\n    const primarySectionItems = primaryItems\n      .map((primaryItem): SidebarNavSectionItem | null => {\n        if (primaryItem.kind === 'dashboard') {\n          return buildDashboardItem();\n        }\n        if (primaryItem.kind === 'hub') {\n          const hub = resolveSidebarHub(primaryItem, sidebar);\n          return buildHubItem({\n            hub,\n            icon: primaryItem.icon,\n          });\n        }\n        let itemLabel: string | undefined;\n        if (primaryItem.label != null) {\n          itemLabel = resolveLabel(primaryItem.label, tApp);\n        }\n        return buildEntityItem({\n          entityId: primaryItem.id,\n          itemIcon: primaryItem.icon,\n          itemLabel,\n        });\n      })\n      .filter((item): item is SidebarNavSectionItem => {\n        return item != null;\n      });\n\n    if (primarySectionItems.length > 0) {\n      sections.push({\n        id: 'primary',\n        items: primarySectionItems,\n        collapsible: false,\n      });\n    }\n  }\n\n  if (pinnedEntityIds.length > 0) {\n    const pinnedItems = pinnedEntityIds\n      .map((entityId) => {\n        const groupMeta = entityGroupLookup.get(entityId);\n        return buildEntityItem({\n          entityId,\n          groupId: groupMeta?.groupId,\n          groupIcon: groupMeta?.groupIcon,\n          itemIcon: groupMeta?.itemIcon,\n          enableReorder: true,\n        });\n      })\n      .filter((item): item is SidebarNavSectionItem => {\n        return item != null;\n      });\n\n    if (pinnedItems.length > 0) {\n      sections.push({\n        id: 'pinned',\n        title: t('sidebar.sections.pinned'),\n        icon: renderIcon(\n          undefined,\n          <PinSvg width={16} height={16} aria-hidden=\"true\" />,\n        ),\n        items: pinnedItems,\n        collapsible: false,\n      });\n    }\n  }\n\n  if (recentItems.length > 0) {\n    const recentSectionItems = recentItems\n      .map((recentItem): SidebarNavSectionItem | null => {\n        const config = entities[recentItem.id];\n        if (config == null) {\n          return null;\n        }\n        const descriptor: BackofficeSidebarItemDescriptor = {\n          kind: recentItem.kind,\n          id: recentItem.id,\n        };\n        const isVisible = sidebar?.isItemVisible?.(descriptor, permissions);\n        if (isVisible === false) {\n          return null;\n        }\n        if (\n          normalizedQuery !== '' &&\n          !recentItem.label.toLowerCase().includes(normalizedQuery)\n        ) {\n          return null;\n        }\n        const groupMeta = entityGroupLookup.get(recentItem.id);\n        return {\n          id: `recent-${recentItem.kind}-${recentItem.id}`,\n          data: {\n            kind: recentItem.kind,\n            id: recentItem.id,\n            groupId: groupMeta?.groupId,\n          },\n          label: recentItem.label,\n          href: recentItem.href,\n          icon: renderIcon(\n            groupMeta?.itemIcon ?? groupMeta?.groupIcon,\n            <SidebarTasksSvg width={18} height={18} aria-hidden=\"true\" />,\n          ),\n          isActive: isActivePath(pathname, recentItem.href),\n          ariaLabel: recentItem.label,\n        } satisfies SidebarNavSectionItem;\n      })\n      .filter((item): item is SidebarNavSectionItem => {\n        return item != null;\n      });\n\n    if (recentSectionItems.length > 0) {\n      sections.push({\n        id: 'recent',\n        title: t('sidebar.sections.recent'),\n        icon: renderIcon(\n          undefined,\n          <BackofficeSidebarHistorySvg\n            width={16}\n            height={16}\n            aria-hidden=\"true\"\n          />,\n        ),\n        items: recentSectionItems,\n        collapsible: false,\n      });\n    }\n  }\n\n  entries.forEach(([groupId, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n\n    const items: SidebarNavSectionItem[] = [];\n\n    const groupItems = resolveGroupItems(group);\n    if (groupItems.length > 0) {\n      groupItems.forEach((groupItem) => {\n        if (groupItem.kind === 'dashboard') {\n          const item = buildDashboardItem(groupId);\n          if (item != null) {\n            items.push(item);\n          }\n          return;\n        }\n        if (groupItem.kind === 'hub') {\n          const hub = resolveSidebarHub(groupItem, sidebar);\n          const item = buildHubItem({\n            hub,\n            groupId,\n            icon: groupItem.icon ?? group.icon,\n          });\n          if (item != null) {\n            items.push(item);\n          }\n          return;\n        }\n        let itemLabel: string | undefined;\n        if (groupItem.label != null) {\n          itemLabel = resolveLabel(groupItem.label, tApp);\n        }\n        const item = buildEntityItem({\n          entityId: groupItem.id,\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: groupItem.icon,\n          itemLabel,\n        });\n        if (item != null) {\n          items.push(item);\n        }\n      });\n    }\n\n    let sectionItems: SidebarNavSectionItem[] = items;\n    if (sidebarCollapsed && group.behavior?.showInCollapsedRail !== true) {\n      sectionItems = items.filter((item) => {\n        return item.id === 'dashboard' || item.isActive === true;\n      });\n    }\n\n    if (sectionItems.length === 0) {\n      return;\n    }\n\n    let title: string | undefined;\n    if (group.title != null) {\n      title = resolveLabel(group.title, tApp);\n    }\n\n    const isCollapsed = collapsedByGroupId?.[groupId];\n    let onCollapsedChange: ((collapsed: boolean) => void) | undefined;\n    if (onGroupCollapsedChange != null) {\n      onCollapsedChange = (collapsed: boolean) => {\n        onGroupCollapsedChange(groupId, collapsed);\n      };\n    }\n\n    sections.push({\n      id: groupId,\n      title,\n      icon: renderIcon(group.icon, undefined, 16),\n      items: sectionItems,\n      collapsible: group.behavior?.collapsible ?? true,\n      defaultCollapsed: group.behavior?.defaultCollapsed ?? true,\n      isCollapsed,\n      onCollapsedChange,\n    });\n  });\n\n  return sections;\n}\n"],"mappings":"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"}

package/lib/esm/components/backoffice/layout/mapViewerToSidebarProfileView.js

@@ -0,0 +1,18 @@
+//#region src/components/backoffice/layout/mapViewerToSidebarProfileView.ts
+var e = (e) => e?.trim() ?? "", t = ({ viewer: t, unknownUserLabel: n }) => {
+	let r = [e(t?.firstName), e(t?.lastName)].filter((e) => e !== "").join(" ").trim();
+	r === "" && (r = n);
+	let i = e(t?.email), a = e(t?.initials);
+	a === "" && (a = "?");
+	let o = [r];
+	return i !== "" && o.push(i), {
+		displayName: r,
+		email: i,
+		initials: a,
+		ariaLabel: o.join(" - ")
+	};
+};
+//#endregion
+export { t as default, t as mapViewerToSidebarProfileView };
+
+//# sourceMappingURL=mapViewerToSidebarProfileView.js.map

package/lib/esm/components/backoffice/layout/mapViewerToSidebarProfileView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapViewerToSidebarProfileView.js","names":[],"sources":["../../../../../src/components/backoffice/layout/mapViewerToSidebarProfileView.ts"],"sourcesContent":["import type { BackofficeSidebarProfileViewer } from '@plumile/ui';\n\nexport type BackofficeViewerIdentity = {\n  id: string;\n  firstName: string;\n  lastName: string;\n  email: string;\n  initials: string;\n};\n\ntype MapViewerToSidebarProfileViewInput = {\n  viewer: BackofficeViewerIdentity | null | undefined;\n  unknownUserLabel: string;\n};\n\nconst sanitizeToken = (value: string | null | undefined): string => {\n  return value?.trim() ?? '';\n};\n\nexport const mapViewerToSidebarProfileView = ({\n  viewer,\n  unknownUserLabel,\n}: MapViewerToSidebarProfileViewInput): BackofficeSidebarProfileViewer => {\n  const firstName = sanitizeToken(viewer?.firstName);\n  const lastName = sanitizeToken(viewer?.lastName);\n  const joinedDisplayName = [firstName, lastName]\n    .filter((token) => {\n      return token !== '';\n    })\n    .join(' ')\n    .trim();\n  let displayName = joinedDisplayName;\n  if (displayName === '') {\n    displayName = unknownUserLabel;\n  }\n\n  const email = sanitizeToken(viewer?.email);\n  const initialsToken = sanitizeToken(viewer?.initials);\n  let initials = initialsToken;\n  if (initials === '') {\n    initials = '?';\n  }\n\n  const ariaParts = [displayName];\n  if (email !== '') {\n    ariaParts.push(email);\n  }\n\n  return {\n    displayName,\n    email,\n    initials,\n    ariaLabel: ariaParts.join(' - '),\n  };\n};\n\nexport default mapViewerToSidebarProfileView;\n"],"mappings":";AAeA,IAAM,KAAiB,MACd,GAAO,MAAM,IAAI,IAGb,KAAiC,EAC5C,WACA,0BACwE;CASxE,IAAI,IANsB,CAFR,EAAc,GAAQ,UAEb,EADV,EAAc,GAAQ,SACD,CAAS,CAC5C,QAAQ,MACA,MAAU,GACjB,CACD,KAAK,IAAI,CACT,MACe;CAClB,AAAI,MAAgB,OAClB,IAAc;CAGhB,IAAM,IAAQ,EAAc,GAAQ,MAAM,EAEtC,IADkB,EAAc,GAAQ,SAC7B;CACf,AAAI,MAAa,OACf,IAAW;CAGb,IAAM,IAAY,CAAC,EAAY;CAK/B,OAJI,MAAU,MACZ,EAAU,KAAK,EAAM,EAGhB;EACL;EACA;EACA;EACA,WAAW,EAAU,KAAK,MAAM;EACjC"}