@plumile/backoffice-react 0.1.134 → 0.1.140

package/lib/esm/components/backoffice/detail/BackofficeDetailLayout.js

@@ -1,20 +0,0 @@
-import { layout as e, primary as t, secondary as n, stacked as r } from "./backofficeDetailLayout.css.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/backoffice/detail/BackofficeDetailLayout.tsx
-var o = ({ primary: o, secondary: s }) => s == null ? /* @__PURE__ */ i("div", {
-	className: r,
-	children: o
-}) : /* @__PURE__ */ a("div", {
-	className: e,
-	children: [/* @__PURE__ */ i("div", {
-		className: t,
-		children: o
-	}), /* @__PURE__ */ i("aside", {
-		className: n,
-		children: s
-	})]
-});
-//#endregion
-export { o as BackofficeDetailLayout, o as default };
-
-//# sourceMappingURL=BackofficeDetailLayout.js.map

package/lib/esm/components/backoffice/detail/BackofficeDetailLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailLayout.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailLayout.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from './backofficeDetailLayout.css.js';\n\nexport type BackofficeDetailLayoutProps = {\n  primary: ReactNode;\n  secondary?: ReactNode;\n};\n\nexport const BackofficeDetailLayout = ({\n  primary,\n  secondary,\n}: BackofficeDetailLayoutProps): JSX.Element => {\n  if (secondary == null) {\n    return <div className={styles.stacked}>{primary}</div>;\n  }\n\n  return (\n    <div className={styles.layout}>\n      <div className={styles.primary}>{primary}</div>\n      <aside className={styles.secondary}>{secondary}</aside>\n    </div>\n  );\n};\n\nexport default BackofficeDetailLayout;\n"],"mappings":";;;AASA,IAAa,KAA0B,EACrC,SAAA,GACA,WAAA,QAEI,KAAa,OACR,kBAAC,OAAD;CAAK,WAAW;WAAiB;CAAc,CAAA,GAItD,kBAAC,OAAD;CAAK,WAAW;WAAhB,CACE,kBAAC,OAAD;EAAK,WAAW;YAAiB;EAAc,CAAA,EAC/C,kBAAC,SAAD;EAAO,WAAW;YAAmB;EAAkB,CAAA,CACnD"}

package/lib/esm/components/backoffice/detail/BackofficeDetailPage.js

@@ -1,19 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { DetailPageTemplate as t } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
-//#region src/components/backoffice/detail/BackofficeDetailPage.tsx
-var n = ({ headerNode: n, children: r, aboveContent: i, tabsNode: a, sidePanel: o, sidePanelVariant: s, sidePanelStickyTop: c, layoutVariant: l, headerDensity: u = "compact", className: d }) => /* @__PURE__ */ e(t, {
-	headerNode: n,
-	aboveContent: i,
-	tabsNode: a,
-	sidePanel: o,
-	sidePanelVariant: s,
-	sidePanelStickyTop: c,
-	layoutVariant: l,
-	headerDensity: u,
-	className: d,
-	children: r
-});
-//#endregion
-export { n as BackofficeDetailPage, n as default };
-
-//# sourceMappingURL=BackofficeDetailPage.js.map

package/lib/esm/components/backoffice/detail/BackofficeDetailPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailPage.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailPage.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nexport type BackofficeDetailPageProps = {\n  readonly headerNode: ReactNode;\n  readonly children: ReactNode;\n  readonly aboveContent?: ReactNode;\n  readonly tabsNode?: ReactNode;\n  readonly sidePanel?: ReactNode;\n  readonly sidePanelVariant?: 'card' | 'plain';\n  readonly sidePanelStickyTop?: string;\n  readonly layoutVariant?: 'single' | 'split';\n  readonly headerDensity?: 'default' | 'compact';\n  readonly className?: string;\n};\n\nexport const BackofficeDetailPage = ({\n  headerNode,\n  children,\n  aboveContent,\n  tabsNode,\n  sidePanel,\n  sidePanelVariant,\n  sidePanelStickyTop,\n  layoutVariant,\n  headerDensity = 'compact',\n  className,\n}: BackofficeDetailPageProps): JSX.Element => {\n  return (\n    <DetailPageTemplate\n      headerNode={headerNode}\n      aboveContent={aboveContent}\n      tabsNode={tabsNode}\n      sidePanel={sidePanel}\n      sidePanelVariant={sidePanelVariant}\n      sidePanelStickyTop={sidePanelStickyTop}\n      layoutVariant={layoutVariant}\n      headerDensity={headerDensity}\n      className={className}\n    >\n      {children}\n    </DetailPageTemplate>\n  );\n};\n\nexport default BackofficeDetailPage;\n"],"mappings":";;;AAgBA,IAAa,KAAwB,EACnC,eACA,aACA,iBACA,aACA,cACA,qBACA,uBACA,kBACA,mBAAgB,WAChB,mBAGE,kBAAC,GAAD;CACc;CACE;CACJ;CACC;CACO;CACE;CACL;CACA;CACJ;CAEV;CACkB,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeDetailPayload.js

@@ -1,18 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { BackofficeDetailSection as t } from "./BackofficeDetailSection.js";
-import { formatJsonPayload as n } from "./detailPayloadUtils.js";
-import { jsx as r } from "react/jsx-runtime";
-import { LazyMarkdownRenderer as i } from "@plumile/ui/atomic/molecules/markdown/LazyMarkdownRenderer.js";
-//#region src/components/backoffice/detail/BackofficeDetailPayload.tsx
-var a = ({ title: a, content: o, format: s = "markdown", description: c }) => {
-	let { t: l } = e(), u = "";
-	return s === "json" ? u = n(o) : o != null && (u = typeof o == "string" ? o : typeof o == "number" || typeof o == "boolean" ? String(o) : n(o)), u.trim() === "" && (u = l("common.notAvailable")), /* @__PURE__ */ r(t, {
-		title: a,
-		description: c,
-		children: /* @__PURE__ */ r(i, { content: u })
-	});
-};
-//#endregion
-export { a as BackofficeDetailPayload, a as default };
-
-//# sourceMappingURL=BackofficeDetailPayload.js.map

package/lib/esm/components/backoffice/detail/BackofficeDetailPayload.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailPayload.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailPayload.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { LazyMarkdownRenderer } from '@plumile/ui/atomic/molecules/markdown/LazyMarkdownRenderer.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport { formatJsonPayload } from './detailPayloadUtils.js';\n\nexport type BackofficeDetailPayloadProps = {\n  title: string;\n  content: unknown;\n  format?: 'markdown' | 'json' | 'text';\n  description?: string;\n};\n\nexport const BackofficeDetailPayload = ({\n  title,\n  content,\n  format = 'markdown',\n  description,\n}: BackofficeDetailPayloadProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  let resolved = '';\n  if (format === 'json') {\n    resolved = formatJsonPayload(content);\n  } else if (content != null) {\n    if (typeof content === 'string') {\n      resolved = content;\n    } else if (typeof content === 'number' || typeof content === 'boolean') {\n      resolved = String(content);\n    } else {\n      resolved = formatJsonPayload(content);\n    }\n  }\n\n  if (resolved.trim() === '') {\n    resolved = t('common.notAvailable');\n  }\n\n  return (\n    <BackofficeDetailSection title={title} description={description}>\n      <LazyMarkdownRenderer content={resolved} />\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeDetailPayload;\n"],"mappings":";;;;;;AAeA,IAAa,KAA2B,EACtC,UACA,YACA,YAAS,YACT,qBAC+C;CAC/C,IAAM,EAAE,SAAM,GAA+B,EACzC,IAAW;CAiBf,OAhBI,MAAW,SACb,IAAW,EAAkB,EAAQ,GAC5B,KAAW,SACpB,AAKE,IALE,OAAO,KAAY,WACV,IACF,OAAO,KAAY,YAAY,OAAO,KAAY,YAChD,OAAO,EAAQ,GAEf,EAAkB,EAAQ,GAIrC,EAAS,MAAM,KAAK,OACtB,IAAW,EAAE,sBAAsB,GAInC,kBAAC,GAAD;EAAgC;EAAoB;YAClD,kBAAC,GAAD,EAAsB,SAAS,GAAY,CAAA;EACnB,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeDetailSection.js

@@ -1,36 +0,0 @@
-import { BackofficeDetailField as e } from "./BackofficeDetailField.js";
-import { description as t, grid as n, header as r, section as i, title as a } from "./backofficeDetailSection.css.js";
-import { useId as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/backoffice/detail/BackofficeDetailSection.tsx
-var l = ({ title: l, description: u, items: d, children: f }) => {
-	let p = o(), m = null;
-	u != null && u !== "" && (m = /* @__PURE__ */ s("p", {
-		className: t,
-		children: u
-	}));
-	let h = null;
-	return d != null && d.length > 0 && (h = /* @__PURE__ */ s("div", {
-		className: n,
-		children: d.map((t) => /* @__PURE__ */ s(e, { ...t }, t.id))
-	})), /* @__PURE__ */ c("section", {
-		className: i,
-		"aria-labelledby": p,
-		children: [
-			/* @__PURE__ */ c("header", {
-				className: r,
-				children: [/* @__PURE__ */ s("h3", {
-					className: a,
-					id: p,
-					children: l
-				}), m]
-			}),
-			h,
-			f
-		]
-	});
-};
-//#endregion
-export { l as BackofficeDetailSection, l as default };
-
-//# sourceMappingURL=BackofficeDetailSection.js.map

package/lib/esm/components/backoffice/detail/BackofficeDetailSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailSection.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailSection.tsx"],"sourcesContent":["import { useId, type JSX, type ReactNode } from 'react';\n\nimport {\n  BackofficeDetailField,\n  type BackofficeDetailFieldProps,\n} from './BackofficeDetailField.js';\nimport * as styles from './backofficeDetailSection.css.js';\n\nexport type BackofficeDetailSectionProps = {\n  title: string;\n  description?: string;\n  items?: readonly BackofficeDetailFieldProps[];\n  children?: ReactNode;\n};\n\nexport const BackofficeDetailSection = ({\n  title,\n  description,\n  items,\n  children,\n}: BackofficeDetailSectionProps): JSX.Element => {\n  const headingId = useId();\n\n  let descriptionNode: JSX.Element | null = null;\n  if (description != null && description !== '') {\n    descriptionNode = <p className={styles.description}>{description}</p>;\n  }\n\n  let itemsNode: JSX.Element | null = null;\n  if (items != null && items.length > 0) {\n    itemsNode = (\n      <div className={styles.grid}>\n        {items.map((item) => {\n          return <BackofficeDetailField key={item.id} {...item} />;\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <section className={styles.section} aria-labelledby={headingId}>\n      <header className={styles.header}>\n        <h3 className={styles.title} id={headingId}>\n          {title}\n        </h3>\n        {descriptionNode}\n      </header>\n      {itemsNode}\n      {children}\n    </section>\n  );\n};\n\nexport default BackofficeDetailSection;\n"],"mappings":";;;;;AAeA,IAAa,KAA2B,EACtC,OAAA,GACA,aAAA,GACA,UACA,kBAC+C;CAC/C,IAAM,IAAY,GAAO,EAErB,IAAsC;CAC1C,AAAI,KAAe,QAAQ,MAAgB,OACzC,IAAkB,kBAAC,KAAD;EAAG,WAAW;YAAqB;EAAgB,CAAA;CAGvE,IAAI,IAAgC;CAWpC,OAVI,KAAS,QAAQ,EAAM,SAAS,MAClC,IACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAM,KAAK,MACH,kBAAC,GAAD,EAAqC,GAAI,GAAQ,EAArB,EAAK,GAAgB,CACxD;EACE,CAAA,GAKR,kBAAC,WAAD;EAAS,WAAW;EAAgB,mBAAiB;YAArD;GACE,kBAAC,UAAD;IAAQ,WAAW;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAW;KAAc,IAAI;eAC9B;KACE,CAAA,EACJ,EACM;;GACR;GACA;GACO"}

package/lib/esm/components/backoffice/detail/BackofficeDetailTable.js

@@ -1,8 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { DataTable as t } from "@plumile/ui/components/data-table/DataTable.js";
-//#region src/components/backoffice/detail/BackofficeDetailTable.tsx
-var n = (n) => /* @__PURE__ */ e(t, { ...n });
-//#endregion
-export { n as BackofficeDetailTable, n as default };
-
-//# sourceMappingURL=BackofficeDetailTable.js.map

package/lib/esm/components/backoffice/detail/BackofficeDetailTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailTable.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailTable.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport {\n  DataTable,\n  type DataTableProps,\n} from '@plumile/ui/components/data-table/DataTable.js';\n\nexport type BackofficeDetailTableProps<Row> = DataTableProps<Row>;\n\nexport const BackofficeDetailTable = <Row,>(\n  props: BackofficeDetailTableProps<Row>,\n): JSX.Element => {\n  return <DataTable {...props} />;\n};\n\nexport default BackofficeDetailTable;\n"],"mappings":";;;AAQA,IAAa,KACX,MAEO,kBAAC,GAAD,EAAW,GAAI,GAAS,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeEmptyValue.js

@@ -1,7 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/backoffice/detail/BackofficeEmptyValue.tsx
-var t = ({ label: t }) => /* @__PURE__ */ e("span", { children: t });
-//#endregion
-export { t as BackofficeEmptyValue, t as default };
-
-//# sourceMappingURL=BackofficeEmptyValue.js.map

package/lib/esm/components/backoffice/detail/BackofficeEmptyValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeEmptyValue.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeEmptyValue.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nexport type BackofficeEmptyValueProps = {\n  readonly label: string;\n};\n\nexport const BackofficeEmptyValue = ({\n  label,\n}: BackofficeEmptyValueProps): JSX.Element => {\n  return <span>{label}</span>;\n};\n\nexport default BackofficeEmptyValue;\n"],"mappings":";;AAMA,IAAa,KAAwB,EACnC,eAEO,kBAAC,QAAD,EAAA,UAAO,GAAa,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeEntityRefLink.js

@@ -1,17 +0,0 @@
-import { BackofficeEntityLink as e } from "../refs/BackofficeEntityLink.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/backoffice/detail/BackofficeEntityRefLink.tsx
-var n = ({ entity: n, id: r, label: i, filterWhereKey: a, filterValue: o, filterPath: s, filterLabel: c, listConfig: l }) => /* @__PURE__ */ t(e, {
-	entity: n,
-	id: r,
-	label: i ?? r,
-	filterWhereKey: a,
-	filterValue: o ?? void 0,
-	filterPath: s,
-	filterLabel: c,
-	listConfig: l
-});
-//#endregion
-export { n as BackofficeEntityRefLink, n as default };
-
-//# sourceMappingURL=BackofficeEntityRefLink.js.map

package/lib/esm/components/backoffice/detail/BackofficeEntityRefLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeEntityRefLink.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeEntityRefLink.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport type { BackofficeRuntimeResolvedListFacetConfig } from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeEntityLink } from '../refs/BackofficeEntityLink.js';\n\nexport type BackofficeEntityRefLinkProps = {\n  readonly entity: string;\n  readonly id: string | null | undefined;\n  readonly label?: string | null;\n  readonly filterWhereKey?: string;\n  readonly filterValue?: string | null;\n  readonly filterPath?: readonly string[];\n  readonly filterLabel?: string;\n  readonly listConfig?: BackofficeRuntimeResolvedListFacetConfig;\n};\n\nexport const BackofficeEntityRefLink = ({\n  entity,\n  id,\n  label,\n  filterWhereKey,\n  filterValue,\n  filterPath,\n  filterLabel,\n  listConfig,\n}: BackofficeEntityRefLinkProps): JSX.Element => {\n  return (\n    <BackofficeEntityLink\n      entity={entity}\n      id={id}\n      label={label ?? id}\n      filterWhereKey={filterWhereKey}\n      filterValue={filterValue ?? undefined}\n      filterPath={filterPath}\n      filterLabel={filterLabel}\n      listConfig={listConfig}\n    />\n  );\n};\n\nexport default BackofficeEntityRefLink;\n"],"mappings":";;;AAgBA,IAAa,KAA2B,EACtC,WACA,OACA,UACA,mBACA,gBACA,eACA,gBACA,oBAGE,kBAAC,GAAD;CACU;CACJ;CACJ,OAAO,KAAS;CACA;CAChB,aAAa,KAAe,KAAA;CAChB;CACC;CACD;CACZ,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeKpiStrip.js

@@ -1,38 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { card as t, cardTone as n, compactGroup as r, group as i, value as a } from "./backofficeKpiStrip.css.js";
-import { cx as o } from "@plumile/ui/theme/tools.js";
-import { jsx as s } from "react/jsx-runtime";
-import { CopyableText as c } from "@plumile/ui/backoffice/atoms/copyable_text/CopyableText.js";
-import { MetricCard as l } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
-import { MetricTileGroup as u } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
-//#region src/components/backoffice/detail/BackofficeKpiStrip.tsx
-var d = ({ items: d, density: f = "comfortable" }) => {
-	let { t: p } = e();
-	if (d.length === 0) return null;
-	let m = i;
-	return f === "compact" && (m = o(i, r)), /* @__PURE__ */ s(u, {
-		className: m,
-		children: d.map((e) => {
-			let r = e.value;
-			return e.copyValue != null && e.copyValue !== "" && (r = /* @__PURE__ */ s(c, {
-				value: e.copyValue,
-				copyValue: e.copyValue,
-				truncate: !1,
-				copyLabel: p("common.actions.copy"),
-				copiedLabel: p("common.actions.copied")
-			})), /* @__PURE__ */ s(l, {
-				className: o(t, n({ tone: e.tone ?? "neutral" })),
-				label: e.label,
-				value: /* @__PURE__ */ s("span", {
-					className: a,
-					children: r
-				}),
-				hint: e.hint
-			}, e.id);
-		})
-	});
-};
-//#endregion
-export { d as BackofficeKpiStrip, d as default };
-
-//# sourceMappingURL=BackofficeKpiStrip.js.map

package/lib/esm/components/backoffice/detail/BackofficeKpiStrip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeKpiStrip.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeKpiStrip.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { CopyableText } from '@plumile/ui/backoffice/atoms/copyable_text/CopyableText.js';\nimport { MetricCard } from '@plumile/ui/components/dashboard/metric_card/MetricCard.js';\nimport { MetricTileGroup } from '@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js';\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport * as styles from './backofficeKpiStrip.css.js';\n\nexport type BackofficeKpiTone =\n  | 'neutral'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger';\n\nexport type BackofficeKpiItem = {\n  readonly id: string;\n  readonly label: string;\n  readonly value: ReactNode;\n  readonly hint?: ReactNode;\n  readonly tone?: BackofficeKpiTone;\n  readonly copyValue?: string;\n};\n\nexport type BackofficeKpiStripProps = {\n  readonly items: readonly BackofficeKpiItem[];\n  readonly density?: 'compact' | 'comfortable';\n};\n\nexport const BackofficeKpiStrip = ({\n  items,\n  density = 'comfortable',\n}: BackofficeKpiStripProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  let groupClassName: string | undefined = styles.group;\n  if (density === 'compact') {\n    groupClassName = cx(styles.group, styles.compactGroup);\n  }\n\n  return (\n    <MetricTileGroup className={groupClassName}>\n      {items.map((item) => {\n        let valueNode = item.value;\n        if (item.copyValue != null && item.copyValue !== '') {\n          valueNode = (\n            <CopyableText\n              value={item.copyValue}\n              copyValue={item.copyValue}\n              truncate={false}\n              copyLabel={t('common.actions.copy')}\n              copiedLabel={t('common.actions.copied')}\n            />\n          );\n        }\n\n        return (\n          <MetricCard\n            key={item.id}\n            className={cx(\n              styles.card,\n              styles.cardTone({ tone: item.tone ?? 'neutral' }),\n            )}\n            label={item.label}\n            value={<span className={styles.value}>{valueNode}</span>}\n            hint={item.hint}\n          />\n        );\n      })}\n    </MetricTileGroup>\n  );\n};\n\nexport default BackofficeKpiStrip;\n"],"mappings":";;;;;;;;AA8BA,IAAa,KAAsB,EACjC,UACA,aAAU,oBACuC;CACjD,IAAM,EAAE,SAAM,GAA+B;CAE7C,IAAI,EAAM,WAAW,GACnB,OAAO;CAGT,IAAI,IAAqC;CAKzC,OAJI,MAAY,cACd,IAAiB,EAAG,GAAc,EAAoB,GAItD,kBAAC,GAAD;EAAiB,WAAW;YACzB,EAAM,KAAK,MAAS;GACnB,IAAI,IAAY,EAAK;GAarB,OAZI,EAAK,aAAa,QAAQ,EAAK,cAAc,OAC/C,IACE,kBAAC,GAAD;IACE,OAAO,EAAK;IACZ,WAAW,EAAK;IAChB,UAAU;IACV,WAAW,EAAE,sBAAsB;IACnC,aAAa,EAAE,wBAAwB;IACvC,CAAA,GAKJ,kBAAC,GAAD;IAEE,WAAW,EACT,GACA,EAAgB,EAAE,MAAM,EAAK,QAAQ,WAAW,CAAC,CAClD;IACD,OAAO,EAAK;IACZ,OAAO,kBAAC,QAAD;KAAM,WAAW;eAAe;KAAiB,CAAA;IACxD,MAAM,EAAK;IACX,EARK,EAAK,GAQV;IAEJ;EACc,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficePayloadInspectorSection.js

@@ -1,36 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { BackofficeDetailSection as t } from "./BackofficeDetailSection.js";
-import { formatJsonPayload as n } from "./detailPayloadUtils.js";
-import { details as r, summary as i } from "./backofficePayloadInspectorSection.css.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { LazyMarkdownRenderer as s } from "@plumile/ui/atomic/molecules/markdown/LazyMarkdownRenderer.js";
-//#region src/components/backoffice/detail/BackofficePayloadInspectorSection.tsx
-var c = (e, t) => e == null ? "" : t === "json" ? n(e) : typeof e == "string" ? t === "code" ? `\`\`\`\n${e}\n\`\`\`` : e : typeof e == "number" || typeof e == "boolean" ? String(e) : n(e), l = ({ title: n, description: l, summary: u, content: d, format: f, initiallyExpanded: p = !1, emptyLabel: m, detailsLabel: h }) => {
-	let { t: g } = e(), _ = c(d, f), v = m ?? g("common.notAvailable");
-	if (_.trim() === "" && u == null) return /* @__PURE__ */ a(t, {
-		title: n,
-		children: v
-	});
-	let y = _;
-	y.trim() === "" && (y = v);
-	let b = h;
-	return b ??= g("detail.actions.viewDetails"), /* @__PURE__ */ o(t, {
-		title: n,
-		description: l,
-		children: [u != null && /* @__PURE__ */ a("div", {
-			className: "txvbqb9j txvbqb19cb txvbqbutu",
-			children: u
-		}), /* @__PURE__ */ o("details", {
-			className: r,
-			open: p,
-			children: [/* @__PURE__ */ a("summary", {
-				className: i,
-				children: b
-			}), /* @__PURE__ */ a(s, { content: y })]
-		})]
-	});
-};
-//#endregion
-export { l as BackofficePayloadInspectorSection, l as default };
-
-//# sourceMappingURL=BackofficePayloadInspectorSection.js.map

package/lib/esm/components/backoffice/detail/BackofficePayloadInspectorSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficePayloadInspectorSection.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficePayloadInspectorSection.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { LazyMarkdownRenderer } from '@plumile/ui/atomic/molecules/markdown/LazyMarkdownRenderer.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport { formatJsonPayload } from './detailPayloadUtils.js';\nimport * as styles from './backofficePayloadInspectorSection.css.js';\n\nexport type BackofficePayloadInspectorFormat =\n  | 'json'\n  | 'markdown'\n  | 'text'\n  | 'code';\n\nexport type BackofficePayloadInspectorSectionProps = {\n  readonly title: string;\n  readonly description?: string;\n  readonly summary?: ReactNode;\n  readonly content: unknown;\n  readonly format: BackofficePayloadInspectorFormat;\n  readonly initiallyExpanded?: boolean;\n  readonly emptyLabel?: string;\n  readonly detailsLabel?: string;\n};\n\nconst formatContent = (\n  content: unknown,\n  format: BackofficePayloadInspectorFormat,\n): string => {\n  if (content == null) {\n    return '';\n  }\n  if (format === 'json') {\n    return formatJsonPayload(content);\n  }\n  if (typeof content === 'string') {\n    if (format === 'code') {\n      return `\\`\\`\\`\\n${content}\\n\\`\\`\\``;\n    }\n    return content;\n  }\n  if (typeof content === 'number' || typeof content === 'boolean') {\n    return String(content);\n  }\n  return formatJsonPayload(content);\n};\n\nexport const BackofficePayloadInspectorSection = ({\n  title,\n  description,\n  summary,\n  content,\n  format,\n  initiallyExpanded = false,\n  emptyLabel,\n  detailsLabel,\n}: BackofficePayloadInspectorSectionProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolved = formatContent(content, format);\n  const empty = emptyLabel ?? t('common.notAvailable');\n\n  if (resolved.trim() === '' && summary == null) {\n    return (\n      <BackofficeDetailSection title={title}>{empty}</BackofficeDetailSection>\n    );\n  }\n\n  let detailsContent = resolved;\n  if (detailsContent.trim() === '') {\n    detailsContent = empty;\n  }\n\n  let resolvedDetailsLabel = detailsLabel;\n  resolvedDetailsLabel ??= t('detail.actions.viewDetails');\n\n  return (\n    <BackofficeDetailSection title={title} description={description}>\n      {summary != null && <div className={styles.preview}>{summary}</div>}\n      <details className={styles.details} open={initiallyExpanded}>\n        <summary className={styles.summary}>{resolvedDetailsLabel}</summary>\n        <LazyMarkdownRenderer content={detailsContent} />\n      </details>\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficePayloadInspectorSection;\n"],"mappings":";;;;;;;AAyBA,IAAM,KACJ,GACA,MAEI,KAAW,OACN,KAEL,MAAW,SACN,EAAkB,EAAQ,GAE/B,OAAO,KAAY,WACjB,MAAW,SACN,WAAW,EAAQ,YAErB,IAEL,OAAO,KAAY,YAAY,OAAO,KAAY,YAC7C,OAAO,EAAQ,GAEjB,EAAkB,EAAQ,EAGtB,KAAqC,EAChD,UACA,gBACA,SAAA,GACA,YACA,WACA,uBAAoB,IACpB,eACA,sBACyD;CACzD,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAW,EAAc,GAAS,EAAO,EACzC,IAAQ,KAAc,EAAE,sBAAsB;CAEpD,IAAI,EAAS,MAAM,KAAK,MAAM,KAAW,MACvC,OACE,kBAAC,GAAD;EAAgC;YAAQ;EAAgC,CAAA;CAI5E,IAAI,IAAiB;CACrB,AAAI,EAAe,MAAM,KAAK,OAC5B,IAAiB;CAGnB,IAAI,IAAuB;CAG3B,OAFA,MAAyB,EAAE,6BAA6B,EAGtD,kBAAC,GAAD;EAAgC;EAAoB;YAApD,CACG,KAAW,QAAQ,kBAAC,OAAD;GAAK,WAAW;aAAiB;GAAc,CAAA,EACnE,kBAAC,WAAD;GAAS,WAAW;GAAgB,MAAM;aAA1C,CACE,kBAAC,WAAD;IAAS,WAAW;cAAiB;IAA+B,CAAA,EACpE,kBAAC,GAAD,EAAsB,SAAS,GAAkB,CAAA,CACzC;KACc"}

package/lib/esm/components/backoffice/detail/BackofficeScopeStack.js

@@ -1,28 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { BackofficeDetailSection as t } from "./BackofficeDetailSection.js";
-import { item as n, label as r, list as i, value as a } from "./backofficeScopeStack.css.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/backoffice/detail/BackofficeScopeStack.tsx
-var c = ({ title: c, items: l }) => {
-	let { t: u } = e();
-	return l.length === 0 ? null : /* @__PURE__ */ o(t, {
-		title: c,
-		children: /* @__PURE__ */ o("div", {
-			className: i,
-			children: l.map((e) => /* @__PURE__ */ s("div", {
-				className: n,
-				children: [/* @__PURE__ */ o("span", {
-					className: r,
-					children: e.label
-				}), /* @__PURE__ */ o("span", {
-					className: a,
-					children: e.value ?? u("common.notAvailable")
-				})]
-			}, e.id))
-		})
-	});
-};
-//#endregion
-export { c as BackofficeScopeStack, c as default };
-
-//# sourceMappingURL=BackofficeScopeStack.js.map

package/lib/esm/components/backoffice/detail/BackofficeScopeStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeScopeStack.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeScopeStack.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport * as styles from './backofficeScopeStack.css.js';\n\nexport type BackofficeScopeStackItem = {\n  readonly id: string;\n  readonly label: string;\n  readonly value: ReactNode | null | undefined;\n};\n\nexport type BackofficeScopeStackProps = {\n  readonly title: string;\n  readonly items: readonly BackofficeScopeStackItem[];\n};\n\nexport const BackofficeScopeStack = ({\n  title,\n  items,\n}: BackofficeScopeStackProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <BackofficeDetailSection title={title}>\n      <div className={styles.list}>\n        {items.map((item) => {\n          return (\n            <div className={styles.item} key={item.id}>\n              <span className={styles.label}>{item.label}</span>\n              <span className={styles.value}>\n                {item.value ?? t('common.notAvailable')}\n              </span>\n            </div>\n          );\n        })}\n      </div>\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeScopeStack;\n"],"mappings":";;;;;AAiBA,IAAa,KAAwB,EACnC,UACA,eACmD;CACnD,IAAM,EAAE,SAAM,GAA+B;CAM7C,OAJI,EAAM,WAAW,IACZ,OAIP,kBAAC,GAAD;EAAgC;YAC9B,kBAAC,OAAD;GAAK,WAAW;aACb,EAAM,KAAK,MAER,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAW;eAAe,EAAK;KAAa,CAAA,EAClD,kBAAC,QAAD;KAAM,WAAW;eACd,EAAK,SAAS,EAAE,sBAAsB;KAClC,CAAA,CACH;MAL4B,EAAK,GAKjC,CAER;GACE,CAAA;EACkB,CAAA"}

package/lib/esm/components/backoffice/detail/BackofficeTechnicalFacts.js

@@ -1,2 +0,0 @@
-import { BackofficeDetailSection as e } from "./BackofficeDetailSection.js";
-export { e as BackofficeTechnicalFacts };

package/lib/esm/components/backoffice/detail/backofficeAuditMetadataPanel.css.js

@@ -1,7 +0,0 @@
-/* empty css                                            */
-//#region src/components/backoffice/detail/backofficeAuditMetadataPanel.css.ts
-var e = "txvbqbdrl txvbqbffj txvbqbhf1", t = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", n = "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", r = "txvbqbdr8 txvbqbey txvbqbff6 txvbqbf91 txvbqb9j txvbqb19c9";
-//#endregion
-export { t as item, n as label, e as list, r as value };
-
-//# sourceMappingURL=backofficeAuditMetadataPanel.css.js.map

package/lib/esm/components/backoffice/detail/backofficeAuditMetadataPanel.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeAuditMetadataPanel.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeAuditMetadataPanel.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const list = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n\nexport const item = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const value = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  fontSize: 'sm',\n  color: 'text',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailField.css.js

@@ -1,15 +0,0 @@
-/* empty css                                     */
-//#region src/components/backoffice/detail/backofficeDetailField.css.ts
-var e = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", t = "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", n = "txvbqb9j txvbqb19c9 txvbqbutu txvbqb18sv", r = "txvbqbgjm", i = {
-	xs: "txvbqbs39",
-	s: "txvbqbs3m",
-	statusAction: "txvbqbs3z",
-	m: "txvbqbs3z",
-	l: "txvbqbs4c",
-	xl: "txvbqbs4p",
-	fluid: "txvbqbs65"
-};
-//#endregion
-export { e as field, r as fullWidth, t as label, i as size, n as value };
-
-//# sourceMappingURL=backofficeDetailField.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailField.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeDetailField.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailField.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const field = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const value = sprinkles({\n  fontSize: 'sm',\n  color: 'text',\n  overflowWrap: 'anywhere',\n  wordBreak: 'break-word',\n});\n\nexport const fullWidth = sprinkles({\n  gridColumn: 'span-full',\n});\n\nexport const size = {\n  xs: sprinkles({ maxWidth: '10ch' }),\n  s: sprinkles({ maxWidth: '18ch' }),\n  statusAction: sprinkles({ maxWidth: '28ch' }),\n  m: sprinkles({ maxWidth: '28ch' }),\n  l: sprinkles({ maxWidth: '44ch' }),\n  xl: sprinkles({ maxWidth: '64ch' }),\n  fluid: sprinkles({ maxWidth: 'full' }),\n};\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailSection.css.js

@@ -1,7 +0,0 @@
-/* empty css                                       */
-//#region src/components/backoffice/detail/backofficeDetailSection.css.ts
-var e = "txvbqbdr8 txvbqbf6i txvbqbffj txvbqbuy6 txvbqb2g9 txvbqb196d txvbqb1uy txvbqb2et txvbqb18k txvbqbcs7", t = "txvbqbdr8 txvbqbf6i txvbqbfet", n = "txvbqb9w txvbqbfd0 txvbqb19c9", r = "txvbqb9j txvbqb19cb", i = "txvbqbdrl txvbqbffj txvbqbhf1";
-//#endregion
-export { r as description, i as grid, t as header, e as section, n as title };
-
-//# sourceMappingURL=backofficeDetailSection.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailSection.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeDetailSection.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailSection.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const section = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  padding: 3,\n  borderRadius: 'md',\n  backgroundColor: 'surfaceSecondary',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderLight',\n  boxShadow: 'none',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n});\n\nexport const title = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const description = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeDetailTaggedValue.css.js

@@ -1,7 +0,0 @@
-/* empty css                                           */
-//#region src/components/backoffice/detail/backofficeDetailTaggedValue.css.ts
-var e = "txvbqbdsb txvbqbey txvbqbff6 txvbqbf91", t = "txvbqbdsb txvbqbey txvbqbfet";
-//#endregion
-export { e as container, t as value };
-
-//# sourceMappingURL=backofficeDetailTaggedValue.css.js.map

package/lib/esm/components/backoffice/detail/backofficeDetailTaggedValue.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeDetailTaggedValue.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailTaggedValue.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const value = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 1,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeKpiStrip.css.js

@@ -1,19 +0,0 @@
-import { createRuntimeFn as e } from "../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
-/* empty css                                  */
-//#region src/components/backoffice/detail/backofficeKpiStrip.css.ts
-var t = "txvbqbdrl txvbqbffj txvbqbheb", n = "txvbqbff6", r = "txvbqbt9i", i = e({
-	defaultClassName: "_1bcdpm60",
-	variantClassNames: { tone: {
-		neutral: "_1bcdpm61",
-		info: "_1bcdpm62",
-		success: "_1bcdpm63",
-		warning: "_1bcdpm64",
-		danger: "_1bcdpm65"
-	} },
-	defaultVariants: {},
-	compoundVariants: []
-}), a = "txvbqbdr8 txvbqbey txvbqbff6";
-//#endregion
-export { r as card, i as cardTone, n as compactGroup, t as group, a as value };
-
-//# sourceMappingURL=backofficeKpiStrip.css.js.map

package/lib/esm/components/backoffice/detail/backofficeKpiStrip.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeKpiStrip.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeKpiStrip.css.ts"],"sourcesContent":["import { recipe } from '@vanilla-extract/recipes';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.css.js';\n\nexport const group = sprinkles({\n  display: 'grid',\n  gap: 3,\n  gridTemplateColumns: 'autoFitMinmax180',\n});\n\nexport const compactGroup = sprinkles({\n  gap: 2,\n});\n\nexport const card = sprinkles({\n  minWidth: 0,\n});\n\nexport const cardTone = recipe({\n  variants: {\n    tone: {\n      neutral: {\n        backgroundImage: `linear-gradient(135deg, color-mix(in srgb, ${vars.colors.primaryLight} 26%, transparent), transparent 58%)`,\n        boxShadow: `inset 3px 0 0 color-mix(in srgb, ${vars.colors.primary} 42%, transparent)`,\n      },\n      info: {\n        backgroundImage: `linear-gradient(135deg, ${vars.colors.infoLight}, transparent 58%)`,\n        boxShadow: `inset 3px 0 0 ${vars.colors.info}`,\n      },\n      success: {\n        backgroundImage: `linear-gradient(135deg, ${vars.colors.successLight}, transparent 58%)`,\n        boxShadow: `inset 3px 0 0 ${vars.colors.success}`,\n      },\n      warning: {\n        backgroundImage: `linear-gradient(135deg, ${vars.colors.warningLight}, transparent 58%)`,\n        boxShadow: `inset 3px 0 0 ${vars.colors.warning}`,\n      },\n      danger: {\n        backgroundImage: `linear-gradient(135deg, ${vars.colors['error-8']}, transparent 58%)`,\n        boxShadow: `inset 3px 0 0 ${vars.colors.error}`,\n      },\n    },\n  },\n});\n\nexport const value = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeLifecycleTimelineSection.css.js

@@ -1,7 +0,0 @@
-/* empty css                                                  */
-//#region src/components/backoffice/detail/backofficeLifecycleTimelineSection.css.ts
-var e = "txvbqbdr8 txvbqbf6i txvbqbfet", t = "txvbqb19cb";
-//#endregion
-export { t as actor, e as eventMeta };
-
-//# sourceMappingURL=backofficeLifecycleTimelineSection.css.js.map

package/lib/esm/components/backoffice/detail/backofficeLifecycleTimelineSection.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeLifecycleTimelineSection.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeLifecycleTimelineSection.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const eventMeta = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n});\n\nexport const actor = sprinkles({\n  color: 'textSecondary',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficePayloadInspectorSection.css.js

@@ -1,7 +0,0 @@
-/* empty css                                                 */
-//#region src/components/backoffice/detail/backofficePayloadInspectorSection.css.ts
-var e = "txvbqbdr8 txvbqbf6i txvbqbffj", t = "txvbqbv txvbqb9j txvbqbfcn txvbqb19bj", n = "txvbqb9j txvbqb19cb txvbqbutu";
-//#endregion
-export { e as details, n as preview, t as summary };
-
-//# sourceMappingURL=backofficePayloadInspectorSection.css.js.map

package/lib/esm/components/backoffice/detail/backofficePayloadInspectorSection.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficePayloadInspectorSection.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficePayloadInspectorSection.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const details = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const summary = sprinkles({\n  cursor: 'pointer',\n  fontSize: 'sm',\n  fontWeight: 'medium',\n  color: 'primary',\n});\n\nexport const preview = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeReferenceValue.css.js

@@ -1,7 +0,0 @@
-/* empty css                                        */
-//#region src/components/backoffice/detail/backofficeReferenceValue.css.ts
-var e = "txvbqbdsb txvbqbey txvbqbff6 txvbqbt9i", t = "txvbqbt9i txvbqbutu";
-//#endregion
-export { e as root, t as value };
-
-//# sourceMappingURL=backofficeReferenceValue.css.js.map

package/lib/esm/components/backoffice/detail/backofficeReferenceValue.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeReferenceValue.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeReferenceValue.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const root = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  minWidth: 0,\n});\n\nexport const value = sprinkles({\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeScopeStack.css.js

@@ -1,7 +0,0 @@
-/* empty css                                    */
-//#region src/components/backoffice/detail/backofficeScopeStack.css.ts
-var e = "txvbqbdr8 txvbqbf6i txvbqbffj", t = "txvbqbdr8 txvbqbf6i txvbqbfet txvbqbt9i", n = "txvbqb96 txvbqb6a txvbqbkxs txvbqb19cb", r = "txvbqb9j txvbqb19c9 txvbqbutu";
-//#endregion
-export { t as item, n as label, e as list, r as value };
-
-//# sourceMappingURL=backofficeScopeStack.css.js.map

package/lib/esm/components/backoffice/detail/backofficeScopeStack.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeScopeStack.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeScopeStack.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const list = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const item = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const value = sprinkles({\n  fontSize: 'sm',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/detail/backofficeStatusMetaBadge.css.js

@@ -1,7 +0,0 @@
-/* empty css                                         */
-//#region src/components/backoffice/detail/backofficeStatusMetaBadge.css.ts
-var e = "txvbqb18si";
-//#endregion
-export { e as badge };
-
-//# sourceMappingURL=backofficeStatusMetaBadge.css.js.map

package/lib/esm/components/backoffice/detail/backofficeStatusMetaBadge.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeStatusMetaBadge.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeStatusMetaBadge.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const badge = sprinkles({\n  width: 'fit',\n});\n"],"mappings":""}

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

@@ -1,33 +0,0 @@
-import { container as e, density as t, responsiveMode as n } from "./backofficeListToolbar.css.js";
-import { cx as r } from "@plumile/ui/theme/tools.js";
-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 txvbqbdrl txvbqbey txvbqbff6 txvbqb17w0",
-			children: [m && /* @__PURE__ */ a("div", {
-				className: "txvbqbdr8 txvbqbey txvbqbee txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6",
-				children: [u, l]
-			}), h && /* @__PURE__ */ a("div", {
-				className: "txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6",
-				children: [f != null && /* @__PURE__ */ i("div", {
-					className: "sqlyj43 txvbqbdr8 txvbqbey txvbqbt9i",
-					children: f
-				}), p != null && /* @__PURE__ */ i("div", {
-					className: "txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqb17w6",
-					children: p
-				})]
-			})]
-		}), _ && /* @__PURE__ */ i("div", {
-			className: "txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6 txvbqb10jb txvbqb6tp txvbqb2et txvbqb3al",
-			children: o
-		})]
-	});
-};
-//#endregion
-export { o as BackofficeListToolbar, o as default };
-
-//# sourceMappingURL=BackofficeListToolbar.js.map

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

@@ -1 +0,0 @@
-{"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/theme/tools.js';\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

@@ -1,13 +0,0 @@
-/* empty css                                     */
-//#region src/components/backoffice/lists/backofficeListToolbar.css.ts
-var e = "txvbqbdr8 txvbqbf6i txvbqbff6 txvbqb17w0", t = {
-	compact: "txvbqbff6",
-	default: "txvbqbffj"
-}, n = {
-	auto: "sqlyj40",
-	stacked: "sqlyj41"
-}, r = "sqlyj42 txvbqbdrl txvbqbey txvbqbff6 txvbqb17w0", i = "txvbqbdr8 txvbqbey txvbqbee txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6", a = "txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqbt9i txvbqb17w6", o = "sqlyj43 txvbqbdr8 txvbqbey txvbqbt9i", s = "txvbqbdr8 txvbqbey txvbqbee txvbqbju2 txvbqbjup txvbqbf91 txvbqbff6 txvbqb17w6", c = "txvbqbdr8 txvbqbey txvbqbf91 txvbqbff6 txvbqb10jb txvbqb6tp txvbqb2et txvbqb3al";
-//#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

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeListToolbar.css.js","names":[],"sources":["../../../../../src/components/backoffice/lists/backofficeListToolbar.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\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 = sprinkles({\n  display: 'flex',\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  flexWrap: 'wrap',\n  gap: 2,\n  minWidth: 0,\n  width: {\n    max767: 'full',\n  },\n});\n\nexport const rightGroup = sprinkles({\n  display: 'flex',\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  justifyContent: {\n    base: 'flex-end',\n    max1023: 'flex-start',\n  },\n  flexWrap: 'wrap',\n  gap: 2,\n  minWidth: 0,\n  width: {\n    max767: 'full',\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 = sprinkles({\n  display: 'flex',\n  alignItems: {\n    base: 'center',\n    max767: 'stretch',\n  },\n  justifyContent: {\n    base: 'flex-end',\n    max1023: 'flex-start',\n  },\n  flexWrap: 'wrap',\n  gap: 2,\n  width: {\n    max767: 'full',\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":""}

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js

@@ -1,33 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../../i18n/useBackofficeReactTranslation.js";
-import { list as t, listItem as n } from "../entityIdPickerDialog.css.js";
-import { EntityPickerRowBase as r } from "./EntityPickerRowBase.js";
-import { jsx as i } from "react/jsx-runtime";
-import { BackofficeEmptyState as a } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
-//#region src/components/backoffice/pickers/shared/EntityPickerList.tsx
-var o = ({ items: o, onSelectId: s, emptyState: c }) => {
-	let { t: l } = e();
-	return o.length === 0 ? c ?? /* @__PURE__ */ i(a, {
-		title: l("picker.empty.title"),
-		description: l("picker.empty.description")
-	}) : /* @__PURE__ */ i("div", {
-		className: t,
-		role: "listbox",
-		children: o.map((e) => /* @__PURE__ */ i("button", {
-			type: "button",
-			className: n,
-			role: "option",
-			"aria-selected": "false",
-			onClick: () => {
-				s(e.id);
-			},
-			children: /* @__PURE__ */ i(r, {
-				title: e.title,
-				subtitle: e.subtitle
-			})
-		}, e.id))
-	});
-};
-//#endregion
-export { o as EntityPickerList, o as default };
-
-//# sourceMappingURL=EntityPickerList.js.map

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityPickerList.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerList.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\nimport { EntityPickerRowBase } from './EntityPickerRowBase.js';\nimport type { EntityPickerRowViewModel } from '../types.js';\nimport * as styles from '../entityIdPickerDialog.css.js';\n\nexport type EntityPickerListProps = {\n  items: readonly EntityPickerRowViewModel[];\n  onSelectId: (id: string) => void;\n  emptyState?: JSX.Element;\n};\n\nexport const EntityPickerList = ({\n  items,\n  onSelectId,\n  emptyState,\n}: EntityPickerListProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return (\n      emptyState ?? (\n        <BackofficeEmptyState\n          title={t('picker.empty.title')}\n          description={t('picker.empty.description')}\n        />\n      )\n    );\n  }\n\n  return (\n    <div className={styles.list} role=\"listbox\">\n      {items.map((item) => {\n        return (\n          <button\n            key={item.id}\n            type=\"button\"\n            className={styles.listItem}\n            role=\"option\"\n            aria-selected=\"false\"\n            onClick={() => {\n              onSelectId(item.id);\n            }}\n          >\n            <EntityPickerRowBase title={item.title} subtitle={item.subtitle} />\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default EntityPickerList;\n"],"mappings":";;;;;;AAeA,IAAa,KAAoB,EAC/B,UACA,eACA,oBACwC;CACxC,IAAM,EAAE,SAAM,GAA+B;CAa7C,OAXI,EAAM,WAAW,IAEjB,KACE,kBAAC,GAAD;EACE,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,2BAA2B;EAC1C,CAAA,GAMN,kBAAC,OAAD;EAAK,WAAW;EAAa,MAAK;YAC/B,EAAM,KAAK,MAER,kBAAC,UAAD;GAEE,MAAK;GACL,WAAW;GACX,MAAK;GACL,iBAAc;GACd,eAAe;IACb,EAAW,EAAK,GAAG;;aAGrB,kBAAC,GAAD;IAAqB,OAAO,EAAK;IAAO,UAAU,EAAK;IAAY,CAAA;GAC5D,EAVF,EAAK,GAUH,CAEX;EACE,CAAA"}