@plumile/backoffice-react 0.1.104 → 0.1.106

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

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

@@ -0,0 +1,98 @@
+//#region src/components/backoffice/layout/sidebarUtils.ts
+var e = (e, t) => e(t), t = (e, t) => !!(e === t || t !== "/" && e.startsWith(`${t}/`)), n = (e) => ({ main: { entities: Object.keys(e) } }), r = (e, t) => t?.groups ?? n(e), i = (e) => e.kind === "dashboard" ? {
+	kind: "dashboard",
+	id: e.id ?? "dashboard"
+} : {
+	kind: e.kind,
+	id: e.id
+}, a = (e) => e.items == null ? e.entities?.map((e) => ({
+	kind: "entity",
+	id: e
+})) ?? [] : e.items, o = (e, t) => {
+	let n = t?.hubs?.[e.id];
+	return {
+		...n,
+		...e,
+		groups: e.groups ?? n?.groups ?? []
+	};
+}, s = (e) => {
+	let t = [], n = /* @__PURE__ */ new Set();
+	return e.groups.forEach((e) => {
+		e.items.forEach((e) => {
+			n.has(e.id) || (n.add(e.id), t.push(e.id));
+		});
+	}), t;
+}, c = (e, t) => {
+	let n = [], r = /* @__PURE__ */ new Set();
+	return Object.entries(e).forEach(([e, i]) => {
+		a(i).forEach((a) => {
+			a.kind !== "hub" || r.has(a.id) || (r.add(a.id), n.push({
+				groupId: e,
+				hub: o(a, t),
+				icon: a.icon ?? i.icon
+			}));
+		});
+	}), Object.values(t?.hubs ?? {}).forEach((e) => {
+		r.has(e.id) || (r.add(e.id), n.push({
+			groupId: null,
+			hub: o(e, t),
+			icon: e.icon
+		}));
+	}), n;
+}, l = (e, t) => a(e).flatMap((e) => e.kind === "entity" || e.kind === "tool" ? [e.id] : e.kind === "hub" ? s(o(e, t)) : []), u = (e, t) => {
+	let n = /* @__PURE__ */ new Map();
+	return Object.entries(e).forEach(([e, r]) => {
+		a(r).forEach((i) => {
+			if (i.kind !== "dashboard") {
+				if (i.kind === "hub") {
+					let a = o(i, t);
+					s(a).forEach((t) => {
+						n.has(t) || n.set(t, {
+							groupId: e,
+							groupIcon: r.icon,
+							itemIcon: i.icon ?? a.icon
+						});
+					});
+					return;
+				}
+				n.has(i.id) || n.set(i.id, {
+					groupId: e,
+					groupIcon: r.icon,
+					itemIcon: i.icon
+				});
+			}
+		});
+	}), n;
+}, d = (e, t, n, r) => {
+	let i = t[e];
+	if (i == null) return !1;
+	let a = {
+		kind: "entity",
+		id: e
+	};
+	return i.kind === "tool" && (a = {
+		kind: "tool",
+		id: e
+	}), n?.isItemVisible == null ? i.kind === "tool" ? !0 : i.hasList : n.isItemVisible(a, r);
+}, f = (e, t, n, r) => {
+	let i = [], a = /* @__PURE__ */ new Set();
+	return Object.entries(e).forEach(([, e]) => {
+		e.isVisible != null && !e.isVisible(r) || l(e, n).forEach((e) => {
+			a.has(e) || d(e, t, n, r) && (a.add(e), i.push(e));
+		});
+	}), i;
+}, p = (e, n) => {
+	let r = Object.entries(n);
+	for (let [n, i] of r) if (i.kind === "tool") {
+		if (t(e, i.routes.list)) return n;
+	} else if (i.hasList && t(e, i.routes.list)) return n;
+	return null;
+}, m = (e, t, n, r, i) => {
+	if (t == null || !d(t, n, r, i)) return null;
+	for (let [n, a] of Object.entries(e)) if ((a.isVisible == null || a.isVisible(i)) && l(a, r).includes(t)) return n;
+	return null;
+};
+//#endregion
+export { n as buildDefaultGroups, u as buildEntityGroupLookup, t as isActivePath, p as resolveActiveEntityId, m as resolveActiveGroupId, l as resolveGroupEntityIds, a as resolveGroupItems, s as resolveHubEntityIds, i as resolveItemDescriptor, e as resolveLabel, r as resolveSidebarGroups, o as resolveSidebarHub, c as resolveSidebarHubEntries, f as resolveVisibleEntityIds };
+
+//# sourceMappingURL=sidebarUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebarUtils.js","names":[],"sources":["../../../../../src/components/backoffice/layout/sidebarUtils.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type {\n  BackofficeSidebarConfig,\n  BackofficeIconComponent,\n  BackofficeSidebarGroupConfig,\n  BackofficeSidebarItemDescriptor,\n  BackofficeSidebarItemConfig,\n  BackofficeSidebarHubConfig,\n  BackofficeResolvedSidebarHubConfig,\n} from '../../../provider/types.js';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const isActivePath = (pathname: string, href: string): boolean => {\n  if (pathname === href) {\n    return true;\n  }\n  if (href !== '/' && pathname.startsWith(`${href}/`)) {\n    return true;\n  }\n  return false;\n};\n\nexport const buildDefaultGroups = (\n  entities: BackofficeEntityManifestMap,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  const entityIds = Object.keys(entities);\n\n  return {\n    main: {\n      entities: entityIds,\n    },\n  };\n};\n\nexport const resolveSidebarGroups = (\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n): Record<string, BackofficeSidebarGroupConfig> => {\n  return sidebar?.groups ?? buildDefaultGroups(entities);\n};\n\nexport type EntityGroupLookup = Map<\n  string,\n  {\n    groupId: string;\n    groupIcon?: BackofficeIconComponent;\n    itemIcon?: BackofficeIconComponent;\n  }\n>;\n\nexport const resolveItemDescriptor = (\n  item: BackofficeSidebarItemConfig,\n): BackofficeSidebarItemDescriptor => {\n  if (item.kind === 'dashboard') {\n    return { kind: 'dashboard', id: item.id ?? 'dashboard' };\n  }\n  return { kind: item.kind, id: item.id };\n};\n\nexport const resolveGroupItems = (\n  group: BackofficeSidebarGroupConfig,\n): readonly BackofficeSidebarItemConfig[] => {\n  if (group.items != null) {\n    return group.items;\n  }\n  return (\n    group.entities?.map((entityId) => {\n      return { kind: 'entity', id: entityId } as const;\n    }) ?? []\n  );\n};\n\nexport const resolveSidebarHub = (\n  item: BackofficeSidebarHubConfig,\n  sidebar: BackofficeSidebarConfig | undefined,\n): BackofficeResolvedSidebarHubConfig => {\n  const registeredHub = sidebar?.hubs?.[item.id];\n  return {\n    ...registeredHub,\n    ...item,\n    groups: item.groups ?? registeredHub?.groups ?? [],\n  };\n};\n\nexport const resolveHubEntityIds = (\n  hub: BackofficeResolvedSidebarHubConfig,\n): readonly string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n  hub.groups.forEach((group) => {\n    group.items.forEach((item) => {\n      if (seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push(item.id);\n    });\n  });\n  return output;\n};\n\nexport type ResolvedSidebarHubEntry = {\n  groupId: string | null;\n  hub: BackofficeResolvedSidebarHubConfig;\n  icon?: BackofficeIconComponent;\n};\n\nexport const resolveSidebarHubEntries = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar: BackofficeSidebarConfig | undefined,\n): readonly ResolvedSidebarHubEntry[] => {\n  const output: ResolvedSidebarHubEntry[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind !== 'hub' || seen.has(item.id)) {\n        return;\n      }\n      seen.add(item.id);\n      output.push({\n        groupId,\n        hub: resolveSidebarHub(item, sidebar),\n        icon: item.icon ?? group.icon,\n      });\n    });\n  });\n\n  Object.values(sidebar?.hubs ?? {}).forEach((hub) => {\n    if (seen.has(hub.id)) {\n      return;\n    }\n    seen.add(hub.id);\n    output.push({\n      groupId: null,\n      hub: resolveSidebarHub(hub, sidebar),\n      icon: hub.icon,\n    });\n  });\n\n  return output;\n};\n\nexport const resolveGroupEntityIds = (\n  group: BackofficeSidebarGroupConfig,\n  sidebar?: BackofficeSidebarConfig,\n): readonly string[] => {\n  return resolveGroupItems(group).flatMap((item) => {\n    if (item.kind === 'entity' || item.kind === 'tool') {\n      return [item.id];\n    }\n    if (item.kind === 'hub') {\n      return resolveHubEntityIds(resolveSidebarHub(item, sidebar));\n    }\n    return [];\n  });\n};\n\nexport const buildEntityGroupLookup = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  sidebar?: BackofficeSidebarConfig,\n): EntityGroupLookup => {\n  const lookup: EntityGroupLookup = new Map();\n\n  Object.entries(groups).forEach(([groupId, group]) => {\n    resolveGroupItems(group).forEach((item) => {\n      if (item.kind === 'dashboard') {\n        return;\n      }\n\n      if (item.kind === 'hub') {\n        const hub = resolveSidebarHub(item, sidebar);\n        resolveHubEntityIds(hub).forEach((entityId) => {\n          if (!lookup.has(entityId)) {\n            lookup.set(entityId, {\n              groupId,\n              groupIcon: group.icon,\n              itemIcon: item.icon ?? hub.icon,\n            });\n          }\n        });\n        return;\n      }\n\n      if (!lookup.has(item.id)) {\n        lookup.set(item.id, {\n          groupId,\n          groupIcon: group.icon,\n          itemIcon: item.icon,\n        });\n      }\n    });\n  });\n\n  return lookup;\n};\n\nconst isEntityVisible = (\n  entityId: string,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): boolean => {\n  const config = entities[entityId];\n  if (config == null) {\n    return false;\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\n  if (sidebar?.isItemVisible != null) {\n    return sidebar.isItemVisible(descriptor, permissions);\n  }\n\n  if (config.kind === 'tool') {\n    return true;\n  }\n  return config.hasList;\n};\n\nexport const resolveVisibleEntityIds = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string[] => {\n  const output: string[] = [];\n  const seen = new Set<string>();\n\n  Object.entries(groups).forEach(([, group]) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n    resolveGroupEntityIds(group, sidebar).forEach((entityId) => {\n      if (seen.has(entityId)) {\n        return;\n      }\n      if (!isEntityVisible(entityId, entities, sidebar, permissions)) {\n        return;\n      }\n      seen.add(entityId);\n      output.push(entityId);\n    });\n  });\n\n  return output;\n};\n\nexport const resolveActiveEntityId = (\n  pathname: string,\n  entities: BackofficeEntityManifestMap,\n): string | null => {\n  const entries = Object.entries(entities);\n  for (const [entityId, config] of entries) {\n    if (config.kind === 'tool') {\n      if (isActivePath(pathname, config.routes.list)) {\n        return entityId;\n      }\n    } else if (config.hasList && isActivePath(pathname, config.routes.list)) {\n      return entityId;\n    }\n  }\n  return null;\n};\n\nexport const resolveActiveGroupId = (\n  groups: Record<string, BackofficeSidebarGroupConfig>,\n  activeEntityId: string | null,\n  entities: BackofficeEntityManifestMap,\n  sidebar: BackofficeSidebarConfig | undefined,\n  permissions: unknown,\n): string | null => {\n  if (activeEntityId == null) {\n    return null;\n  }\n\n  if (!isEntityVisible(activeEntityId, entities, sidebar, permissions)) {\n    return null;\n  }\n\n  for (const [groupId, group] of Object.entries(groups)) {\n    const isVisible = group.isVisible == null || group.isVisible(permissions);\n    if (\n      isVisible &&\n      resolveGroupEntityIds(group, sidebar).includes(activeEntityId)\n    ) {\n      return groupId;\n    }\n  }\n\n  return null;\n};\n"],"mappings":"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"}

package/lib/esm/components/backoffice/list/RowFlagsCell.css.js

@@ -0,0 +1,7 @@
+/* empty css                            */
+//#region src/components/backoffice/list/RowFlagsCell.css.ts
+var e = "wy96wu0", t = "wy96wu1", n = "wy96wu2";
+//#endregion
+export { t as container, n as flag, e as rowFlagsColumnCell };
+
+//# sourceMappingURL=RowFlagsCell.css.js.map

package/lib/esm/components/backoffice/list/RowFlagsCell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowFlagsCell.css.js","names":[],"sources":["../../../../../src/components/backoffice/list/RowFlagsCell.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nexport const rowFlagsColumnCell = style({\n  justifyContent: 'center',\n  padding: '0 4px',\n});\n\nexport const container = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 6,\n  width: '100%',\n});\n\nexport const flag = style({\n  display: 'grid',\n  placeItems: 'center',\n  width: 24,\n  height: 24,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/list/RowFlagsCell.js

@@ -0,0 +1,37 @@
+import { container as e, flag as t } from "./RowFlagsCell.css.js";
+import { useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/backoffice/list/RowFlagsCell.tsx
+var i = ({ row: i, flags: a, tApp: o }) => {
+	let s = n(() => {
+		let e = [];
+		for (let t of a) {
+			let n = t.render(i);
+			n != null && n !== "" && n !== !1 && e.push({
+				id: t.id,
+				node: n,
+				label: t.label(i)(o)
+			});
+		}
+		return e;
+	}, [
+		a,
+		i,
+		o
+	]), c = s.map((e) => e.label.trim()).filter((e) => e !== "").join(", "), l;
+	return c !== "" && (l = c), /* @__PURE__ */ r("div", {
+		className: e,
+		"aria-label": l,
+		children: s.map((e) => /* @__PURE__ */ r("span", {
+			className: t,
+			title: e.label,
+			role: "img",
+			"aria-label": e.label,
+			children: e.node
+		}, e.id))
+	});
+};
+//#endregion
+export { i as RowFlagsCell };
+
+//# sourceMappingURL=RowFlagsCell.js.map

package/lib/esm/components/backoffice/list/RowFlagsCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowFlagsCell.js","names":[],"sources":["../../../../../src/components/backoffice/list/RowFlagsCell.tsx"],"sourcesContent":["import { useMemo, type JSX, type ReactNode } from 'react';\nimport type { TFunction } from 'i18next';\n\nimport type { BackofficeRowFlagSpec } from '@plumile/backoffice-core/types.js';\n\nimport * as styles from './RowFlagsCell.css.js';\n\nexport type RowFlagsCellProps<Row> = {\n  row: Row;\n  flags: readonly BackofficeRowFlagSpec<Row>[];\n  tApp: TFunction;\n};\n\n/**\n * Renders row-level flags (icons) in a dedicated compact column.\n */\nexport const RowFlagsCell = <Row,>({\n  row,\n  flags,\n  tApp,\n}: RowFlagsCellProps<Row>): JSX.Element => {\n  const resolved = useMemo(() => {\n    const out: { id: string; node: ReactNode; label: string }[] = [];\n    for (const flag of flags) {\n      const node = flag.render(row) as ReactNode;\n      if (node != null && node !== '' && node !== false) {\n        out.push({ id: flag.id, node, label: flag.label(row)(tApp) });\n      }\n    }\n    return out;\n  }, [flags, row, tApp]);\n\n  const ariaLabel = resolved\n    .map((entry) => {\n      return entry.label.trim();\n    })\n    .filter((label) => {\n      return label !== '';\n    })\n    .join(', ');\n\n  let ariaLabelProp: string | undefined;\n  if (ariaLabel !== '') {\n    ariaLabelProp = ariaLabel;\n  }\n\n  return (\n    <div className={styles.container} aria-label={ariaLabelProp}>\n      {resolved.map((entry) => {\n        return (\n          <span\n            key={entry.id}\n            className={styles.flag}\n            title={entry.label}\n            role=\"img\"\n            aria-label={entry.label}\n          >\n            {entry.node}\n          </span>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAgBA,IAAa,KAAsB,EACjC,QACA,UACA,cACyC;CACzC,IAAM,IAAW,QAAc;EAC7B,IAAM,IAAwD,EAAE;EAChE,KAAK,IAAM,KAAQ,GAAO;GACxB,IAAM,IAAO,EAAK,OAAO,EAAI;GAC7B,AAAI,KAAQ,QAAQ,MAAS,MAAM,MAAS,MAC1C,EAAI,KAAK;IAAE,IAAI,EAAK;IAAI;IAAM,OAAO,EAAK,MAAM,EAAI,CAAC,EAAK;IAAE,CAAC;;EAGjE,OAAO;IACN;EAAC;EAAO;EAAK;EAAK,CAAC,EAEhB,IAAY,EACf,KAAK,MACG,EAAM,MAAM,MAAM,CACzB,CACD,QAAQ,MACA,MAAU,GACjB,CACD,KAAK,KAAK,EAET;CAKJ,OAJI,MAAc,OAChB,IAAgB,IAIhB,kBAAC,OAAD;EAAK,WAAW;EAAkB,cAAY;YAC3C,EAAS,KAAK,MAEX,kBAAC,QAAD;GAEE,WAAW;GACX,OAAO,EAAM;GACb,MAAK;GACL,cAAY,EAAM;aAEjB,EAAM;GACF,EAPA,EAAM,GAON,CAET;EACE,CAAA"}

package/lib/esm/components/backoffice/lists/BackofficeListToolbar.js

@@ -0,0 +1,33 @@
+import { container as e, density as t, responsiveMode as n } from "./backofficeListToolbar.css.js";
+import { cx as r } from "@plumile/ui";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/backoffice/lists/BackofficeListToolbar.tsx
+var o = ({ activeFilters: o, className: s, density: c = "compact", filterDrawerTrigger: l, primaryFilters: u, responsiveMode: d = "auto", sortControl: f, utilityActions: p }) => {
+	let m = u != null || l != null, h = f != null || p != null, g = m || h, _ = o != null;
+	return !g && !_ ? null : /* @__PURE__ */ a("div", {
+		className: r(e, t[c], n[d], s),
+		children: [g && /* @__PURE__ */ a("div", {
+			className: "sqlyj42 txvbqb9iy txvbqbcp txvbqbao7 txvbqbu7g",
+			children: [m && /* @__PURE__ */ a("div", {
+				className: "sqlyj43 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbk5y",
+				children: [u, l]
+			}), h && /* @__PURE__ */ a("div", {
+				className: "sqlyj44 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7 txvbqbk5y",
+				children: [f != null && /* @__PURE__ */ i("div", {
+					className: "sqlyj45 txvbqb9ip txvbqbcp txvbqbk5y",
+					children: f
+				}), p != null && /* @__PURE__ */ i("div", {
+					className: "sqlyj46 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7",
+					children: p
+				})]
+			})]
+		}), _ && /* @__PURE__ */ i("div", {
+			className: "txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbp6g txvbqb4sg txvbqb1qg txvbqb2cg",
+			children: o
+		})]
+	});
+};
+//#endregion
+export { o as BackofficeListToolbar, o as default };
+
+//# sourceMappingURL=BackofficeListToolbar.js.map

package/lib/esm/components/backoffice/lists/BackofficeListToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeListToolbar.js","names":[],"sources":["../../../../../src/components/backoffice/lists/BackofficeListToolbar.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui';\n\nimport * as styles from './backofficeListToolbar.css.js';\n\nexport type BackofficeListToolbarDensity = 'compact' | 'default';\n\nexport type BackofficeListToolbarResponsiveMode = 'auto' | 'stacked';\n\nexport type BackofficeListToolbarProps = {\n  primaryFilters?: ReactNode;\n  filterDrawerTrigger?: ReactNode;\n  sortControl?: ReactNode;\n  utilityActions?: ReactNode;\n  activeFilters?: ReactNode;\n  density?: BackofficeListToolbarDensity;\n  responsiveMode?: BackofficeListToolbarResponsiveMode;\n  className?: string;\n};\n\nexport const BackofficeListToolbar = ({\n  activeFilters,\n  className,\n  density = 'compact',\n  filterDrawerTrigger,\n  primaryFilters,\n  responsiveMode = 'auto',\n  sortControl,\n  utilityActions,\n}: BackofficeListToolbarProps): JSX.Element | null => {\n  const hasFilters = primaryFilters != null || filterDrawerTrigger != null;\n  const hasRightControls = sortControl != null || utilityActions != null;\n  const hasMainRow = hasFilters || hasRightControls;\n  const hasActiveFilters = activeFilters != null;\n\n  if (!hasMainRow && !hasActiveFilters) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.container,\n        styles.density[density],\n        styles.responsiveMode[responsiveMode],\n        className,\n      )}\n    >\n      {hasMainRow && (\n        <div className={styles.mainRow}>\n          {hasFilters && (\n            <div className={styles.filtersGroup}>\n              {primaryFilters}\n              {filterDrawerTrigger}\n            </div>\n          )}\n          {hasRightControls && (\n            <div className={styles.rightGroup}>\n              {sortControl != null && (\n                <div className={styles.sortGroup}>{sortControl}</div>\n              )}\n              {utilityActions != null && (\n                <div className={styles.actionsGroup}>{utilityActions}</div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      {hasActiveFilters && (\n        <div className={styles.activeFiltersRow}>{activeFilters}</div>\n      )}\n    </div>\n  );\n};\n\nexport default BackofficeListToolbar;\n"],"mappings":";;;;AAqBA,IAAa,KAAyB,EACpC,kBACA,cACA,SAAA,IAAU,WACV,wBACA,mBACA,gBAAA,IAAiB,QACjB,gBACA,wBACoD;CACpD,IAAM,IAAa,KAAkB,QAAQ,KAAuB,MAC9D,IAAmB,KAAe,QAAQ,KAAkB,MAC5D,IAAa,KAAc,GAC3B,IAAmB,KAAiB;CAM1C,OAJI,CAAC,KAAc,CAAC,IACX,OAIP,kBAAC,OAAD;EACE,WAAW,EACT,GACA,EAAe,IACf,EAAsB,IACtB,EACD;YANH,CAQG,KACC,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,KACC,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,GACA,EACG;OAEP,KACC,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,KAAe,QACd,kBAAC,OAAD;KAAK,WAAW;eAAmB;KAAkB,CAAA,EAEtD,KAAkB,QACjB,kBAAC,OAAD;KAAK,WAAW;eAAsB;KAAqB,CAAA,CAEzD;MAEJ;MAEP,KACC,kBAAC,OAAD;GAAK,WAAW;aAA0B;GAAoB,CAAA,CAE5D"}

package/lib/esm/components/backoffice/lists/backofficeListToolbar.css.js

@@ -0,0 +1,13 @@
+/* empty css                                     */
+//#region src/components/backoffice/lists/backofficeListToolbar.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbao7 txvbqbu7g", t = {
+	compact: "txvbqbao7",
+	default: "txvbqbaog"
+}, n = {
+	auto: "sqlyj40",
+	stacked: "sqlyj41"
+}, r = "sqlyj42 txvbqb9iy txvbqbcp txvbqbao7 txvbqbu7g", i = "sqlyj43 txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbk5y", a = "sqlyj44 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7 txvbqbk5y", o = "sqlyj45 txvbqb9ip txvbqbcp txvbqbk5y", s = "sqlyj46 txvbqb9ip txvbqbcp txvbqbdp7 txvbqbajy txvbqbao7", c = "txvbqb9ip txvbqbcp txvbqbajy txvbqbao7 txvbqbp6g txvbqb4sg txvbqb1qg txvbqb2cg";
+//#endregion
+export { s as actionsGroup, c as activeFiltersRow, e as container, t as density, i as filtersGroup, r as mainRow, n as responsiveMode, a as rightGroup, o as sortGroup };
+
+//# sourceMappingURL=backofficeListToolbar.css.js.map

package/lib/esm/components/backoffice/lists/backofficeListToolbar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeListToolbar.css.js","names":[],"sources":["../../../../../src/components/backoffice/lists/backofficeListToolbar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\nconst TABLET_MEDIA_QUERY = 'screen and (max-width: 1023px)';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  width: 'full',\n});\n\nexport const density = {\n  compact: sprinkles({\n    gap: 2,\n  }),\n  default: sprinkles({\n    gap: 3,\n  }),\n};\n\nexport const responsiveMode = {\n  auto: style({}),\n  stacked: style({}),\n};\n\nexport const mainRow = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'center',\n    gap: 2,\n    width: 'full',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    selectors: {\n      [`${responsiveMode.stacked} &`]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const filtersGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    gap: 2,\n    minWidth: 0,\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const rightGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    flexWrap: 'wrap',\n    gap: 2,\n    minWidth: 0,\n  }),\n  {\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        justifyContent: 'flex-start',\n      },\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const sortGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    minWidth: 0,\n  }),\n  {\n    width: '11.5rem',\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const actionsGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    flexWrap: 'wrap',\n    gap: 2,\n  }),\n  {\n    '@media': {\n      [TABLET_MEDIA_QUERY]: {\n        justifyContent: 'flex-start',\n      },\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        width: '100%',\n      },\n    },\n  },\n]);\n\nexport const activeFiltersRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  flexWrap: 'wrap',\n  gap: 2,\n  paddingTop: 2,\n  borderTopWidth: 'px',\n  borderStyle: 'solid',\n  borderTopColor: 'borderSubtle',\n});\n"],"mappings":""}