@plumile/backoffice-react 0.1.72 → 0.1.74

package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                        */
-//#region src/components/backoffice/layout/backofficeSidebarActions.css.ts
-var e = "_1xws1b01 _1xws1b00 vncd899jf vncd89co vncd89dnx vncd89two vncd89c66 vncd891rf vncd8912f vncd891px vncd89l9f vncd89uzj vncd89v8r vncd89v vncd8978 vncd896x vncd897k";
-//#endregion
-export { e as actionButton };
-
-//# sourceMappingURL=backofficeSidebarActions.css.js.map

package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeSidebarActions.css.js","names":[],"sources":["../../../../../src/components/backoffice/layout/backofficeSidebarActions.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const actionButton = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 6,\n    height: 6,\n    borderRadius: 'md',\n    borderWidth: 0,\n    borderStyle: 'none',\n    padding: 0,\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\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['blue-500']}`,\n        outlineOffset: 2,\n      },\n    },\n  },\n]);\n"],"mappings":""}

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

@@ -1,10 +0,0 @@
-import { assertValidBreadcrumb as e } from "./assertValidBreadcrumb.js";
-import { BackofficeTopbarPortal as t } from "./BackofficeTopbarPortal.js";
-import { BackofficeTopbarBreadcrumb as n } from "./BackofficeTopbarBreadcrumb.js";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.tsx
-var o = ({ breadcrumb: o, children: s }) => /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, { children: /* @__PURE__ */ i(n, { items: e(o) }) }), /* @__PURE__ */ i(r, { children: s })] });
-//#endregion
-export { o as BackofficeRightPageLayout, o as default };
-
-//# sourceMappingURL=BackofficeRightPageLayout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeRightPageLayout.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { assertValidBreadcrumb } from './assertValidBreadcrumb.js';\nimport { BackofficeTopbarPortal } from './BackofficeTopbarPortal.js';\nimport { BackofficeTopbarBreadcrumb } from './BackofficeTopbarBreadcrumb.js';\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nexport type BackofficeRightPageLayoutProps = {\n  breadcrumb: readonly BackofficeTopbarBreadcrumbItem[];\n  children: ReactNode;\n};\n\nexport const BackofficeRightPageLayout = ({\n  breadcrumb,\n  children,\n}: BackofficeRightPageLayoutProps): JSX.Element => {\n  const items = assertValidBreadcrumb(breadcrumb);\n\n  return (\n    <>\n      <BackofficeTopbarPortal>\n        <BackofficeTopbarBreadcrumb items={items} />\n      </BackofficeTopbarPortal>\n      <>{children}</>\n    </>\n  );\n};\n\nexport default BackofficeRightPageLayout;\n"],"mappings":";;;;;AAYA,IAAa,KAA6B,EACxC,eACA,kBAKE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAmC,OAL3B,EAAsB,EAAW,EAKG,CAAA,EACrB,CAAA,EACzB,kBAAA,GAAA,EAAG,aAAY,CAAA,CACd,EAAA,CAAA"}

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

@@ -1,38 +0,0 @@
-import { current as e, item as t, link as n, list as r, nav as i } from "./backofficeTopbarBreadcrumb.css.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Link as s } from "@plumile/router";
-//#region src/components/backoffice/layout/breadcrumb/BackofficeTopbarBreadcrumb.tsx
-var c = ({ items: c }) => /* @__PURE__ */ a("nav", {
-	className: i,
-	"aria-label": "Breadcrumb",
-	children: /* @__PURE__ */ a("ol", {
-		className: r,
-		children: c.map((r, i) => {
-			let c = i === 0, l = r.isCurrent === !0, u = `${r.id}-${i}`, d = r.to != null && !l, f;
-			if (d) f = /* @__PURE__ */ a(s, {
-				to: r.to,
-				className: n,
-				children: r.label
-			});
-			else {
-				let t = n;
-				l && (t = e), f = /* @__PURE__ */ a("span", {
-					className: t,
-					children: r.label
-				});
-			}
-			return /* @__PURE__ */ o("li", {
-				className: t,
-				children: [!c && /* @__PURE__ */ a("span", {
-					className: "_80s44h4 vncd89v8r vncd898x vncd89fa6",
-					"aria-hidden": "true",
-					children: "/"
-				}), f]
-			}, u);
-		})
-	})
-});
-//#endregion
-export { c as BackofficeTopbarBreadcrumb, c as default };
-
-//# sourceMappingURL=BackofficeTopbarBreadcrumb.js.map

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

@@ -1 +0,0 @@
-{"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';\n\nimport type { BackofficeTopbarBreadcrumbItem } from './types.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  return (\n    <nav className={styles.nav} aria-label=\"Breadcrumb\">\n      <ol className={styles.list}>\n        {items.map((item, index) => {\n          const isFirst = index === 0;\n          const isCurrent = item.isCurrent === true;\n          const key = `${item.id}-${index}`;\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              {!isFirst && (\n                <span className={styles.separator} aria-hidden=\"true\">\n                  /\n                </span>\n              )}\n              {content}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default BackofficeTopbarBreadcrumb;\n"],"mappings":";;;;AAUA,IAAa,KAA8B,EACzC,eAGE,kBAAC,OAAD;CAAK,WAAW;CAAY,cAAW;WACrC,kBAAC,MAAD;EAAI,WAAW;YACZ,EAAM,KAAK,GAAM,MAAU;GAC1B,IAAM,IAAU,MAAU,GACpB,IAAY,EAAK,cAAc,IAC/B,IAAM,GAAG,EAAK,GAAG,GAAG,KACpB,IAAmB,EAAK,MAAM,QAAQ,CAAC,GACzC;AAEJ,OAAI,EACF,KACE,kBAAC,GAAD;IAAM,IAAI,EAAK;IAAI,WAAW;cAC3B,EAAK;IACD,CAAA;QAEJ;IACL,IAAI,IAAY;AAIhB,IAHI,MACF,IAAY,IAEd,IAAU,kBAAC,QAAD;KAAiB;eAAY,EAAK;KAAa,CAAA;;AAG3D,UACE,kBAAC,MAAD;IAAc,WAAW;cAAzB,CACG,CAAC,KACA,kBAAC,QAAD;KAAM,WAAW;KAAkB,eAAY;eAAO;KAE/C,CAAA,EAER,EACE;MAPI,EAOJ;IAEP;EACC,CAAA;CACD,CAAA"}

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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;AACrD,KAAI,KAAU,KACZ,OAAU,MACR,gJACD;AAEH,QAAO,EAAa,GAAU,EAAO"}

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

@@ -1 +0,0 @@
-{"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};\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":";;AAMA,IAAM,IACJ,EAAyD,KAAK,EAEnD,IACX,EAA8B,UAEnB,UAC+B;CACxC,IAAM,IAAU,EAAW,EAA8B;AACzD,KAAI,KAAW,KACb,OAAU,MACR,kGACD;AAEH,QAAO"}

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

@@ -1,16 +0,0 @@
-//#region src/components/backoffice/layout/breadcrumb/assertValidBreadcrumb.ts
-var e = (e, t) => t == null ? /* @__PURE__ */ Error(`Invalid breadcrumb contract: ${e}`) : /* @__PURE__ */ Error(`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

@@ -1 +0,0 @@
-{"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,MAEI,KAAW,OACN,gBAAI,MAAM,gCAAgC,IAAO,GAEnD,gBAAI,MAAM,gCAAgC,EAAK,IAAI,EAAQ,GAAG,EAG1D,KACX,MAC8C;AAC9C,KAAI,KAAS,KACX,OAAM,EAAoB,qBAAqB;AAEjD,KAAI,EAAM,WAAW,EACnB,OAAM,EAAoB,mBAAmB;CAG/C,IAAM,oBAAO,IAAI,KAAa;AAgB9B,KAfA,EAAM,SAAS,GAAM,MAAU;AAC7B,MAAI,OAAO,EAAK,MAAO,YAAY,EAAK,GAAG,MAAM,KAAK,GACpD,OAAM,EAAoB,sBAAsB,SAAS,IAAQ;AAGnE,MAAI,EAAK,IAAI,EAAK,GAAG,CACnB,OAAM,EACJ,sBACA,iBAAiB,EAAK,GAAG,GAC1B;AAEH,IAAK,IAAI,EAAK,GAAG;GACjB,EAEW,EAAM,EAAM,SAAS,IACxB,cAAc,GACtB,OAAM,EAAoB,0BAA0B;AAGtD,QAAO"}

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

@@ -1,8 +0,0 @@
-/* empty css                                                */
-/* empty css                                          */
-//#region src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts
-var e = "_80s44h0 vncd899jf vncd89co", t = "_80s44h2 _80s44h1 vncd899jf vncd89co vncd89ao6", n = "_80s44h3 vncd899jf vncd89co vncd89ao6", r = "_80s44h4 vncd89v8r vncd898x vncd89fa6", i = "_80s44h6 _80s44h5 vncd89v8r vncd898x vncd89fa6", a = "_80s44h7 vncd89v8p vncd898x vncd89fa6 vncd89amo";
-//#endregion
-export { a as current, n as item, i 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

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeTopbarBreadcrumb.css.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\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\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    },\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/components/backoffice/layout/breadcrumb/buildBreadcrumbs.js.map

@@ -1 +0,0 @@
-{"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  BackofficeResolvedListFacetConfig,\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 as never,\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 buildEntityListBreadcrumb = (\n  config: BackofficeResolvedListFacetConfig,\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;AACD,KAAI,OAAO,KAAe,YAAY,EAAW,MAAM,KAAK,GAC1D,QAAO;CAGT,IAAM,IAAQ,EAAa,EAAM,aAAa,OAAO,EAAM,KAAK;AAChE,KAAI,EAAM,MAAM,KAAK,GACnB,QAAO;CAGT,IAAM,IAAW,EAAM,WAAgC;AAKvD,QAJI,OAAO,KAAY,YAAY,EAAQ,MAAM,KAAK,KAC7C,IAGF;GAGI,KACX,MAEO,CACL;CACE,IAAI;CACJ,OAAO,EAAE,kBAAkB;CAC3B,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;AAEF,QAAO;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

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

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

@@ -1 +0,0 @@
-{"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} from '../../../provider/types.js';\nimport type { AdminSidebarSection, SidebarNavSectionItem } from '@plumile/ui';\nimport { GripDotsSvg } from '@plumile/ui/icons/GripDotsSvg.js';\nimport { PinFilledSvg } from '@plumile/ui/icons/PinFilledSvg.js';\nimport { PinSvg } from '@plumile/ui/icons/PinSvg.js';\nimport { SidebarHomeSvg } from '@plumile/ui/icons/SidebarHomeSvg.js';\nimport { SidebarTasksSvg } from '@plumile/ui/icons/SidebarTasksSvg.js';\nimport type { SidebarGroupCollapseState } from '../../../hooks/useSidebarGroupCollapse.js';\nimport * as styles from './backofficeSidebarActions.css.js';\nimport {\n  buildEntityGroupLookup,\n  isActivePath,\n  resolveLabel,\n  resolveSidebarGroups,\n} from './sidebarUtils.js';\n\nconst renderIcon = (\n  Icon?: BackofficeIconComponent,\n  fallback?: ReactNode,\n): ReactNode => {\n  if (Icon != null) {\n    return <Icon width={18} height={18} 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  onTogglePin?: (entityId: string) => void;\n  onReorderPin?: (fromId: string, toId: string) => void;\n  collapsedByGroupId?: SidebarGroupCollapseState;\n  onGroupCollapsedChange?: (groupId: string, collapsed: boolean) => void;\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    onTogglePin,\n    onReorderPin,\n    collapsedByGroupId,\n    onGroupCollapsedChange,\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);\n  const normalizedQuery = searchQuery?.trim().toLowerCase() ?? '';\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 buildEntityItem = (inputItem: {\n    entityId: string;\n    groupId?: string;\n    groupIcon?: BackofficeIconComponent;\n    enableReorder?: boolean;\n  }): SidebarNavSectionItem | null => {\n    const { entityId, groupId, groupIcon, enableReorder } = 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 = 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          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 = 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        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 sections: AdminSidebarSection[] = [];\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?.icon,\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        items: pinnedItems,\n        collapsible: false,\n      });\n    }\n  }\n\n  entries.forEach(([groupId, group], index) => {\n    if (group.isVisible != null && !group.isVisible(permissions)) {\n      return;\n    }\n\n    const items: SidebarNavSectionItem[] = [];\n\n    if (index === 0) {\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        const dashboardLabel = t('sidebar.items.dashboard');\n        if (\n          normalizedQuery !== '' &&\n          !dashboardLabel.toLowerCase().includes(normalizedQuery)\n        ) {\n          return;\n        }\n        items.push({\n          id: 'dashboard',\n          data: {\n            kind: 'dashboard',\n            id: 'dashboard',\n            groupId,\n          },\n          label: dashboardLabel,\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: t('sidebar.items.dashboard'),\n        });\n      }\n    }\n\n    if (group.entities != null) {\n      group.entities.forEach((entityId) => {\n        const item = buildEntityItem({\n          entityId,\n          groupId,\n          groupIcon: group.icon,\n        });\n        if (item != null) {\n          items.push(item);\n        }\n      });\n    }\n\n    if (items.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      items,\n      collapsible: true,\n      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

@@ -1,18 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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,UAAU,EACjC,EAAc,GAAQ,SAAS,CACD,CAC5C,QAAQ,MACA,MAAU,GACjB,CACD,KAAK,IAAI,CACT,MAAM;AAET,CAAI,MAAgB,OAClB,IAAc;CAGhB,IAAM,IAAQ,EAAc,GAAQ,MAAM,EAEtC,IADkB,EAAc,GAAQ,SAAS;AAErD,CAAI,MAAa,OACf,IAAW;CAGb,IAAM,IAAY,CAAC,EAAY;AAK/B,QAJI,MAAU,MACZ,EAAU,KAAK,EAAM,EAGhB;EACL;EACA;EACA;EACA,WAAW,EAAU,KAAK,MAAM;EACjC"}

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

@@ -1,7 +0,0 @@
-/* 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

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

@@ -1,37 +0,0 @@
-import { container as e, flag as t } from "./RowFlagsCell.css.js";
-import { jsx as n } from "react/jsx-runtime";
-import { useMemo as r } from "react";
-//#region src/components/backoffice/list/RowFlagsCell.tsx
-var i = ({ row: i, flags: a, tApp: o }) => {
-	let s = r(() => {
-		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__ */ n("div", {
-		className: e,
-		"aria-label": l,
-		children: s.map((e) => /* @__PURE__ */ n("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

@@ -1 +0,0 @@
-{"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;AAChE,OAAK,IAAM,KAAQ,GAAO;GACxB,IAAM,IAAO,EAAK,OAAO,EAAI;AAC7B,GAAI,KAAQ,QAAQ,MAAS,MAAM,MAAS,MAC1C,EAAI,KAAK;IAAE,IAAI,EAAK;IAAI;IAAM,OAAO,EAAK,MAAM,EAAI,CAAC,EAAK;IAAE,CAAC;;AAGjE,SAAO;IACN;EAAC;EAAO;EAAK;EAAK,CAAC,EAEhB,IAAY,EACf,KAAK,MACG,EAAM,MAAM,MAAM,CACzB,CACD,QAAQ,MACA,MAAU,GACjB,CACD,KAAK,KAAK,EAET;AAKJ,QAJI,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/overview/BackofficeOverviewLayout.js

@@ -1,31 +0,0 @@
-import { aside as e, container as t, content as n, primary as r, summary as i } from "./backofficeOverviewLayout.css.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { cx as s } from "@plumile/ui/theme/tools.js";
-//#region src/components/backoffice/overview/BackofficeOverviewLayout.tsx
-var c = ({ summary: c, aside: l, children: u, className: d }) => {
-	let f = null;
-	c != null && (f = /* @__PURE__ */ a("div", {
-		className: i,
-		children: c
-	}));
-	let p = null;
-	l != null && (p = /* @__PURE__ */ a("aside", {
-		className: e,
-		children: l
-	}));
-	let m = null;
-	return (u != null || p != null) && (m = /* @__PURE__ */ a("div", {
-		className: r,
-		children: u
-	})), /* @__PURE__ */ o("div", {
-		className: s(t, d),
-		children: [f, /* @__PURE__ */ o("div", {
-			className: n,
-			children: [m, p]
-		})]
-	});
-};
-//#endregion
-export { c as BackofficeOverviewLayout, c as default };
-
-//# sourceMappingURL=BackofficeOverviewLayout.js.map

package/lib/esm/components/backoffice/overview/BackofficeOverviewLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeOverviewLayout.js","names":[],"sources":["../../../../../src/components/backoffice/overview/BackofficeOverviewLayout.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport * as styles from './backofficeOverviewLayout.css.js';\n\nexport type BackofficeOverviewLayoutProps = {\n  summary?: ReactNode;\n  aside?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeOverviewLayout = ({\n  summary,\n  aside,\n  children,\n  className,\n}: BackofficeOverviewLayoutProps): JSX.Element => {\n  let summaryNode: JSX.Element | null = null;\n  if (summary != null) {\n    summaryNode = <div className={styles.summary}>{summary}</div>;\n  }\n\n  let asideNode: JSX.Element | null = null;\n  if (aside != null) {\n    asideNode = <aside className={styles.aside}>{aside}</aside>;\n  }\n\n  let primaryNode: JSX.Element | null = null;\n  if (children != null || asideNode != null) {\n    primaryNode = <div className={styles.primary}>{children}</div>;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      {summaryNode}\n      <div className={styles.content}>\n        {primaryNode}\n        {asideNode}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeOverviewLayout;\n"],"mappings":";;;;AAaA,IAAa,KAA4B,EACvC,SAAA,GACA,OAAA,GACA,aACA,mBACgD;CAChD,IAAI,IAAkC;AACtC,CAAI,KAAW,SACb,IAAc,kBAAC,OAAD;EAAK,WAAW;YAAiB;EAAc,CAAA;CAG/D,IAAI,IAAgC;AACpC,CAAI,KAAS,SACX,IAAY,kBAAC,SAAD;EAAO,WAAW;YAAe;EAAc,CAAA;CAG7D,IAAI,IAAkC;AAKtC,SAJI,KAAY,QAAQ,KAAa,UACnC,IAAc,kBAAC,OAAD;EAAK,WAAW;EAAiB;EAAe,CAAA,GAI9D,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C,CACG,GACD,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,GACA,EACG;KACF"}

package/lib/esm/components/backoffice/overview/backofficeOverviewLayout.css.js

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                        */
-//#region src/components/backoffice/overview/backofficeOverviewLayout.css.ts
-var e = "_1f81p5z0 vncd899io vncd89ai6 vncd89ap6", t = "_1f81p5z1 vncd899io vncd89ai6 vncd89aoo", n = "_1f81p5z2 vncd899ix vncd89bwx vncd89ap6 vncd89cf", r = "_1f81p5z3 vncd899io vncd89ai6 vncd89ap6", i = "_1f81p5z4 vncd899io vncd89ai6 vncd89ap6";
-//#endregion
-export { i as aside, e as container, n as content, r as primary, t as summary };
-
-//# sourceMappingURL=backofficeOverviewLayout.css.js.map

package/lib/esm/components/backoffice/overview/backofficeOverviewLayout.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeOverviewLayout.css.js","names":[],"sources":["../../../../../src/components/backoffice/overview/backofficeOverviewLayout.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const summary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const content = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: 'twoFrOneFr',\n  gap: 6,\n  alignItems: 'flex-start',\n});\n\nexport const primary = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const aside = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/pickers/EntityIdPickerDialog.js

@@ -1,106 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { BackofficeErrorBoundary as t } from "../errors/BackofficeErrorBoundary.js";
-import { useBackofficePickerEntityLoader as n } from "../../../provider/useBackofficeEntityLoader.js";
-import { searchRequiredMessage as r } from "./entityIdPickerDialog.css.js";
-import { EntityPickerShell as i } from "./shared/EntityPickerShell.js";
-import { EntityPickerList as a } from "./shared/EntityPickerList.js";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { Button as u, Spinner as d } from "@plumile/ui";
-import { Suspense as f, useCallback as p, useEffect as m, useMemo as h, useState as g } from "react";
-import * as _ from "react-relay";
-import { Modal as v } from "@plumile/ui/atomic/atoms/modal/Modal.js";
-//#region src/components/backoffice/pickers/EntityIdPickerDialog.tsx
-var { useFragment: y, useLazyLoadQuery: b } = _, x = "store-and-network", S = (e, t) => e(t), C = ({ config: e, search: t, scope: n, fetchKey: r, onSelectId: i }) => {
-	let o = h(() => {
-		let r = t.trim();
-		if (e.buildVariables != null) return e.buildVariables({
-			search: r,
-			scope: n
-		});
-		let i = r;
-		return r === "" && (i = null), {
-			search: i,
-			scope: n
-		};
-	}, [
-		e,
-		n,
-		t
-	]), c = b(e.query, o, {
-		fetchPolicy: x,
-		fetchKey: r
-	}), l = y(e.fragment, c), u = e.getConnection(l);
-	return /* @__PURE__ */ s(a, {
-		items: h(() => u.edges.map((t) => {
-			let n = e.toRow(t.node);
-			return {
-				id: e.getRowId(n),
-				title: n.title,
-				subtitle: n.subtitle
-			};
-		}), [e, u.edges]),
-		onSelectId: i
-	});
-}, w = (e, t) => /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(u, {
-	type: "button",
-	variant: "secondary",
-	onClick: e,
-	children: t
-}) }), T = ({ message: e }) => /* @__PURE__ */ s("div", { children: e }), E = ({ isOpen: a, entity: o, title: _, scope: y, onClose: b, onSelectId: x }) => {
-	let { t: E } = l(), { t: D } = e(), [O, k] = g(""), [A, j] = g(0), M = n(o, { enabled: a }), N;
-	M.status === "loaded" && (N = M.module.config.picker), m(() => {
-		a && (k(""), j((e) => e + 1));
-	}, [a]);
-	let P = h(() => w(b, D("common.actions.close")), [b, D]), F = p((e) => {
-		k(e), j((e) => e + 1);
-	}, []), I = p((e) => {
-		x(e), b();
-	}, [b, x]);
-	if (!a) return null;
-	let L;
-	N?.searchPlaceholder != null && (L = S(N.searchPlaceholder, E));
-	let R = O.trim(), z = N?.searchRequired === !0, B;
-	return B = M.status === "loading" ? /* @__PURE__ */ s(d, {}) : N == null ? /* @__PURE__ */ s(T, { message: D("picker.unavailable", { entity: o }) }) : z && R === "" ? /* @__PURE__ */ s("div", {
-		className: r,
-		children: D("picker.searchRequired")
-	}) : /* @__PURE__ */ s(C, {
-		config: N,
-		search: O,
-		scope: y,
-		fetchKey: A,
-		onSelectId: I
-	}), /* @__PURE__ */ s(v, {
-		isOpen: a,
-		onClose: b,
-		title: _,
-		footer: P,
-		children: /* @__PURE__ */ s(i, {
-			search: O,
-			onSearchChange: F,
-			searchPlaceholder: L,
-			searchEnabled: N?.searchEnabled ?? !0,
-			children: /* @__PURE__ */ s(t, {
-				fallback: (e) => {
-					let { reset: t } = e;
-					return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", { children: D("picker.errors.loadFailed") }), /* @__PURE__ */ s(u, {
-						type: "button",
-						variant: "secondary",
-						onClick: () => {
-							t(), j((e) => e + 1);
-						},
-						children: D("common.actions.retry")
-					})] });
-				},
-				children: /* @__PURE__ */ s(f, {
-					fallback: /* @__PURE__ */ s(d, {}),
-					children: B
-				})
-			})
-		})
-	});
-};
-//#endregion
-export { E as EntityIdPickerDialog, E as default };
-
-//# sourceMappingURL=EntityIdPickerDialog.js.map