@plumile/backoffice-react 0.1.109 → 0.1.113

package/lib/esm/components/backoffice/actions/toastViewAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"toastViewAction.js","names":[],"sources":["../../../../../src/components/backoffice/actions/toastViewAction.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeActionToastSpec,\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { ToastAction } from '@plumile/ui';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveToastSpec = <Node = unknown, Response = unknown>(\n  toast: BackofficeActionToastSpec<Node, Response>,\n  tApp: TFunction,\n): { title: string; message?: string } => {\n  const title = resolveLabel(toast.title, tApp);\n  let message: string | undefined;\n  if (toast.message != null) {\n    message = resolveLabel(toast.message, tApp);\n  }\n  return { title, message };\n};\n\nexport const resolveToastViewActions = <\n  Node = unknown,\n  Response = unknown,\n>(input: {\n  toast: BackofficeActionToastSpec<Node, Response>;\n  response: Response;\n  node: Node;\n  tApp: TFunction;\n  entities: BackofficeEntityManifestMap;\n  defaultLabel: string;\n  navigateTo: (to: string) => void;\n}): readonly ToastAction[] | undefined => {\n  const { toast } = input;\n  if (toast.view == null) {\n    return undefined;\n  }\n\n  const targetId = toast.view.getTargetId(input.response, input.node);\n  if (targetId == null || targetId.trim() === '') {\n    return undefined;\n  }\n\n  const entity = input.entities[toast.view.entityId];\n  if (entity == null) {\n    return undefined;\n  }\n\n  const href = entity.routes.detail(targetId);\n  let label = input.defaultLabel;\n  if (toast.view.label != null) {\n    label = resolveLabel(toast.view.label, input.tApp);\n  }\n\n  return [\n    {\n      id: `view-${toast.view.entityId}-${targetId}`,\n      label,\n      onClick: () => {\n        input.navigateTo(href);\n      },\n    },\n  ];\n};\n"],"mappings":";AASA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KACX,GACA,MACwC;CACxC,IAAM,IAAQ,EAAa,EAAM,OAAO,EAAK,EACzC;CAIJ,OAHI,EAAM,WAAW,SACnB,IAAU,EAAa,EAAM,SAAS,EAAK,GAEtC;EAAE;EAAO;EAAS;GAGd,KAGX,MAQwC;CACxC,IAAM,EAAE,aAAU;CAClB,IAAI,EAAM,QAAQ,MAChB;CAGF,IAAM,IAAW,EAAM,KAAK,YAAY,EAAM,UAAU,EAAM,KAAK;CACnE,IAAI,KAAY,QAAQ,EAAS,MAAM,KAAK,IAC1C;CAGF,IAAM,IAAS,EAAM,SAAS,EAAM,KAAK;CACzC,IAAI,KAAU,MACZ;CAGF,IAAM,IAAO,EAAO,OAAO,OAAO,EAAS,EACvC,IAAQ,EAAM;CAKlB,OAJI,EAAM,KAAK,SAAS,SACtB,IAAQ,EAAa,EAAM,KAAK,OAAO,EAAM,KAAK,GAG7C,CACL;EACE,IAAI,QAAQ,EAAM,KAAK,SAAS,GAAG;EACnC;EACA,eAAe;GACb,EAAM,WAAW,EAAK;;EAEzB,CACF"}
+{"version":3,"file":"toastViewAction.js","names":[],"sources":["../../../../../src/components/backoffice/actions/toastViewAction.ts"],"sourcesContent":["import type { TFunction } from 'i18next';\n\nimport type {\n  BackofficeActionToastSpec,\n  BackofficeEntityManifestMap,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { ToastAction } from '@plumile/ui/atomic/molecules/toast/ToastViewport.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const resolveToastSpec = <Node = unknown, Response = unknown>(\n  toast: BackofficeActionToastSpec<Node, Response>,\n  tApp: TFunction,\n): { title: string; message?: string } => {\n  const title = resolveLabel(toast.title, tApp);\n  let message: string | undefined;\n  if (toast.message != null) {\n    message = resolveLabel(toast.message, tApp);\n  }\n  return { title, message };\n};\n\nexport const resolveToastViewActions = <\n  Node = unknown,\n  Response = unknown,\n>(input: {\n  toast: BackofficeActionToastSpec<Node, Response>;\n  response: Response;\n  node: Node;\n  tApp: TFunction;\n  entities: BackofficeEntityManifestMap;\n  defaultLabel: string;\n  navigateTo: (to: string) => void;\n}): readonly ToastAction[] | undefined => {\n  const { toast } = input;\n  if (toast.view == null) {\n    return undefined;\n  }\n\n  const targetId = toast.view.getTargetId(input.response, input.node);\n  if (targetId == null || targetId.trim() === '') {\n    return undefined;\n  }\n\n  const entity = input.entities[toast.view.entityId];\n  if (entity == null) {\n    return undefined;\n  }\n\n  const href = entity.routes.detail(targetId);\n  let label = input.defaultLabel;\n  if (toast.view.label != null) {\n    label = resolveLabel(toast.view.label, input.tApp);\n  }\n\n  return [\n    {\n      id: `view-${toast.view.entityId}-${targetId}`,\n      label,\n      onClick: () => {\n        input.navigateTo(href);\n      },\n    },\n  ];\n};\n"],"mappings":";AASA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KACX,GACA,MACwC;CACxC,IAAM,IAAQ,EAAa,EAAM,OAAO,EAAK,EACzC;CAIJ,OAHI,EAAM,WAAW,SACnB,IAAU,EAAa,EAAM,SAAS,EAAK,GAEtC;EAAE;EAAO;EAAS;GAGd,KAGX,MAQwC;CACxC,IAAM,EAAE,aAAU;CAClB,IAAI,EAAM,QAAQ,MAChB;CAGF,IAAM,IAAW,EAAM,KAAK,YAAY,EAAM,UAAU,EAAM,KAAK;CACnE,IAAI,KAAY,QAAQ,EAAS,MAAM,KAAK,IAC1C;CAGF,IAAM,IAAS,EAAM,SAAS,EAAM,KAAK;CACzC,IAAI,KAAU,MACZ;CAGF,IAAM,IAAO,EAAO,OAAO,OAAO,EAAS,EACvC,IAAQ,EAAM;CAKlB,OAJI,EAAM,KAAK,SAAS,SACtB,IAAQ,EAAa,EAAM,KAAK,OAAO,EAAM,KAAK,GAG7C,CACL;EACE,IAAI,QAAQ,EAAM,KAAK,SAAS,GAAG;EACnC;EACA,eAAe;GACb,EAAM,WAAW,EAAK;;EAEzB,CACF"}

package/lib/esm/components/backoffice/columns/buildDataTableColumns.js

@@ -1,8 +1,9 @@
 import { BackofficeInlineLink as e } from "../links/BackofficeInlineLink.js";
-import { FormattedDate as t, Tag as n } from "@plumile/ui";
-import { Fragment as r, jsx as i } from "react/jsx-runtime";
-import { Link as a } from "@plumile/router";
-import { BACKOFFICE_DATE_TIME_OPTIONS as o } from "@plumile/backoffice-core/constants.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+import { BACKOFFICE_DATE_TIME_OPTIONS as r } from "@plumile/backoffice-core/constants.js";
+import i from "@plumile/router/routing/Link.js";
+import { FormattedDate as a } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
+import { Tag as o } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
 //#region src/components/backoffice/columns/buildDataTableColumns.tsx
 var s = (e, t) => e(t), c = (e, t) => e == null || typeof e == "string" && e.trim() === "" ? t : String(e), l = (e) => {
 	if (e === "sm" || e === "md" || e === "lg" || e === "xl") return e;
@@ -24,7 +25,7 @@ function u(u, d) {
 				case "text": return c(l.value(s), m);
 				case "link": {
 					let e = l.value(s);
-					return e == null || typeof e == "string" && e.trim() === "" ? m : /* @__PURE__ */ i(a, {
+					return e == null || typeof e == "string" && e.trim() === "" ? m : /* @__PURE__ */ n(i, {
 						to: l.to(s),
 						children: e
 					});
@@ -33,32 +34,32 @@ function u(u, d) {
 					let e = l.value(s);
 					if (e == null || e.trim() === "") return m;
 					let { tone: t } = l;
-					return typeof t == "function" && (t = t(s)), /* @__PURE__ */ i(n, {
+					return typeof t == "function" && (t = t(s)), /* @__PURE__ */ n(o, {
 						tone: t,
 						children: e
 					});
 				}
-				case "dateTime": return /* @__PURE__ */ i(t, {
+				case "dateTime": return /* @__PURE__ */ n(a, {
 					value: l.value(s),
 					fallback: m,
-					options: o
+					options: r
 				});
 				case "entityRef": {
 					let t = l.value(s);
 					if (t.trim() === "") return m;
-					let n = l.label?.(s) ?? p("actions.view");
-					return /* @__PURE__ */ i(e, {
+					let r = l.label?.(s) ?? p("actions.view");
+					return /* @__PURE__ */ n(e, {
 						target: {
 							kind: "entity-detail",
 							entityId: l.entity,
 							id: t
 						},
-						children: n
+						children: r
 					});
 				}
 				case "custom": {
 					let e = l.render(s);
-					return e == null || e === "" ? m : /* @__PURE__ */ i(r, { children: e });
+					return e == null || e === "" ? m : /* @__PURE__ */ n(t, { children: e });
 				}
 				default: return m;
 			}

package/lib/esm/components/backoffice/columns/buildDataTableColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildDataTableColumns.js","names":[],"sources":["../../../../../src/components/backoffice/columns/buildDataTableColumns.tsx"],"sourcesContent":["import { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficeColumnSpec,\n  BackofficeFieldSize,\n  BackofficeListColumnVisibility,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { TFunction } from 'i18next';\nimport { Link } from '@plumile/router';\nimport {\n  FormattedDate,\n  Tag,\n  type DataTableBreakpoint,\n  type DataTableColumn,\n} from '@plumile/ui';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst resolveTextValue = (\n  value: string | number | null,\n  fallback: string,\n): string => {\n  if (value == null) {\n    return fallback;\n  }\n  if (typeof value === 'string' && value.trim() === '') {\n    return fallback;\n  }\n  return String(value);\n};\n\nexport type BuildDataTableColumnsOptions = {\n  tApp: TFunction;\n  t: TFunction;\n};\n\nexport type BackofficeSizedDataTableColumn<Row> = DataTableColumn<Row> & {\n  size: BackofficeFieldSize;\n};\n\nconst resolveBreakpoint = (\n  value: BackofficeListColumnVisibility['minVisibleAt'] | undefined,\n): DataTableBreakpoint | undefined => {\n  if (value === 'sm' || value === 'md' || value === 'lg' || value === 'xl') {\n    return value;\n  }\n  return undefined;\n};\n\n/**\n *\n */\nexport function buildDataTableColumns<Row>(\n  columns: readonly BackofficeColumnSpec<Row>[],\n  options: BuildDataTableColumnsOptions,\n): readonly BackofficeSizedDataTableColumn<Row>[] {\n  const { tApp, t } = options;\n  const fallback = t('common.notAvailable');\n  const filteredColumns = columns.filter((column) => {\n    return column.key !== 'id';\n  });\n\n  return filteredColumns.map((column) => {\n    return {\n      id: column.key,\n      header: resolveLabel(column.header, tApp),\n      size: column.size,\n      isPrimary: column.visibility?.priority === 'primary',\n      priority: column.visibility?.priority,\n      align: column.visibility?.align,\n      mobileRole: column.visibility?.mobile,\n      minVisibleAt: resolveBreakpoint(column.visibility?.minVisibleAt),\n      cell: (row) => {\n        const { cell } = column;\n        switch (cell.type) {\n          case 'text': {\n            return resolveTextValue(cell.value(row), fallback);\n          }\n          case 'link': {\n            const value = cell.value(row);\n            if (\n              value == null ||\n              (typeof value === 'string' && value.trim() === '')\n            ) {\n              return fallback;\n            }\n            return <Link to={cell.to(row)}>{value}</Link>;\n          }\n          case 'badge': {\n            const value = cell.value(row);\n            if (value == null || value.trim() === '') {\n              return fallback;\n            }\n            let { tone } = cell;\n            if (typeof tone === 'function') {\n              tone = tone(row);\n            }\n            return <Tag tone={tone}>{value}</Tag>;\n          }\n          case 'dateTime': {\n            const value = cell.value(row);\n            return (\n              <FormattedDate\n                value={value}\n                fallback={fallback}\n                options={BACKOFFICE_DATE_TIME_OPTIONS}\n              />\n            );\n          }\n          case 'entityRef': {\n            const id = cell.value(row);\n            if (id.trim() === '') {\n              return fallback;\n            }\n            const label = cell.label?.(row) ?? t('actions.view');\n            const target = {\n              kind: 'entity-detail',\n              entityId: cell.entity,\n              id,\n            } as BackofficeLinkTarget;\n            return (\n              <BackofficeInlineLink target={target}>\n                {label}\n              </BackofficeInlineLink>\n            );\n          }\n          case 'custom': {\n            const rendered = cell.render(row);\n            if (rendered == null || rendered === '') {\n              return fallback;\n            }\n            return <>{rendered}</>;\n          }\n          default: {\n            return fallback;\n          }\n        }\n      },\n    };\n  });\n}\n"],"mappings":";;;;;;AAkBA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGd,KACJ,GACA,MAEI,KAAS,QAGT,OAAO,KAAU,YAAY,EAAM,MAAM,KAAK,KACzC,IAEF,OAAO,EAAM,EAYhB,KACJ,MACoC;CACpC,IAAI,MAAU,QAAQ,MAAU,QAAQ,MAAU,QAAQ,MAAU,MAClE,OAAO;;AAQX,SAAgB,EACd,GACA,GACgD;CAChD,IAAM,EAAE,SAAM,SAAM,GACd,IAAW,EAAE,sBAAsB;CAKzC,OAJwB,EAAQ,QAAQ,MAC/B,EAAO,QAAQ,KAGjB,CAAgB,KAAK,OACnB;EACL,IAAI,EAAO;EACX,QAAQ,EAAa,EAAO,QAAQ,EAAK;EACzC,MAAM,EAAO;EACb,WAAW,EAAO,YAAY,aAAa;EAC3C,UAAU,EAAO,YAAY;EAC7B,OAAO,EAAO,YAAY;EAC1B,YAAY,EAAO,YAAY;EAC/B,cAAc,EAAkB,EAAO,YAAY,aAAa;EAChE,OAAO,MAAQ;GACb,IAAM,EAAE,YAAS;GACjB,QAAQ,EAAK,MAAb;IACE,KAAK,QACH,OAAO,EAAiB,EAAK,MAAM,EAAI,EAAE,EAAS;IAEpD,KAAK,QAAQ;KACX,IAAM,IAAQ,EAAK,MAAM,EAAI;KAO7B,OALE,KAAS,QACR,OAAO,KAAU,YAAY,EAAM,MAAM,KAAK,KAExC,IAEF,kBAAC,GAAD;MAAM,IAAI,EAAK,GAAG,EAAI;gBAAG;MAAa,CAAA;;IAE/C,KAAK,SAAS;KACZ,IAAM,IAAQ,EAAK,MAAM,EAAI;KAC7B,IAAI,KAAS,QAAQ,EAAM,MAAM,KAAK,IACpC,OAAO;KAET,IAAI,EAAE,YAAS;KAIf,OAHI,OAAO,KAAS,eAClB,IAAO,EAAK,EAAI,GAEX,kBAAC,GAAD;MAAW;gBAAO;MAAY,CAAA;;IAEvC,KAAK,YAEH,OACE,kBAAC,GAAD;KACS,OAHG,EAAK,MAAM,EAGd;KACG;KACV,SAAS;KACT,CAAA;IAGN,KAAK,aAAa;KAChB,IAAM,IAAK,EAAK,MAAM,EAAI;KAC1B,IAAI,EAAG,MAAM,KAAK,IAChB,OAAO;KAET,IAAM,IAAQ,EAAK,QAAQ,EAAI,IAAI,EAAE,eAAe;KAMpD,OACE,kBAAC,GAAD;MAA8B,QAAA;OAL9B,MAAM;OACN,UAAU,EAAK;OACf;OAG8B;gBAC3B;MACoB,CAAA;;IAG3B,KAAK,UAAU;KACb,IAAM,IAAW,EAAK,OAAO,EAAI;KAIjC,OAHI,KAAY,QAAQ,MAAa,KAC5B,IAEF,kBAAA,GAAA,EAAA,UAAG,GAAY,CAAA;;IAExB,SACE,OAAO;;;EAId,EACD"}
+{"version":3,"file":"buildDataTableColumns.js","names":[],"sources":["../../../../../src/components/backoffice/columns/buildDataTableColumns.tsx"],"sourcesContent":["import { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficeColumnSpec,\n  BackofficeFieldSize,\n  BackofficeListColumnVisibility,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { TFunction } from 'i18next';\nimport Link from '@plumile/router/routing/Link.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { type DataTableColumn } from '@plumile/ui/components/data-table/DataTable.js';\nimport { type DataTableBreakpoint } from '@plumile/ui/components/data-table/tableBreakpoints.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst resolveTextValue = (\n  value: string | number | null,\n  fallback: string,\n): string => {\n  if (value == null) {\n    return fallback;\n  }\n  if (typeof value === 'string' && value.trim() === '') {\n    return fallback;\n  }\n  return String(value);\n};\n\nexport type BuildDataTableColumnsOptions = {\n  tApp: TFunction;\n  t: TFunction;\n};\n\nexport type BackofficeSizedDataTableColumn<Row> = DataTableColumn<Row> & {\n  size: BackofficeFieldSize;\n};\n\nconst resolveBreakpoint = (\n  value: BackofficeListColumnVisibility['minVisibleAt'] | undefined,\n): DataTableBreakpoint | undefined => {\n  if (value === 'sm' || value === 'md' || value === 'lg' || value === 'xl') {\n    return value;\n  }\n  return undefined;\n};\n\n/**\n *\n */\nexport function buildDataTableColumns<Row>(\n  columns: readonly BackofficeColumnSpec<Row>[],\n  options: BuildDataTableColumnsOptions,\n): readonly BackofficeSizedDataTableColumn<Row>[] {\n  const { tApp, t } = options;\n  const fallback = t('common.notAvailable');\n  const filteredColumns = columns.filter((column) => {\n    return column.key !== 'id';\n  });\n\n  return filteredColumns.map((column) => {\n    return {\n      id: column.key,\n      header: resolveLabel(column.header, tApp),\n      size: column.size,\n      isPrimary: column.visibility?.priority === 'primary',\n      priority: column.visibility?.priority,\n      align: column.visibility?.align,\n      mobileRole: column.visibility?.mobile,\n      minVisibleAt: resolveBreakpoint(column.visibility?.minVisibleAt),\n      cell: (row) => {\n        const { cell } = column;\n        switch (cell.type) {\n          case 'text': {\n            return resolveTextValue(cell.value(row), fallback);\n          }\n          case 'link': {\n            const value = cell.value(row);\n            if (\n              value == null ||\n              (typeof value === 'string' && value.trim() === '')\n            ) {\n              return fallback;\n            }\n            return <Link to={cell.to(row)}>{value}</Link>;\n          }\n          case 'badge': {\n            const value = cell.value(row);\n            if (value == null || value.trim() === '') {\n              return fallback;\n            }\n            let { tone } = cell;\n            if (typeof tone === 'function') {\n              tone = tone(row);\n            }\n            return <Tag tone={tone}>{value}</Tag>;\n          }\n          case 'dateTime': {\n            const value = cell.value(row);\n            return (\n              <FormattedDate\n                value={value}\n                fallback={fallback}\n                options={BACKOFFICE_DATE_TIME_OPTIONS}\n              />\n            );\n          }\n          case 'entityRef': {\n            const id = cell.value(row);\n            if (id.trim() === '') {\n              return fallback;\n            }\n            const label = cell.label?.(row) ?? t('actions.view');\n            const target = {\n              kind: 'entity-detail',\n              entityId: cell.entity,\n              id,\n            } as BackofficeLinkTarget;\n            return (\n              <BackofficeInlineLink target={target}>\n                {label}\n              </BackofficeInlineLink>\n            );\n          }\n          case 'custom': {\n            const rendered = cell.render(row);\n            if (rendered == null || rendered === '') {\n              return fallback;\n            }\n            return <>{rendered}</>;\n          }\n          default: {\n            return fallback;\n          }\n        }\n      },\n    };\n  });\n}\n"],"mappings":";;;;;;;AAgBA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGd,KACJ,GACA,MAEI,KAAS,QAGT,OAAO,KAAU,YAAY,EAAM,MAAM,KAAK,KACzC,IAEF,OAAO,EAAM,EAYhB,KACJ,MACoC;CACpC,IAAI,MAAU,QAAQ,MAAU,QAAQ,MAAU,QAAQ,MAAU,MAClE,OAAO;;AAQX,SAAgB,EACd,GACA,GACgD;CAChD,IAAM,EAAE,SAAM,SAAM,GACd,IAAW,EAAE,sBAAsB;CAKzC,OAJwB,EAAQ,QAAQ,MAC/B,EAAO,QAAQ,KAGjB,CAAgB,KAAK,OACnB;EACL,IAAI,EAAO;EACX,QAAQ,EAAa,EAAO,QAAQ,EAAK;EACzC,MAAM,EAAO;EACb,WAAW,EAAO,YAAY,aAAa;EAC3C,UAAU,EAAO,YAAY;EAC7B,OAAO,EAAO,YAAY;EAC1B,YAAY,EAAO,YAAY;EAC/B,cAAc,EAAkB,EAAO,YAAY,aAAa;EAChE,OAAO,MAAQ;GACb,IAAM,EAAE,YAAS;GACjB,QAAQ,EAAK,MAAb;IACE,KAAK,QACH,OAAO,EAAiB,EAAK,MAAM,EAAI,EAAE,EAAS;IAEpD,KAAK,QAAQ;KACX,IAAM,IAAQ,EAAK,MAAM,EAAI;KAO7B,OALE,KAAS,QACR,OAAO,KAAU,YAAY,EAAM,MAAM,KAAK,KAExC,IAEF,kBAAC,GAAD;MAAM,IAAI,EAAK,GAAG,EAAI;gBAAG;MAAa,CAAA;;IAE/C,KAAK,SAAS;KACZ,IAAM,IAAQ,EAAK,MAAM,EAAI;KAC7B,IAAI,KAAS,QAAQ,EAAM,MAAM,KAAK,IACpC,OAAO;KAET,IAAI,EAAE,YAAS;KAIf,OAHI,OAAO,KAAS,eAClB,IAAO,EAAK,EAAI,GAEX,kBAAC,GAAD;MAAW;gBAAO;MAAY,CAAA;;IAEvC,KAAK,YAEH,OACE,kBAAC,GAAD;KACS,OAHG,EAAK,MAAM,EAGd;KACG;KACV,SAAS;KACT,CAAA;IAGN,KAAK,aAAa;KAChB,IAAM,IAAK,EAAK,MAAM,EAAI;KAC1B,IAAI,EAAG,MAAM,KAAK,IAChB,OAAO;KAET,IAAM,IAAQ,EAAK,QAAQ,EAAI,IAAI,EAAE,eAAe;KAMpD,OACE,kBAAC,GAAD;MAA8B,QAAA;OAL9B,MAAM;OACN,UAAU,EAAK;OACf;OAG8B;gBAC3B;MACoB,CAAA;;IAG3B,KAAK,UAAU;KACb,IAAM,IAAW,EAAK,OAAO,EAAI;KAIjC,OAHI,KAAY,QAAQ,MAAa,KAC5B,IAEF,kBAAA,GAAA,EAAA,UAAG,GAAY,CAAA;;IAExB,SACE,OAAO;;;EAId,EACD"}

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

@@ -1,7 +1,7 @@
-import { CopyableText as e } from "@plumile/ui";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+import { CopyableText as t } from "@plumile/ui/backoffice/atoms/copyable_text/CopyableText.js";
 //#region src/components/backoffice/detail/BackofficeCopyButton.tsx
-var n = ({ value: n, copyValue: r, className: i, truncate: a = !1, copyLabel: o, copiedLabel: s }) => /* @__PURE__ */ t(e, {
+var n = ({ value: n, copyValue: r, className: i, truncate: a = !1, copyLabel: o, copiedLabel: s }) => /* @__PURE__ */ e(t, {
 	value: n,
 	copyValue: r,
 	className: i,

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeCopyButton.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeCopyButton.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { CopyableText, type CopyableTextProps } from '@plumile/ui';\n\nexport type BackofficeCopyButtonProps = Omit<CopyableTextProps, 'truncate'> & {\n  readonly truncate?: boolean;\n};\n\nexport const BackofficeCopyButton = ({\n  value,\n  copyValue,\n  className,\n  truncate = false,\n  copyLabel,\n  copiedLabel,\n}: BackofficeCopyButtonProps): JSX.Element => {\n  return (\n    <CopyableText\n      value={value}\n      copyValue={copyValue}\n      className={className}\n      truncate={truncate}\n      copyLabel={copyLabel}\n      copiedLabel={copiedLabel}\n    />\n  );\n};\n\nexport default BackofficeCopyButton;\n"],"mappings":";;;AAOA,IAAa,KAAwB,EACnC,UACA,cACA,cACA,cAAW,IACX,cACA,qBAGE,kBAAC,GAAD;CACS;CACI;CACA;CACD;CACC;CACE;CACb,CAAA"}
+{"version":3,"file":"BackofficeCopyButton.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeCopyButton.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport {\n  CopyableText,\n  type CopyableTextProps,\n} from '@plumile/ui/backoffice/atoms/copyable_text/CopyableText.js';\n\nexport type BackofficeCopyButtonProps = Omit<CopyableTextProps, 'truncate'> & {\n  readonly truncate?: boolean;\n};\n\nexport const BackofficeCopyButton = ({\n  value,\n  copyValue,\n  className,\n  truncate = false,\n  copyLabel,\n  copiedLabel,\n}: BackofficeCopyButtonProps): JSX.Element => {\n  return (\n    <CopyableText\n      value={value}\n      copyValue={copyValue}\n      className={className}\n      truncate={truncate}\n      copyLabel={copyLabel}\n      copiedLabel={copiedLabel}\n    />\n  );\n};\n\nexport default BackofficeCopyButton;\n"],"mappings":";;;AAUA,IAAa,KAAwB,EACnC,UACA,cACA,cACA,cAAW,IACX,cACA,qBAGE,kBAAC,GAAD;CACS;CACI;CACA;CACD;CACC;CACE;CACb,CAAA"}

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

@@ -1,17 +1,17 @@
 import { row as e } from "./backofficeDetailBadgeRow.css.js";
-import { Tag as t } from "@plumile/ui";
-import { jsx as n } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as n } from "react-i18next";
+import { Tag as r } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
 //#region src/components/backoffice/detail/BackofficeDetailBadgeRow.tsx
 var i = ({ items: i }) => {
-	let { t: a } = r();
-	return /* @__PURE__ */ n("div", {
+	let { t: a } = n();
+	return /* @__PURE__ */ t("div", {
 		className: e,
 		children: i.map((e) => {
-			let r = typeof e.label == "function" ? e.label(a) : e.label;
-			return /* @__PURE__ */ n(t, {
+			let n = typeof e.label == "function" ? e.label(a) : e.label;
+			return /* @__PURE__ */ t(r, {
 				tone: e.tone ?? "neutral",
-				children: r
+				children: n
 			}, e.id);
 		})
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailBadgeRow.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailBadgeRow.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { BackofficeBadgeItem } from '@plumile/backoffice-core/types.js';\nimport { Tag } from '@plumile/ui';\n\nimport * as styles from './backofficeDetailBadgeRow.css.js';\n\nexport type BackofficeDetailBadgeRowProps = {\n  items: readonly BackofficeBadgeItem[];\n};\n\nexport const BackofficeDetailBadgeRow = ({\n  items,\n}: BackofficeDetailBadgeRowProps): JSX.Element => {\n  const { t } = useTranslation();\n  return (\n    <div className={styles.row}>\n      {items.map((item) => {\n        const label =\n          typeof item.label === 'function' ? item.label(t) : item.label;\n        return (\n          <Tag key={item.id} tone={item.tone ?? 'neutral'}>\n            {label}\n          </Tag>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default BackofficeDetailBadgeRow;\n"],"mappings":";;;;;AAaA,IAAa,KAA4B,EACvC,eACgD;CAChD,IAAM,EAAE,SAAM,GAAgB;CAC9B,OACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAM,KAAK,MAAS;GACnB,IAAM,IACJ,OAAO,EAAK,SAAU,aAAa,EAAK,MAAM,EAAE,GAAG,EAAK;GAC1D,OACE,kBAAC,GAAD;IAAmB,MAAM,EAAK,QAAQ;cACnC;IACG,EAFI,EAAK,GAET;IAER;EACE,CAAA"}
+{"version":3,"file":"BackofficeDetailBadgeRow.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailBadgeRow.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { BackofficeBadgeItem } from '@plumile/backoffice-core/types.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\n\nimport * as styles from './backofficeDetailBadgeRow.css.js';\n\nexport type BackofficeDetailBadgeRowProps = {\n  items: readonly BackofficeBadgeItem[];\n};\n\nexport const BackofficeDetailBadgeRow = ({\n  items,\n}: BackofficeDetailBadgeRowProps): JSX.Element => {\n  const { t } = useTranslation();\n  return (\n    <div className={styles.row}>\n      {items.map((item) => {\n        const label =\n          typeof item.label === 'function' ? item.label(t) : item.label;\n        return (\n          <Tag key={item.id} tone={item.tone ?? 'neutral'}>\n            {label}\n          </Tag>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default BackofficeDetailBadgeRow;\n"],"mappings":";;;;;AAaA,IAAa,KAA4B,EACvC,eACgD;CAChD,IAAM,EAAE,SAAM,GAAgB;CAC9B,OACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAM,KAAK,MAAS;GACnB,IAAM,IACJ,OAAO,EAAK,SAAU,aAAa,EAAK,MAAM,EAAE,GAAG,EAAK;GAC1D,OACE,kBAAC,GAAD;IAAmB,MAAM,EAAK,QAAQ;cACnC;IACG,EAFI,EAAK,GAET;IAER;EACE,CAAA"}

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

@@ -2,32 +2,33 @@ import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeR
 import { BackofficeDetailSection as t } from "./BackofficeDetailSection.js";
 import { formatJsonPayload as n } from "./detailPayloadUtils.js";
 import { code as r, details as i, header as a, item as o, itemSurface as s, list as c, message as l } from "./backofficeDetailErrorList.css.js";
-import { LazyMarkdownRenderer as u, cx as d } from "@plumile/ui";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { cx as u } from "@plumile/ui/theme/tools.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { LazyMarkdownRenderer as p } from "@plumile/ui/atomic/molecules/markdown/LazyMarkdownRenderer.js";
 //#region src/components/backoffice/detail/BackofficeDetailErrorList.tsx
 var m = ({ title: m, description: h, items: g }) => {
 	let { t: _ } = e();
-	return g.length === 0 ? null : /* @__PURE__ */ f(t, {
+	return g.length === 0 ? null : /* @__PURE__ */ d(t, {
 		title: m,
 		description: h,
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: c,
 			children: g.map((e, t) => {
 				let c = _("common.notAvailable");
-				return e.details != null && (c = n(e.details)), /* @__PURE__ */ p("div", {
-					className: d(o, s),
-					children: [/* @__PURE__ */ p("div", {
+				return e.details != null && (c = n(e.details)), /* @__PURE__ */ f("div", {
+					className: u(o, s),
+					children: [/* @__PURE__ */ f("div", {
 						className: a,
-						children: [/* @__PURE__ */ f("span", {
+						children: [/* @__PURE__ */ d("span", {
 							className: r,
 							children: e.code
-						}), /* @__PURE__ */ f("span", {
+						}), /* @__PURE__ */ d("span", {
 							className: l,
 							children: e.message
 						})]
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ d("div", {
 						className: i,
-						children: /* @__PURE__ */ f(u, { content: c })
+						children: /* @__PURE__ */ d(p, { content: c })
 					})]
 				}, `${e.code}-${t}`);
 			})

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailErrorList.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailErrorList.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { LazyMarkdownRenderer, cx } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport { formatJsonPayload } from './detailPayloadUtils.js';\n\nimport * as styles from './backofficeDetailErrorList.css.js';\n\nexport type BackofficeDetailErrorItem = {\n  code: string;\n  message: string;\n  details?: unknown;\n};\n\nexport type BackofficeDetailErrorListProps = {\n  title: string;\n  description?: string;\n  items: readonly BackofficeDetailErrorItem[];\n};\n\nexport const BackofficeDetailErrorList = ({\n  title,\n  description,\n  items,\n}: BackofficeDetailErrorListProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <BackofficeDetailSection title={title} description={description}>\n      <div className={styles.list}>\n        {items.map((error, index) => {\n          let details = t('common.notAvailable');\n          if (error.details != null) {\n            details = formatJsonPayload(error.details);\n          }\n          return (\n            <div\n              key={`${error.code}-${index}`}\n              className={cx(styles.item, styles.itemSurface)}\n            >\n              <div className={styles.header}>\n                <span className={styles.code}>{error.code}</span>\n                <span className={styles.message}>{error.message}</span>\n              </div>\n              <div className={styles.details}>\n                <LazyMarkdownRenderer content={details} />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeDetailErrorList;\n"],"mappings":";;;;;;;AAsBA,IAAa,KAA6B,EACxC,UACA,gBACA,eACwD;CACxD,IAAM,EAAE,SAAM,GAA+B;CAM7C,OAJI,EAAM,WAAW,IACZ,OAIP,kBAAC,GAAD;EAAgC;EAAoB;YAClD,kBAAC,OAAD;GAAK,WAAW;aACb,EAAM,KAAK,GAAO,MAAU;IAC3B,IAAI,IAAU,EAAE,sBAAsB;IAItC,OAHI,EAAM,WAAW,SACnB,IAAU,EAAkB,EAAM,QAAQ,GAG1C,kBAAC,OAAD;KAEE,WAAW,EAAG,GAAa,EAAmB;eAFhD,CAIE,kBAAC,OAAD;MAAK,WAAW;gBAAhB,CACE,kBAAC,QAAD;OAAM,WAAW;iBAAc,EAAM;OAAY,CAAA,EACjD,kBAAC,QAAD;OAAM,WAAW;iBAAiB,EAAM;OAAe,CAAA,CACnD;SACN,kBAAC,OAAD;MAAK,WAAW;gBACd,kBAAC,GAAD,EAAsB,SAAS,GAAW,CAAA;MACtC,CAAA,CACF;OAVC,GAAG,EAAM,KAAK,GAAG,IAUlB;KAER;GACE,CAAA;EACkB,CAAA"}
+{"version":3,"file":"BackofficeDetailErrorList.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailErrorList.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { LazyMarkdownRenderer } from '@plumile/ui/atomic/molecules/markdown/LazyMarkdownRenderer.js';\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport { formatJsonPayload } from './detailPayloadUtils.js';\n\nimport * as styles from './backofficeDetailErrorList.css.js';\n\nexport type BackofficeDetailErrorItem = {\n  code: string;\n  message: string;\n  details?: unknown;\n};\n\nexport type BackofficeDetailErrorListProps = {\n  title: string;\n  description?: string;\n  items: readonly BackofficeDetailErrorItem[];\n};\n\nexport const BackofficeDetailErrorList = ({\n  title,\n  description,\n  items,\n}: BackofficeDetailErrorListProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return null;\n  }\n\n  return (\n    <BackofficeDetailSection title={title} description={description}>\n      <div className={styles.list}>\n        {items.map((error, index) => {\n          let details = t('common.notAvailable');\n          if (error.details != null) {\n            details = formatJsonPayload(error.details);\n          }\n          return (\n            <div\n              key={`${error.code}-${index}`}\n              className={cx(styles.item, styles.itemSurface)}\n            >\n              <div className={styles.header}>\n                <span className={styles.code}>{error.code}</span>\n                <span className={styles.message}>{error.message}</span>\n              </div>\n              <div className={styles.details}>\n                <LazyMarkdownRenderer content={details} />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeDetailErrorList;\n"],"mappings":";;;;;;;;AAuBA,IAAa,KAA6B,EACxC,UACA,gBACA,eACwD;CACxD,IAAM,EAAE,SAAM,GAA+B;CAM7C,OAJI,EAAM,WAAW,IACZ,OAIP,kBAAC,GAAD;EAAgC;EAAoB;YAClD,kBAAC,OAAD;GAAK,WAAW;aACb,EAAM,KAAK,GAAO,MAAU;IAC3B,IAAI,IAAU,EAAE,sBAAsB;IAItC,OAHI,EAAM,WAAW,SACnB,IAAU,EAAkB,EAAM,QAAQ,GAG1C,kBAAC,OAAD;KAEE,WAAW,EAAG,GAAa,EAAmB;eAFhD,CAIE,kBAAC,OAAD;MAAK,WAAW;gBAAhB,CACE,kBAAC,QAAD;OAAM,WAAW;iBAAc,EAAM;OAAY,CAAA,EACjD,kBAAC,QAAD;OAAM,WAAW;iBAAiB,EAAM;OAAe,CAAA,CACnD;SACN,kBAAC,OAAD;MAAK,WAAW;gBACd,kBAAC,GAAD,EAAsB,SAAS,GAAW,CAAA;MACtC,CAAA,CACF;OAVC,GAAG,EAAM,KAAK,GAAG,IAUlB;KAER;GACE,CAAA;EACkB,CAAA"}

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

@@ -1,11 +1,12 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
 import { field as t, fullWidth as n, label as r, size as i, value as a } from "./backofficeDetailField.css.js";
-import { CopyableText as o, cx as s } from "@plumile/ui";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { cx as o } from "@plumile/ui/theme/tools.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { CopyableText as l } from "@plumile/ui/backoffice/atoms/copyable_text/CopyableText.js";
 //#region src/components/backoffice/detail/BackofficeDetailField.tsx
 var u = ({ label: u, size: d, value: f, copyValue: p, fullWidth: m = !1 }) => {
 	let { t: h } = e(), g = f;
-	(g == null || typeof g == "string" && g.trim() === "") && (g = h("common.notAvailable")), p != null && p !== "" && (g = /* @__PURE__ */ c(o, {
+	(g == null || typeof g == "string" && g.trim() === "") && (g = h("common.notAvailable")), p != null && p !== "" && (g = /* @__PURE__ */ s(l, {
 		value: p,
 		copyValue: p,
 		truncate: !1,
@@ -13,12 +14,12 @@ var u = ({ label: u, size: d, value: f, copyValue: p, fullWidth: m = !1 }) => {
 		copiedLabel: h("common.actions.copied")
 	}));
 	let _ = [t, i[d]];
-	return m && _.push(n), /* @__PURE__ */ l("div", {
-		className: s(..._),
-		children: [/* @__PURE__ */ c("span", {
+	return m && _.push(n), /* @__PURE__ */ c("div", {
+		className: o(..._),
+		children: [/* @__PURE__ */ s("span", {
 			className: r,
 			children: u
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ s("div", {
 			className: a,
 			children: g
 		})]

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailField.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailField.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport type { BackofficeFieldSize } from '@plumile/backoffice-core/types.js';\n\nimport { CopyableText, cx } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeDetailField.css.js';\n\nexport type BackofficeDetailFieldProps = {\n  id: string;\n  label: string;\n  size: BackofficeFieldSize;\n  value: ReactNode | null | undefined;\n  copyValue?: string;\n  fullWidth?: boolean;\n};\n\nexport const BackofficeDetailField = ({\n  label,\n  size,\n  value,\n  copyValue,\n  fullWidth = false,\n}: BackofficeDetailFieldProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  let resolvedValue: ReactNode = value;\n  if (\n    resolvedValue == null ||\n    (typeof resolvedValue === 'string' && resolvedValue.trim() === '')\n  ) {\n    resolvedValue = t('common.notAvailable');\n  }\n\n  if (copyValue != null && copyValue !== '') {\n    resolvedValue = (\n      <CopyableText\n        value={copyValue}\n        copyValue={copyValue}\n        truncate={false}\n        copyLabel={t('common.actions.copy')}\n        copiedLabel={t('common.actions.copied')}\n      />\n    );\n  }\n\n  const fieldClassNames = [styles.field, styles.size[size]];\n  if (fullWidth) {\n    fieldClassNames.push(styles.fullWidth);\n  }\n\n  return (\n    <div className={cx(...fieldClassNames)}>\n      <span className={styles.label}>{label}</span>\n      <div className={styles.value}>{resolvedValue}</div>\n    </div>\n  );\n};\n\nexport default BackofficeDetailField;\n"],"mappings":";;;;;AAkBA,IAAa,KAAyB,EACpC,OAAA,GACA,MAAA,GACA,OAAA,GACA,cACA,WAAA,IAAY,SACiC;CAC7C,IAAM,EAAE,SAAM,GAA+B,EACzC,IAA2B;CAQ/B,CANE,KAAiB,QAChB,OAAO,KAAkB,YAAY,EAAc,MAAM,KAAK,QAE/D,IAAgB,EAAE,sBAAsB,GAGtC,KAAa,QAAQ,MAAc,OACrC,IACE,kBAAC,GAAD;EACE,OAAO;EACI;EACX,UAAU;EACV,WAAW,EAAE,sBAAsB;EACnC,aAAa,EAAE,wBAAwB;EACvC,CAAA;CAIN,IAAM,IAAkB,CAAC,GAAc,EAAY,GAAM;CAKzD,OAJI,KACF,EAAgB,KAAK,EAAiB,EAItC,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAG,EAAgB;YAAtC,CACE,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAa,CAAA,EAC7C,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAoB,CAAA,CAC/C"}
+{"version":3,"file":"BackofficeDetailField.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailField.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport type { BackofficeFieldSize } from '@plumile/backoffice-core/types.js';\n\nimport { CopyableText } from '@plumile/ui/backoffice/atoms/copyable_text/CopyableText.js';\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeDetailField.css.js';\n\nexport type BackofficeDetailFieldProps = {\n  id: string;\n  label: string;\n  size: BackofficeFieldSize;\n  value: ReactNode | null | undefined;\n  copyValue?: string;\n  fullWidth?: boolean;\n};\n\nexport const BackofficeDetailField = ({\n  label,\n  size,\n  value,\n  copyValue,\n  fullWidth = false,\n}: BackofficeDetailFieldProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  let resolvedValue: ReactNode = value;\n  if (\n    resolvedValue == null ||\n    (typeof resolvedValue === 'string' && resolvedValue.trim() === '')\n  ) {\n    resolvedValue = t('common.notAvailable');\n  }\n\n  if (copyValue != null && copyValue !== '') {\n    resolvedValue = (\n      <CopyableText\n        value={copyValue}\n        copyValue={copyValue}\n        truncate={false}\n        copyLabel={t('common.actions.copy')}\n        copiedLabel={t('common.actions.copied')}\n      />\n    );\n  }\n\n  const fieldClassNames = [styles.field, styles.size[size]];\n  if (fullWidth) {\n    fieldClassNames.push(styles.fullWidth);\n  }\n\n  return (\n    <div className={cx(...fieldClassNames)}>\n      <span className={styles.label}>{label}</span>\n      <div className={styles.value}>{resolvedValue}</div>\n    </div>\n  );\n};\n\nexport default BackofficeDetailField;\n"],"mappings":";;;;;;AAmBA,IAAa,KAAyB,EACpC,OAAA,GACA,MAAA,GACA,OAAA,GACA,cACA,WAAA,IAAY,SACiC;CAC7C,IAAM,EAAE,SAAM,GAA+B,EACzC,IAA2B;CAQ/B,CANE,KAAiB,QAChB,OAAO,KAAkB,YAAY,EAAc,MAAM,KAAK,QAE/D,IAAgB,EAAE,sBAAsB,GAGtC,KAAa,QAAQ,MAAc,OACrC,IACE,kBAAC,GAAD;EACE,OAAO;EACI;EACX,UAAU;EACV,WAAW,EAAE,sBAAsB;EACnC,aAAa,EAAE,wBAAwB;EACvC,CAAA;CAIN,IAAM,IAAkB,CAAC,GAAc,EAAY,GAAM;CAKzD,OAJI,KACF,EAAgB,KAAK,EAAiB,EAItC,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAG,EAAgB;YAAtC,CACE,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAa,CAAA,EAC7C,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAoB,CAAA,CAC/C"}

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailFlagTag.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailFlagTag.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui';\n\nexport const content = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const icon = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  {\n    flex: '0 0 auto',\n  },\n]);\n\nexport const label = style({\n  flex: '0 1 auto',\n});\n"],"mappings":""}
+{"version":3,"file":"BackofficeDetailFlagTag.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailFlagTag.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const content = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const icon = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  {\n    flex: '0 0 auto',\n  },\n]);\n\nexport const label = style({\n  flex: '0 1 auto',\n});\n"],"mappings":""}

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

@@ -1,17 +1,17 @@
 import { content as e, icon as t, label as n } from "./BackofficeDetailFlagTag.css.js";
-import { Tag as r } from "@plumile/ui";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Tag as a } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
 //#region src/components/backoffice/detail/BackofficeDetailFlagTag.tsx
 var o = ({ tone: o, icon: s, label: c }) => {
 	let l = s != null, u = null;
-	return l && (u = /* @__PURE__ */ i("span", {
+	return l && (u = /* @__PURE__ */ r("span", {
 		className: t,
 		children: s
-	})), /* @__PURE__ */ i(r, {
+	})), /* @__PURE__ */ r(a, {
 		tone: o,
-		children: /* @__PURE__ */ a("span", {
+		children: /* @__PURE__ */ i("span", {
 			className: e,
-			children: [u, /* @__PURE__ */ i("span", {
+			children: [u, /* @__PURE__ */ r("span", {
 				className: n,
 				children: c
 			})]

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailFlagTag.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailFlagTag.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { Tag, type TagTone } from '@plumile/ui';\n\nimport * as styles from './BackofficeDetailFlagTag.css.js';\n\nexport type BackofficeDetailFlagTagProps = {\n  tone: TagTone;\n  icon?: ReactNode;\n  label: string;\n};\n\nexport const BackofficeDetailFlagTag = ({\n  tone,\n  icon,\n  label,\n}: BackofficeDetailFlagTagProps): JSX.Element => {\n  const hasIcon = icon != null;\n  let iconNode: ReactNode | null = null;\n  if (hasIcon) {\n    iconNode = <span className={styles.icon}>{icon}</span>;\n  }\n\n  return (\n    <Tag tone={tone}>\n      <span className={styles.content}>\n        {iconNode}\n        <span className={styles.label}>{label}</span>\n      </span>\n    </Tag>\n  );\n};\n\nexport default BackofficeDetailFlagTag;\n"],"mappings":";;;;AAYA,IAAa,KAA2B,EACtC,SACA,MAAA,GACA,OAAA,QAC+C;CAC/C,IAAM,IAAU,KAAQ,MACpB,IAA6B;CAKjC,OAJI,MACF,IAAW,kBAAC,QAAD;EAAM,WAAW;YAAc;EAAY,CAAA,GAItD,kBAAC,GAAD;EAAW;YACT,kBAAC,QAAD;GAAM,WAAW;aAAjB,CACG,GACD,kBAAC,QAAD;IAAM,WAAW;cAAe;IAAa,CAAA,CACxC;;EACH,CAAA"}
+{"version":3,"file":"BackofficeDetailFlagTag.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailFlagTag.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { Tag, type TagTone } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\n\nimport * as styles from './BackofficeDetailFlagTag.css.js';\n\nexport type BackofficeDetailFlagTagProps = {\n  tone: TagTone;\n  icon?: ReactNode;\n  label: string;\n};\n\nexport const BackofficeDetailFlagTag = ({\n  tone,\n  icon,\n  label,\n}: BackofficeDetailFlagTagProps): JSX.Element => {\n  const hasIcon = icon != null;\n  let iconNode: ReactNode | null = null;\n  if (hasIcon) {\n    iconNode = <span className={styles.icon}>{icon}</span>;\n  }\n\n  return (\n    <Tag tone={tone}>\n      <span className={styles.content}>\n        {iconNode}\n        <span className={styles.label}>{label}</span>\n      </span>\n    </Tag>\n  );\n};\n\nexport default BackofficeDetailFlagTag;\n"],"mappings":";;;;AAYA,IAAa,KAA2B,EACtC,SACA,MAAA,GACA,OAAA,QAC+C;CAC/C,IAAM,IAAU,KAAQ,MACpB,IAA6B;CAKjC,OAJI,MACF,IAAW,kBAAC,QAAD;EAAM,WAAW;YAAc;EAAY,CAAA,GAItD,kBAAC,GAAD;EAAW;YACT,kBAAC,QAAD;GAAM,WAAW;aAAjB,CACG,GACD,kBAAC,QAAD;IAAM,WAAW;cAAe;IAAa,CAAA,CACxC;;EACH,CAAA"}

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

@@ -1,7 +1,7 @@
-import { BackofficePageHeader as e } from "@plumile/ui";
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+import { BackofficePageHeader as t } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
 //#region src/components/backoffice/detail/BackofficeDetailHeader.tsx
-var n = ({ title: n, subtitle: r, actions: i, meta: a, leftActions: o, className: s }) => /* @__PURE__ */ t(e, {
+var n = ({ title: n, subtitle: r, actions: i, meta: a, leftActions: o, className: s }) => /* @__PURE__ */ e(t, {
 	title: n,
 	subtitle: r,
 	actions: i,

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailHeader.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailHeader.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { BackofficePageHeader } from '@plumile/ui';\n\nexport type BackofficeDetailHeaderProps = {\n  readonly title: string;\n  readonly subtitle?: ReactNode;\n  readonly actions?: ReactNode;\n  readonly meta?: ReactNode;\n  readonly leftActions?: ReactNode;\n  readonly className?: string;\n};\n\nexport const BackofficeDetailHeader = ({\n  title,\n  subtitle,\n  actions,\n  meta,\n  leftActions,\n  className,\n}: BackofficeDetailHeaderProps): JSX.Element => {\n  return (\n    <BackofficePageHeader\n      title={title}\n      subtitle={subtitle}\n      actions={actions}\n      meta={meta}\n      leftActions={leftActions}\n      className={className}\n    />\n  );\n};\n\nexport default BackofficeDetailHeader;\n"],"mappings":";;;AAYA,IAAa,KAA0B,EACrC,UACA,aACA,YACA,SACA,gBACA,mBAGE,kBAAC,GAAD;CACS;CACG;CACD;CACH;CACO;CACF;CACX,CAAA"}
+{"version":3,"file":"BackofficeDetailHeader.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailHeader.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\n\nexport type BackofficeDetailHeaderProps = {\n  readonly title: string;\n  readonly subtitle?: ReactNode;\n  readonly actions?: ReactNode;\n  readonly meta?: ReactNode;\n  readonly leftActions?: ReactNode;\n  readonly className?: string;\n};\n\nexport const BackofficeDetailHeader = ({\n  title,\n  subtitle,\n  actions,\n  meta,\n  leftActions,\n  className,\n}: BackofficeDetailHeaderProps): JSX.Element => {\n  return (\n    <BackofficePageHeader\n      title={title}\n      subtitle={subtitle}\n      actions={actions}\n      meta={meta}\n      leftActions={leftActions}\n      className={className}\n    />\n  );\n};\n\nexport default BackofficeDetailHeader;\n"],"mappings":";;;AAYA,IAAa,KAA0B,EACrC,UACA,aACA,YACA,SACA,gBACA,mBAGE,kBAAC,GAAD;CACS;CACG;CACD;CACH;CACO;CACF;CACX,CAAA"}

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

@@ -1,7 +1,7 @@
-import { DetailPageTemplate as e } from "@plumile/ui";
-import { jsx as t } from "react/jsx-runtime";
+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__ */ t(e, {
+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,

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

@@ -1 +1 @@
-{"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';\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"}
+{"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,15 +1,15 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
 import { BackofficeDetailSection as t } from "./BackofficeDetailSection.js";
 import { formatJsonPayload as n } from "./detailPayloadUtils.js";
-import { LazyMarkdownRenderer as r } from "@plumile/ui";
-import { jsx as i } from "react/jsx-runtime";
+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__ */ i(t, {
+	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__ */ i(r, { content: u })
+		children: /* @__PURE__ */ r(i, { content: u })
 	});
 };
 //#endregion

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

@@ -1 +1 @@
-{"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';\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"}
+{"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/BackofficeDetailRelationLink.js

@@ -4,7 +4,7 @@ import { BackofficeInlineLink as n } from "../links/BackofficeInlineLink.js";
 import { action as r, chevron as i, label as a, link as o, meta as s } from "./backofficeDetailRelationLink.css.js";
 import { useContext as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { RoutingContext as d } from "@plumile/router";
+import d from "@plumile/router/routing/RoutingContext.js";
 import { buildBackofficeListLink as f } from "@plumile/backoffice-core/state/buildListHref.js";
 import { setWhereValue as p } from "@plumile/backoffice-core/filters/where.js";
 //#region src/components/backoffice/detail/BackofficeDetailRelationLink.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailRelationLink.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent } from 'react';\nimport { RoutingContext } from '@plumile/router';\n\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type { BackofficeRuntimeRelationFilterSpec } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\n\nimport * as styles from './backofficeDetailRelationLink.css.js';\n\nexport type BackofficeDetailRelationLinkProps = {\n  label: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string;\n  count?: number;\n};\n\nexport const BackofficeDetailRelationLink = ({\n  label,\n  relation,\n  value,\n  count,\n}: BackofficeDetailRelationLinkProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const { target, filterId, whereKey, path } = relation;\n  const targetManifest = entities[target];\n  if (targetManifest == null) {\n    return null;\n  }\n\n  const where = setWhereValue<Record<string, unknown>>(\n    null,\n    whereKey,\n    value,\n    path,\n  );\n\n  const loadedEntity = entityRegistry.getLoadedListEntity(target);\n  let filterKey = whereKey;\n  if (path != null) {\n    filterKey = `${whereKey}.${path.join('.')}`;\n  }\n  const resolvedFilterId = filterId ?? filterKey;\n\n  const linkTarget = {\n    kind: 'entity-list',\n    entityId: target,\n    state: {\n      where,\n      filters: [\n        {\n          id: resolvedFilterId,\n          value,\n        },\n      ],\n    },\n  } as BackofficeLinkTarget;\n\n  const navigateToLazyList = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\n    const listEntity = await entityRegistry.loadListEntity(target);\n    const next = buildBackofficeListLink(listEntity.config, { where });\n\n    let search = '';\n    if (next.search !== '') {\n      search = `?${next.search}`;\n    }\n\n    history.push({\n      pathname: next.pathname,\n      search,\n      hash: '',\n    });\n  };\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      loadedEntity != null ||\n      routing == null ||\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    navigateToLazyList(routing.history).catch(() => {\n      /* noop */\n    });\n  };\n\n  let labelText = label;\n  if (count != null) {\n    labelText = t('relations.labelWithCount', {\n      label,\n      count,\n    });\n  }\n\n  return (\n    <BackofficeInlineLink\n      target={linkTarget}\n      className={styles.link}\n      onClick={handleClick}\n      endAdornment={\n        <span className={styles.action}>\n          <span className={styles.meta}>{t('relations.viewList')}</span>\n          <span className={styles.chevron} aria-hidden=\"true\">\n            &gt;\n          </span>\n        </span>\n      }\n    >\n      <span className={styles.label}>{labelText}</span>\n    </BackofficeInlineLink>\n  );\n};\n\nexport default BackofficeDetailRelationLink;\n"],"mappings":";;;;;;;;;;AAqBA,IAAa,KAAgC,EAC3C,OAAA,GACA,aACA,UACA,eAC2D;CAC3D,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAU,EAAW,EAAe,EACpC,EAAE,WAAQ,aAAU,aAAU,YAAS;CAE7C,IADuB,EAAS,MACV,MACpB,OAAO;CAGT,IAAM,IAAQ,EACZ,MACA,GACA,GACA,EACD,EAEK,IAAe,EAAe,oBAAoB,EAAO,EAC3D,IAAY;CAChB,AAAI,KAAQ,SACV,IAAY,GAAG,EAAS,GAAG,EAAK,KAAK,IAAI;CAI3C,IAAM,IAAa;EACjB,MAAM;EACN,UAAU;EACV,OAAO;GACL;GACA,SAAS,CACP;IACE,IATiB,KAAY;IAU7B;IACD,CACF;GACF;EACF,EAEK,IAAqB,OACzB,MACkB;EAElB,IAAM,IAAO,GAAwB,MADZ,EAAe,eAAe,EAAO,EACd,QAAQ,EAAE,UAAO,CAAC,EAE9D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;GACP,CAAC;IAGE,KAAe,MAAyC;EAE1D,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,aAKR,EAAM,gBAAgB,EACtB,EAAmB,EAAQ,QAAQ,CAAC,YAAY,GAE9C;IAGA,IAAY;CAQhB,OAPI,KAAS,SACX,IAAY,EAAE,4BAA4B;EACxC,OAAA;EACA;EACD,CAAC,GAIF,kBAAC,GAAD;EACE,QAAQ;EACR,WAAW;EACX,SAAS;EACT,cACE,kBAAC,QAAD;GAAM,WAAW;aAAjB,CACE,kBAAC,QAAD;IAAM,WAAW;cAAc,EAAE,qBAAqB;IAAQ,CAAA,EAC9D,kBAAC,QAAD;IAAM,WAAW;IAAgB,eAAY;cAAO;IAE7C,CAAA,CACF;;YAGT,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAiB,CAAA;EAC5B,CAAA"}
+{"version":3,"file":"BackofficeDetailRelationLink.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent } from 'react';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type { BackofficeRuntimeRelationFilterSpec } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { BackofficeInlineLink } from '../links/BackofficeInlineLink.js';\nimport type { BackofficeLinkTarget } from '../links/types.js';\n\nimport * as styles from './backofficeDetailRelationLink.css.js';\n\nexport type BackofficeDetailRelationLinkProps = {\n  label: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string;\n  count?: number;\n};\n\nexport const BackofficeDetailRelationLink = ({\n  label,\n  relation,\n  value,\n  count,\n}: BackofficeDetailRelationLinkProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const { target, filterId, whereKey, path } = relation;\n  const targetManifest = entities[target];\n  if (targetManifest == null) {\n    return null;\n  }\n\n  const where = setWhereValue<Record<string, unknown>>(\n    null,\n    whereKey,\n    value,\n    path,\n  );\n\n  const loadedEntity = entityRegistry.getLoadedListEntity(target);\n  let filterKey = whereKey;\n  if (path != null) {\n    filterKey = `${whereKey}.${path.join('.')}`;\n  }\n  const resolvedFilterId = filterId ?? filterKey;\n\n  const linkTarget = {\n    kind: 'entity-list',\n    entityId: target,\n    state: {\n      where,\n      filters: [\n        {\n          id: resolvedFilterId,\n          value,\n        },\n      ],\n    },\n  } as BackofficeLinkTarget;\n\n  const navigateToLazyList = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\n    const listEntity = await entityRegistry.loadListEntity(target);\n    const next = buildBackofficeListLink(listEntity.config, { where });\n\n    let search = '';\n    if (next.search !== '') {\n      search = `?${next.search}`;\n    }\n\n    history.push({\n      pathname: next.pathname,\n      search,\n      hash: '',\n    });\n  };\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      loadedEntity != null ||\n      routing == null ||\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    navigateToLazyList(routing.history).catch(() => {\n      /* noop */\n    });\n  };\n\n  let labelText = label;\n  if (count != null) {\n    labelText = t('relations.labelWithCount', {\n      label,\n      count,\n    });\n  }\n\n  return (\n    <BackofficeInlineLink\n      target={linkTarget}\n      className={styles.link}\n      onClick={handleClick}\n      endAdornment={\n        <span className={styles.action}>\n          <span className={styles.meta}>{t('relations.viewList')}</span>\n          <span className={styles.chevron} aria-hidden=\"true\">\n            &gt;\n          </span>\n        </span>\n      }\n    >\n      <span className={styles.label}>{labelText}</span>\n    </BackofficeInlineLink>\n  );\n};\n\nexport default BackofficeDetailRelationLink;\n"],"mappings":";;;;;;;;;;AAqBA,IAAa,KAAgC,EAC3C,OAAA,GACA,aACA,UACA,eAC2D;CAC3D,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAU,EAAW,EAAe,EACpC,EAAE,WAAQ,aAAU,aAAU,YAAS;CAE7C,IADuB,EAAS,MACV,MACpB,OAAO;CAGT,IAAM,IAAQ,EACZ,MACA,GACA,GACA,EACD,EAEK,IAAe,EAAe,oBAAoB,EAAO,EAC3D,IAAY;CAChB,AAAI,KAAQ,SACV,IAAY,GAAG,EAAS,GAAG,EAAK,KAAK,IAAI;CAI3C,IAAM,IAAa;EACjB,MAAM;EACN,UAAU;EACV,OAAO;GACL;GACA,SAAS,CACP;IACE,IATiB,KAAY;IAU7B;IACD,CACF;GACF;EACF,EAEK,IAAqB,OACzB,MACkB;EAElB,IAAM,IAAO,GAAwB,MADZ,EAAe,eAAe,EAAO,EACd,QAAQ,EAAE,UAAO,CAAC,EAE9D,IAAS;EAKb,AAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;GACP,CAAC;IAGE,KAAe,MAAyC;EAE1D,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,aAKR,EAAM,gBAAgB,EACtB,EAAmB,EAAQ,QAAQ,CAAC,YAAY,GAE9C;IAGA,IAAY;CAQhB,OAPI,KAAS,SACX,IAAY,EAAE,4BAA4B;EACxC,OAAA;EACA;EACD,CAAC,GAIF,kBAAC,GAAD;EACE,QAAQ;EACR,WAAW;EACX,SAAS;EACT,cACE,kBAAC,QAAD;GAAM,WAAW;aAAjB,CACE,kBAAC,QAAD;IAAM,WAAW;cAAc,EAAE,qBAAqB;IAAQ,CAAA,EAC9D,kBAAC,QAAD;IAAM,WAAW;IAAgB,eAAY;cAAO;IAE7C,CAAA,CACF;;YAGT,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAiB,CAAA;EAC5B,CAAA"}

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

@@ -6,65 +6,66 @@ import { useBackofficeLoadMore as i } from "../../../hooks/useBackofficeLoadMore
 import { useBackofficeListRefetch as a } from "../../../hooks/useBackofficeListRefetch.js";
 import { BackofficeEntityListScaffold as o } from "../scaffolds/BackofficeEntityListScaffold.js";
 import { Suspense as s, useCallback as c, useMemo as l, useState as u } from "react";
-import { BackofficeTableSkeleton as d, InlineBanner as f } from "@plumile/ui";
-import { jsx as p } from "react/jsx-runtime";
-import { useTranslation as m } from "react-i18next";
-import * as h from "react-relay";
-import { BACKOFFICE_LIST_REFETCH_POLICY as g, BACKOFFICE_RELATED_TAB_PAGE_SIZE as _ } from "@plumile/backoffice-core/constants.js";
-import { setWhereValue as v } from "@plumile/backoffice-core/filters/where.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import * as p from "react-relay";
+import { InlineBanner as m } from "@plumile/ui/backoffice/molecules/inline_banner/InlineBanner.js";
+import { BACKOFFICE_LIST_REFETCH_POLICY as h, BACKOFFICE_RELATED_TAB_PAGE_SIZE as g } from "@plumile/backoffice-core/constants.js";
+import { setWhereValue as _ } from "@plumile/backoffice-core/filters/where.js";
+import { BackofficeTableSkeleton as v } from "@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
 //#region src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx
-var { useLazyLoadQuery: y, usePaginationFragment: b } = h, x = () => {
+var { useLazyLoadQuery: y, usePaginationFragment: b } = p, x = () => {
 	let { t } = e();
-	return /* @__PURE__ */ p(d, {
+	return /* @__PURE__ */ d(v, {
 		rows: 6,
 		ariaLabel: t("common.loading")
 	});
-}, S = ({ title: t, config: n, relation: s, value: d }) => {
-	let { t: f } = m(), { t: h } = e(), x = n.list, S = n.listDefaults ?? x.defaultState ?? {
+}, S = ({ title: t, config: n, relation: s, value: p }) => {
+	let { t: m } = f(), { t: v } = e(), x = n.list, S = n.listDefaults ?? x.defaultState ?? {
 		where: null,
 		sort: null
 	}, [C, w] = u({
 		where: S.where,
 		sort: S.sort ?? null
-	}), T = l(() => d == null || d.trim() === "" ? null : v(C.where, s.whereKey, d, s.path), [
+	}), T = l(() => p == null || p.trim() === "" ? null : _(C.where, s.whereKey, p, s.path), [
 		s.path,
 		s.whereKey,
 		C.where,
-		d
+		p
 	]), E = T ?? C.where, D = C.sort ?? S.sort, O = l(() => ({
 		where: E,
 		sort: D,
-		count: _,
+		count: g,
 		cursor: null
 	}), [E, D]), k = l(() => x.buildQueryVariables(O), [x, O]), A = y(x.query, k, { fetchPolicy: "store-or-network" }), { data: j, loadNext: M, hasNext: N, isLoadingNext: P, refetch: F } = b(x.fragment, A), I = x.getConnection(j), L = l(() => I.edges.map((e) => x.toRow(e.node)), [I.edges, x]), R = l(() => r(x.columns, {
-		tApp: f,
-		t: h
+		tApp: m,
+		t: v
 	}), [
 		x.columns,
-		h,
-		f
+		v,
+		m
 	]), z = c((e) => x.getRowId(e), [x]), { onRefresh: B } = a({
 		refetch: F,
 		variables: O,
 		defaults: l(() => ({
 			where: T ?? S.where,
 			sort: S.sort,
-			count: _,
+			count: g,
 			cursor: null
 		}), [
 			S.sort,
 			S.where,
 			T
 		]),
-		fetchPolicy: g,
+		fetchPolicy: h,
 		buildQueryVariables: x.buildQueryVariables
 	}), V = i({
 		hasNext: N,
 		isLoadingNext: P,
 		loadNext: M,
-		count: _
+		count: g
 	});
-	return /* @__PURE__ */ p(o, {
+	return /* @__PURE__ */ d(o, {
 		config: n,
 		state: C,
 		pushState: (e) => {
@@ -83,27 +84,27 @@ var { useLazyLoadQuery: y, usePaginationFragment: b } = h, x = () => {
 	});
 }, C = ({ title: t, relation: r, value: i }) => {
 	let { t: a } = e(), o = n(l(() => [r.target], [r.target]));
-	if (o.status === "loading") return /* @__PURE__ */ p(d, {
+	if (o.status === "loading") return /* @__PURE__ */ d(v, {
 		rows: 6,
 		ariaLabel: a("common.loading")
 	});
-	if (o.status === "error") return /* @__PURE__ */ p(f, {
+	if (o.status === "error") return /* @__PURE__ */ d(m, {
 		tone: "warning",
 		title: a("relations.unavailable.title"),
 		children: a("relations.unavailable.description")
 	});
 	let s = o.modules[r.target]?.config;
-	return s == null || s.list.kind === "records" ? null : /* @__PURE__ */ p(S, {
+	return s == null || s.list.kind === "records" ? null : /* @__PURE__ */ d(S, {
 		title: t,
 		config: s,
 		relation: r,
 		value: i
 	});
-}, w = ({ title: e, relation: n, value: r }) => /* @__PURE__ */ p(t, {
-	fallback: () => /* @__PURE__ */ p(x, {}),
-	children: /* @__PURE__ */ p(s, {
-		fallback: /* @__PURE__ */ p(x, {}),
-		children: /* @__PURE__ */ p(C, {
+}, w = ({ title: e, relation: n, value: r }) => /* @__PURE__ */ d(t, {
+	fallback: () => /* @__PURE__ */ d(x, {}),
+	children: /* @__PURE__ */ d(s, {
+		fallback: /* @__PURE__ */ d(x, {}),
+		children: /* @__PURE__ */ d(C, {
 			title: e,
 			relation: n,
 			value: r