@plumile/backoffice-react 0.1.70 → 0.1.73

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

@@ -1,49 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
-import { label as n, link as r, meta as i } from "./backofficeDetailRelationLink.css.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useContext as s } from "react";
-import { Link as c, RoutingContext as l } from "@plumile/router";
-import { buildBackofficeFallbackListHref as u, buildBackofficeListHref as d, 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
-var m = ({ label: m, entityId: h, filterId: g, whereKey: _, value: v, path: y, count: b }) => {
-	let { t: x } = e(), { entities: S, entityRegistry: C } = t(), w = s(l), T = S[h];
-	if (T == null) return null;
-	let E = p(null, _, v, y), D = C.getLoadedListEntity(h), O = _;
-	y != null && (O = `${_}.${y.join(".")}`);
-	let k = g ?? O, A;
-	A = D == null ? u(T.routes.list, E, [{
-		id: k,
-		value: v
-	}]) : d(D.config, { where: E });
-	let j = async (e) => {
-		let t = f((await C.loadListEntity(h)).config, { where: E }), n = "";
-		t.search !== "" && (n = `?${t.search}`), e.push({
-			pathname: t.pathname,
-			search: n,
-			hash: ""
-		});
-	}, M = (e) => {
-		D != null || w == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey || (e.preventDefault(), j(w.history).catch(() => {}));
-	}, N = m;
-	return b != null && (N = x("relations.labelWithCount", {
-		label: m,
-		count: b
-	})), /* @__PURE__ */ o(c, {
-		to: A,
-		className: r,
-		onClick: M,
-		children: [/* @__PURE__ */ a("span", {
-			className: n,
-			children: N
-		}), /* @__PURE__ */ a("span", {
-			className: i,
-			children: x("relations.viewList")
-		})]
-	});
-};
-//#endregion
-export { m as BackofficeDetailRelationLink, m as default };
-
-//# sourceMappingURL=BackofficeDetailRelationLink.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailRelationLink.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent } from 'react';\nimport { Link, RoutingContext } from '@plumile/router';\n\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\n\nimport * as styles from './backofficeDetailRelationLink.css.js';\n\nexport type BackofficeDetailRelationLinkProps = {\n  label: string;\n  entityId: string;\n  filterId?: string;\n  whereKey: string;\n  value: string;\n  path?: readonly string[];\n  count?: number;\n};\n\nexport const BackofficeDetailRelationLink = ({\n  label,\n  entityId,\n  filterId,\n  whereKey,\n  value,\n  path,\n  count,\n}: BackofficeDetailRelationLinkProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const entityManifest = entities[entityId];\n  if (entityManifest == null) {\n    return null;\n  }\n\n  const where = setWhereValue<Record<string, unknown>>(\n    null,\n    whereKey as never,\n    value,\n    path,\n  );\n\n  const loadedEntity = entityRegistry.getLoadedListEntity(entityId);\n  let filterKey = whereKey;\n  if (path != null) {\n    filterKey = `${whereKey}.${path.join('.')}`;\n  }\n  const resolvedFilterId = filterId ?? filterKey;\n\n  let to: string | { pathname: string; search: string };\n  if (loadedEntity == null) {\n    to = buildBackofficeFallbackListHref(entityManifest.routes.list, where, [\n      {\n        id: resolvedFilterId,\n        value,\n      },\n    ]);\n  } else {\n    to = buildBackofficeListHref(loadedEntity.config, { where });\n  }\n\n  const navigateToLazyList = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\n    const listEntity = await entityRegistry.loadListEntity(entityId);\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    <Link to={to} className={styles.link} onClick={handleClick}>\n      <span className={styles.label}>{labelText}</span>\n      <span className={styles.meta}>{t('relations.viewList')}</span>\n    </Link>\n  );\n};\n\nexport default BackofficeDetailRelationLink;\n"],"mappings":";;;;;;;;;AAyBA,IAAa,KAAgC,EAC3C,OAAA,GACA,aACA,aACA,aACA,UACA,SACA,eAC2D;CAC3D,IAAM,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAU,EAAW,EAAe,EACpC,IAAiB,EAAS;AAChC,KAAI,KAAkB,KACpB,QAAO;CAGT,IAAM,IAAQ,EACZ,MACA,GACA,GACA,EACD,EAEK,IAAe,EAAe,oBAAoB,EAAS,EAC7D,IAAY;AAChB,CAAI,KAAQ,SACV,IAAY,GAAG,EAAS,GAAG,EAAK,KAAK,IAAI;CAE3C,IAAM,IAAmB,KAAY,GAEjC;AACJ,CAQE,IARE,KAAgB,OACb,EAAgC,EAAe,OAAO,MAAM,GAAO,CACtE;EACE,IAAI;EACJ;EACD,CACF,CAAC,GAEG,EAAwB,EAAa,QAAQ,EAAE,UAAO,CAAC;CAG9D,IAAM,IAAqB,OACzB,MACkB;EAElB,IAAM,IAAO,GADM,MAAM,EAAe,eAAe,EAAS,EAChB,QAAQ,EAAE,UAAO,CAAC,EAE9D,IAAS;AAKb,EAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;GACP,CAAC;IAGE,KAAe,MAAyC;AAE1D,OAAgB,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;AAQhB,QAPI,KAAS,SACX,IAAY,EAAE,4BAA4B;EACxC,OAAA;EACA;EACD,CAAC,GAIF,kBAAC,GAAD;EAAU;EAAI,WAAW;EAAa,SAAS;YAA/C,CACE,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAiB,CAAA,EACjD,kBAAC,QAAD;GAAM,WAAW;aAAc,EAAE,qBAAqB;GAAQ,CAAA,CACzD"}

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

@@ -1,11 +0,0 @@
-import { list as e } from "./backofficeDetailRelationList.css.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/backoffice/detail/BackofficeDetailRelationList.tsx
-var n = ({ children: n }) => /* @__PURE__ */ t("div", {
-	className: e,
-	children: n
-});
-//#endregion
-export { n as BackofficeDetailRelationList, n as default };
-
-//# sourceMappingURL=BackofficeDetailRelationList.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailRelationList.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationList.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport * as styles from './backofficeDetailRelationList.css.js';\n\nexport type BackofficeDetailRelationListProps = {\n  children?: ReactNode;\n};\n\nexport const BackofficeDetailRelationList = ({\n  children,\n}: BackofficeDetailRelationListProps): JSX.Element => {\n  return <div className={styles.list}>{children}</div>;\n};\n\nexport default BackofficeDetailRelationList;\n"],"mappings":";;;AAOA,IAAa,KAAgC,EAC3C,kBAEO,kBAAC,OAAD;CAAK,WAAW;CAAc;CAAe,CAAA"}

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

@@ -1,115 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
-import { BackofficeErrorBoundary as n } from "../errors/BackofficeErrorBoundary.js";
-import { useBackofficeListEntitiesLoader as r } from "../../../provider/useBackofficeEntityLoader.js";
-import { buildDataTableColumns as i } from "../columns/buildDataTableColumns.js";
-import { useBackofficeLoadMore as a } from "../../../hooks/useBackofficeLoadMore.js";
-import { useBackofficeListRefetch as o } from "../../../hooks/useBackofficeListRefetch.js";
-import { BackofficeEntityListScaffold as s } from "../scaffolds/BackofficeEntityListScaffold.js";
-import { jsx as c } from "react/jsx-runtime";
-import { useTranslation as l } from "react-i18next";
-import { BackofficeTableSkeleton as u } from "@plumile/ui";
-import { Suspense as d, useCallback as f, useMemo as p, useState as m } from "react";
-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";
-//#region src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx
-var { useLazyLoadQuery: y, usePaginationFragment: b } = h, x = ({ title: t, config: n, entities: r, whereKey: u, value: d, path: h }) => {
-	let { t: x } = l(), { t: S } = e();
-	if (n.list.kind === "records") return null;
-	let C = n.list, w = n.listDefaults ?? C.defaultState ?? {
-		where: null,
-		sort: null
-	}, [T, E] = m({
-		where: w.where,
-		sort: w.sort ?? null
-	}), D = p(() => d == null || d.trim() === "" ? null : v(T.where, u, d, h), [
-		h,
-		T.where,
-		d,
-		u
-	]), O = D ?? T.where, k = T.sort ?? w.sort, A = p(() => ({
-		where: O,
-		sort: k,
-		count: _,
-		cursor: null
-	}), [O, k]), j = p(() => C.buildVariables == null ? A : C.buildVariables(A), [C, A]), M = y(C.query, j, { fetchPolicy: "store-or-network" }), { data: N, loadNext: P, hasNext: F, isLoadingNext: I, refetch: L } = b(C.fragment, M), R = C.getConnection(N), z = p(() => R.edges.map((e) => C.toRow(e.node)), [R.edges, C]), B = p(() => i(C.columns, {
-		tApp: x,
-		t: S,
-		resolveEntityHref: (e, t) => {
-			let n = r[e];
-			return n == null ? null : n.routes.detail(t);
-		}
-	}), [
-		r,
-		C.columns,
-		S,
-		x
-	]), V = f((e) => C.getRowId(e), [C]), { onRefresh: H } = o({
-		refetch: L,
-		variables: A,
-		defaults: p(() => ({
-			where: D ?? w.where,
-			sort: w.sort,
-			count: _,
-			cursor: null
-		}), [
-			w.sort,
-			w.where,
-			D
-		]),
-		fetchPolicy: g,
-		buildVariables: C.buildVariables
-	}), U = a({
-		hasNext: F,
-		isLoadingNext: I,
-		loadNext: P,
-		count: _
-	});
-	return /* @__PURE__ */ c(s, {
-		config: n,
-		state: T,
-		pushState: (e) => {
-			E(e);
-		},
-		header: { title: t },
-		rows: z,
-		columns: B,
-		getRowId: V,
-		hasNextPage: F,
-		isLoadingMore: I,
-		onLoadMore: U,
-		onRefresh: H,
-		totalCount: R.totalCount ?? null,
-		variant: "embedded"
-	});
-}, S = ({ title: e, targetId: n, whereKey: i, value: a, path: o }) => {
-	let { entities: s } = t(), l = r(p(() => [n], [n]));
-	if (l.status === "loading") return /* @__PURE__ */ c(u, { rows: 6 });
-	if (l.status === "error") return null;
-	let d = l.modules[n]?.config;
-	return d == null ? null : /* @__PURE__ */ c(x, {
-		title: e,
-		config: d,
-		entities: s,
-		whereKey: i,
-		value: a,
-		path: o
-	});
-}, C = ({ title: e, target: t, whereKey: r, value: i, path: a }) => /* @__PURE__ */ c(n, {
-	fallback: () => /* @__PURE__ */ c(u, { rows: 6 }),
-	children: /* @__PURE__ */ c(d, {
-		fallback: /* @__PURE__ */ c(u, { rows: 6 }),
-		children: /* @__PURE__ */ c(S, {
-			title: e,
-			targetId: t,
-			whereKey: r,
-			value: i,
-			path: a
-		})
-	})
-});
-//#endregion
-export { C as BackofficeDetailRelationListBlock, C as default };
-
-//# sourceMappingURL=BackofficeDetailRelationListBlock.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailRelationListBlock.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { Suspense, useCallback, useMemo, useState, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport {\n  BACKOFFICE_LIST_REFETCH_POLICY,\n  BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n} from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeListState,\n  BackofficeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeTableSkeleton } from '@plumile/ui';\n\nimport { buildDataTableColumns } from '../columns/buildDataTableColumns.js';\nimport { useBackofficeLoadMore } from '../../../hooks/useBackofficeLoadMore.js';\nimport { useBackofficeListRefetch } from '../../../hooks/useBackofficeListRefetch.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeListEntitiesLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeEntityListScaffold } from '../scaffolds/BackofficeEntityListScaffold.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst { useLazyLoadQuery, usePaginationFragment } = ReactRelay;\n\nexport type BackofficeDetailRelationListBlockProps = {\n  title: string;\n  target: string;\n  whereKey: string;\n  value: string | null;\n  path?: readonly string[];\n};\n\ntype RelationListContentProps = {\n  title: string;\n  config: BackofficeResolvedListFacetConfig;\n  entities: ReturnType<typeof useBackofficeConfig>['entities'];\n  whereKey: string;\n  value: string | null;\n  path?: readonly string[];\n};\n\ntype RelationListBlockBodyProps = {\n  title: string;\n  targetId: string;\n  whereKey: string;\n  value: string | null;\n  path?: readonly string[];\n};\n\nconst RelationListContent = ({\n  title,\n  config,\n  entities,\n  whereKey,\n  value,\n  path,\n}: RelationListContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  if (config.list.kind === 'records') {\n    return null;\n  }\n  const listConfig = config.list;\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const [state, setState] = useState<BackofficeListState<unknown, string>>({\n    where: listDefaults.where as never,\n    sort: listDefaults.sort ?? null,\n  });\n\n  const relationWhere = useMemo(() => {\n    if (value == null || value.trim() === '') {\n      return null;\n    }\n    return setWhereValue(\n      state.where as Record<string, unknown> | null,\n      whereKey as never,\n      value,\n      path,\n    );\n  }, [path, state.where, value, whereKey]);\n\n  const effectiveWhere = relationWhere ?? (state.where as never);\n  const resolvedSort = state.sort ?? listDefaults.sort;\n  const variablesBase = useMemo(() => {\n    return {\n      where: effectiveWhere as never,\n      sort: resolvedSort as never,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [effectiveWhere, resolvedSort]);\n\n  const variables = useMemo(() => {\n    if (listConfig.buildVariables != null) {\n      return listConfig.buildVariables(variablesBase as never);\n    }\n    return variablesBase;\n  }, [listConfig, variablesBase]);\n\n  const queryData = useLazyLoadQuery<OperationType>(\n    listConfig.query,\n    variables as never,\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n    refetch,\n  } = usePaginationFragment(listConfig.fragment, queryData as never);\n\n  const connection = listConfig.getConnection(fragmentData);\n  const rows = useMemo(() => {\n    return connection.edges.map((edge) => {\n      return listConfig.toRow(edge.node);\n    });\n  }, [connection.edges, listConfig]);\n\n  const columns = useMemo(() => {\n    return buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n      resolveEntityHref: (entityId, refId) => {\n        const entityManifest = entities[entityId];\n        if (entityManifest == null) {\n          return null;\n        }\n        return entityManifest.routes.detail(refId);\n      },\n    });\n  }, [entities, listConfig.columns, t, tApp]);\n\n  const getRowId = useCallback(\n    (row: unknown) => {\n      return listConfig.getRowId(row as never);\n    },\n    [listConfig],\n  );\n\n  const defaults = useMemo(() => {\n    const baseWhere = relationWhere ?? (listDefaults.where as never);\n    return {\n      where: baseWhere,\n      sort: listDefaults.sort,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [listDefaults.sort, listDefaults.where, relationWhere]);\n\n  const { onRefresh } = useBackofficeListRefetch({\n    refetch: refetch as never,\n    variables: variablesBase as never,\n    defaults: defaults as never,\n    fetchPolicy: BACKOFFICE_LIST_REFETCH_POLICY,\n    buildVariables: listConfig.buildVariables as never,\n  });\n\n  const handleLoadMore = useBackofficeLoadMore({\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n  });\n\n  return (\n    <BackofficeEntityListScaffold\n      config={config as never}\n      state={state as never}\n      pushState={(next) => {\n        setState(next as never);\n      }}\n      header={{ title }}\n      rows={rows}\n      columns={columns as never}\n      getRowId={getRowId}\n      hasNextPage={hasNext}\n      isLoadingMore={isLoadingNext}\n      onLoadMore={handleLoadMore}\n      onRefresh={onRefresh}\n      totalCount={connection.totalCount ?? null}\n      variant=\"embedded\"\n    />\n  );\n};\n\nconst RelationListBlockBody = ({\n  title,\n  targetId,\n  whereKey,\n  value,\n  path,\n}: RelationListBlockBodyProps): JSX.Element | null => {\n  const { entities } = useBackofficeConfig();\n  const relatedEntityIds = useMemo(() => {\n    return [targetId];\n  }, [targetId]);\n  const relatedEntitiesState =\n    useBackofficeListEntitiesLoader(relatedEntityIds);\n\n  if (relatedEntitiesState.status === 'loading') {\n    return <BackofficeTableSkeleton rows={6} />;\n  }\n\n  if (relatedEntitiesState.status === 'error') {\n    return null;\n  }\n\n  const config = relatedEntitiesState.modules[targetId]?.config;\n  if (config == null) {\n    return null;\n  }\n\n  return (\n    <RelationListContent\n      title={title}\n      config={config}\n      entities={entities}\n      whereKey={whereKey}\n      value={value}\n      path={path}\n    />\n  );\n};\n\nexport const BackofficeDetailRelationListBlock = ({\n  title,\n  target,\n  whereKey,\n  value,\n  path,\n}: BackofficeDetailRelationListBlockProps): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return <BackofficeTableSkeleton rows={6} />;\n      }}\n    >\n      <Suspense fallback={<BackofficeTableSkeleton rows={6} />}>\n        <RelationListBlockBody\n          title={title}\n          targetId={target}\n          whereKey={whereKey}\n          value={value}\n          path={path}\n        />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeDetailRelationListBlock;\n"],"mappings":";;;;;;;;;;;;;;;;AA0BA,IAAM,EAAE,qBAAkB,uBAAA,MAA0B,GA2B9C,KAAuB,EAC3B,UACA,WACA,aACA,aACA,UACA,cACkD;CAClD,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B;AAC7C,KAAI,EAAO,KAAK,SAAS,UACvB,QAAO;CAET,IAAM,IAAa,EAAO,MACpB,IAAe,EAAO,gBAC1B,EAAW,gBAAgB;EAAE,OAAO;EAAM,MAAM;EAAM,EAElD,CAAC,GAAO,KAAY,EAA+C;EACvE,OAAO,EAAa;EACpB,MAAM,EAAa,QAAQ;EAC5B,CAAC,EAEI,IAAgB,QAChB,KAAS,QAAQ,EAAM,MAAM,KAAK,KAC7B,OAEF,EACL,EAAM,OACN,GACA,GACA,EACD,EACA;EAAC;EAAM,EAAM;EAAO;EAAO;EAAS,CAAC,EAElC,IAAiB,KAAkB,EAAM,OACzC,IAAe,EAAM,QAAQ,EAAa,MAC1C,IAAgB,SACb;EACL,OAAO;EACP,MAAM;EACN,OAAO;EACP,QAAQ;EACT,GACA,CAAC,GAAgB,EAAa,CAAC,EAE5B,IAAY,QACZ,EAAW,kBAAkB,OAG1B,IAFE,EAAW,eAAe,EAAuB,EAGzD,CAAC,GAAY,EAAc,CAAC,EAEzB,IAAY,EAChB,EAAW,OACX,GACA,EAAE,aAAa,oBAAoB,CACpC,EAEK,EACJ,MAAM,GACN,aACA,YACA,kBACA,eACE,EAAsB,EAAW,UAAU,EAAmB,EAE5D,IAAa,EAAW,cAAc,EAAa,EACnD,IAAO,QACJ,EAAW,MAAM,KAAK,MACpB,EAAW,MAAM,EAAK,KAAK,CAClC,EACD,CAAC,EAAW,OAAO,EAAW,CAAC,EAE5B,IAAU,QACP,EAAsB,EAAW,SAAS;EAC/C;EACA;EACA,oBAAoB,GAAU,MAAU;GACtC,IAAM,IAAiB,EAAS;AAIhC,UAHI,KAAkB,OACb,OAEF,EAAe,OAAO,OAAO,EAAM;;EAE7C,CAAC,EACD;EAAC;EAAU,EAAW;EAAS;EAAG;EAAK,CAAC,EAErC,IAAW,GACd,MACQ,EAAW,SAAS,EAAa,EAE1C,CAAC,EAAW,CACb,EAYK,EAAE,iBAAc,EAAyB;EACpC;EACT,WAAW;EACD,UAbK,SAER;GACL,OAFgB,KAAkB,EAAa;GAG/C,MAAM,EAAa;GACnB,OAAO;GACP,QAAQ;GACT,GACA;GAAC,EAAa;GAAM,EAAa;GAAO;GAAc,CAAC;EAMxD,aAAa;EACb,gBAAgB,EAAW;EAC5B,CAAC,EAEI,IAAiB,EAAsB;EAC3C;EACA;EACA;EACA,OAAO;EACR,CAAC;AAEF,QACE,kBAAC,GAAD;EACU;EACD;EACP,YAAY,MAAS;AACnB,KAAS,EAAc;;EAEzB,QAAQ,EAAE,UAAO;EACX;EACG;EACC;EACV,aAAa;EACb,eAAe;EACf,YAAY;EACD;EACX,YAAY,EAAW,cAAc;EACrC,SAAQ;EACR,CAAA;GAIA,KAAyB,EAC7B,UACA,aACA,aACA,UACA,cACoD;CACpD,IAAM,EAAE,gBAAa,GAAqB,EAIpC,IACJ,EAJuB,QAChB,CAAC,EAAS,EAChB,CAAC,EAAS,CAAC,CAEqC;AAEnD,KAAI,EAAqB,WAAW,UAClC,QAAO,kBAAC,GAAD,EAAyB,MAAM,GAAK,CAAA;AAG7C,KAAI,EAAqB,WAAW,QAClC,QAAO;CAGT,IAAM,IAAS,EAAqB,QAAQ,IAAW;AAKvD,QAJI,KAAU,OACL,OAIP,kBAAC,GAAD;EACS;EACC;EACE;EACA;EACH;EACD;EACN,CAAA;GAIO,KAAqC,EAChD,UACA,WACA,aACA,UACA,cAGE,kBAAC,GAAD;CACE,gBACS,kBAAC,GAAD,EAAyB,MAAM,GAAK,CAAA;WAG7C,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAyB,MAAM,GAAK,CAAA;YACtD,kBAAC,GAAD;GACS;GACP,UAAU;GACA;GACH;GACD;GACN,CAAA;EACO,CAAA;CACa,CAAA"}

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

@@ -1,33 +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 { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/backoffice/detail/BackofficeDetailSection.tsx
-var c = ({ title: c, description: l, items: u, children: d }) => {
-	let f = null;
-	l != null && l !== "" && (f = /* @__PURE__ */ o("p", {
-		className: t,
-		children: l
-	}));
-	let p = null;
-	return u != null && u.length > 0 && (p = /* @__PURE__ */ o("div", {
-		className: n,
-		children: u.map((t) => /* @__PURE__ */ o(e, { ...t }, t.id))
-	})), /* @__PURE__ */ s("section", {
-		className: i,
-		children: [
-			/* @__PURE__ */ s("header", {
-				className: r,
-				children: [/* @__PURE__ */ o("h3", {
-					className: a,
-					children: c
-				}), f]
-			}),
-			p,
-			d
-		]
-	});
-};
-//#endregion
-export { c as BackofficeDetailSection, c 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 { 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  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}>\n      <header className={styles.header}>\n        <h3 className={styles.title}>{title}</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,IAAI,IAAsC;AAC1C,CAAI,KAAe,QAAQ,MAAgB,OACzC,IAAkB,kBAAC,KAAD;EAAG,WAAW;YAAqB;EAAgB,CAAA;CAGvE,IAAI,IAAgC;AAWpC,QAVI,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;YAApB;GACE,kBAAC,UAAD;IAAQ,WAAW;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAW;eAAe;KAAW,CAAA,EACxC,EACM;;GACR;GACA;GACO"}

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

@@ -1,18 +0,0 @@
-import { container as e, value as t } from "./backofficeDetailTaggedValue.css.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Tag as i } from "@plumile/ui";
-//#region src/components/backoffice/detail/BackofficeDetailTaggedValue.tsx
-var a = ({ tag: a, value: o }) => /* @__PURE__ */ r("span", {
-	className: e,
-	children: [a != null && /* @__PURE__ */ n(i, {
-		tone: a.tone,
-		children: a.label
-	}), /* @__PURE__ */ n("span", {
-		className: t,
-		children: o
-	})]
-});
-//#endregion
-export { a as BackofficeDetailTaggedValue, a as default };
-
-//# sourceMappingURL=BackofficeDetailTaggedValue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailTaggedValue.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailTaggedValue.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport type { BackofficeBadgeTone } from '@plumile/backoffice-core/types.js';\nimport { Tag } from '@plumile/ui';\n\nimport * as styles from './backofficeDetailTaggedValue.css.js';\n\nexport type BackofficeDetailTaggedValueProps = {\n  tag: { label: string; tone?: BackofficeBadgeTone } | null;\n  value: ReactNode;\n};\n\nexport const BackofficeDetailTaggedValue = ({\n  tag,\n  value,\n}: BackofficeDetailTaggedValueProps): JSX.Element => {\n  return (\n    <span className={styles.container}>\n      {tag != null && <Tag tone={tag.tone}>{tag.label}</Tag>}\n      <span className={styles.value}>{value}</span>\n    </span>\n  );\n};\n\nexport default BackofficeDetailTaggedValue;\n"],"mappings":";;;;AAYA,IAAa,KAA+B,EAC1C,QACA,OAAA,QAGE,kBAAC,QAAD;CAAM,WAAW;WAAjB,CACG,KAAO,QAAQ,kBAAC,GAAD;EAAK,MAAM,EAAI;YAAO,EAAI;EAAY,CAAA,EACtD,kBAAC,QAAD;EAAM,WAAW;YAAe;EAAa,CAAA,CACxC"}

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                        */
-//#region src/components/backoffice/detail/backofficeDetailBadgeRow.css.ts
-var e = "lqrxsj0 vncd899io vncd89ajx vncd89ao6 vncd89co";
-//#endregion
-export { e as row };
-
-//# sourceMappingURL=backofficeDetailBadgeRow.css.js.map

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

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

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                         */
-//#region src/components/backoffice/detail/backofficeDetailErrorList.css.ts
-var e = "_1tlv14d0 vncd899io vncd89ai6 vncd89aoo", t = "_1tlv14d1 vncd899io vncd89ai6 vncd89ao6 vncd89la6 vncd891rx", n = "_1tlv14d2 vncd891co vncd891qf vncd89wo vncd89v2v", r = "_1tlv14d3 vncd899io vncd89ai6 vncd89anx", i = "_1tlv14d4 vncd89al6 vncd898x vncd89v8t", a = "_1tlv14d5 vncd89amo", o = "_1tlv14d6 vncd898x";
-//#endregion
-export { i as code, o as details, r as header, t as item, n as itemSurface, e as list, a as message };
-
-//# sourceMappingURL=backofficeDetailErrorList.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeDetailErrorList.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailErrorList.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: 4,\n});\n\nexport const item = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  padding: 3,\n  borderRadius: 'xl',\n});\n\nexport const itemSurface = sprinkles({\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surfaceMuted',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n});\n\nexport const code = sprinkles({\n  fontFamily: 'mono',\n  fontSize: 'sm',\n  color: 'textMuted',\n});\n\nexport const message = sprinkles({\n  fontWeight: 'semibold',\n});\n\nexport const details = sprinkles({\n  fontSize: 'sm',\n});\n"],"mappings":""}

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

@@ -1,15 +0,0 @@
-/* empty css                                             */
-/* empty css                                     */
-//#region src/components/backoffice/detail/backofficeDetailField.css.ts
-var e = "_1vn15b70 vncd899io vncd89ai6 vncd89anx vncd89k4x", t = "_1vn15b71 vncd898o vncd8966 vncd89eeo vncd89v8r", n = "_1vn15b72 vncd898x vncd89v8p vncd89ut6", r = "_1vn15b73 vncd89bg6", i = {
-	xs: "_1vn15b74",
-	s: "_1vn15b75",
-	m: "_1vn15b76",
-	l: "_1vn15b77",
-	xl: "_1vn15b78",
-	fluid: "_1vn15b79"
-};
-//#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 { style } from '@vanilla-extract/css';\nimport { 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  wordBreak: 'break-word',\n});\n\nexport const fullWidth = sprinkles({\n  gridColumn: 'span-full',\n});\n\nexport const size = {\n  xs: style({ maxWidth: '10ch' }),\n  s: style({ maxWidth: '18ch' }),\n  m: style({ maxWidth: '28ch' }),\n  l: style({ maxWidth: '44ch' }),\n  xl: style({ maxWidth: '64ch' }),\n  fluid: style({ maxWidth: '100%' }),\n};\n"],"mappings":""}

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                      */
-//#region src/components/backoffice/detail/backofficeDetailLayout.css.ts
-var e = "_1o0pixx0 vncd899ix vncd89bwx vncd89apo vncd89cf", t = "_1o0pixx1 vncd899io vncd89ai6 vncd89ap6", n = "_1o0pixx2 vncd899io vncd89ai6 vncd89ap6", r = "_1o0pixx3 vncd899io vncd89ai6 vncd89ap6";
-//#endregion
-export { e as layout, t as primary, n as secondary, r as stacked };
-
-//# sourceMappingURL=backofficeDetailLayout.css.js.map

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

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

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                            */
-//#region src/components/backoffice/detail/backofficeDetailRelationLink.css.ts
-var e = "_93gupm1 _93gupm0 vncd89nvf vncd89oio vncd89p5o vncd89lxf vncd8978 vncd896w vncd897k vncd899io vncd89co vncd89doo vncd89aof vncd891rf vncd891co vncd891qf vncd89wo vncd89v2t vncd89v8p vncd893b", t = "_93gupm2 vncd898x vncd89amf", n = "_93gupm3 vncd898o vncd89v8r";
-//#endregion
-export { t as label, e as link, n as meta };
-
-//# sourceMappingURL=backofficeDetailRelationLink.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeDetailRelationLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailRelationLink.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { vars } from '@plumile/ui/theme/themeContract.js';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const link = style([\n  sprinkles({\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 3,\n    paddingY: 3,\n    paddingX: 4,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surfaceSecondary',\n    color: 'text',\n    textDecoration: 'none',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceElevated,\n        borderColor: vars.colors.borderStrong,\n      },\n    },\n  },\n]);\n\nexport const label = sprinkles({\n  fontSize: 'sm',\n  fontWeight: 'medium',\n});\n\nexport const meta = sprinkles({\n  fontSize: 'xs',\n  color: 'textSecondary',\n});\n"],"mappings":""}

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                            */
-//#region src/components/backoffice/detail/backofficeDetailRelationList.css.ts
-var e = "_1brmxv70 vncd899io vncd89ai6 vncd89aof";
-//#endregion
-export { e as list };
-
-//# sourceMappingURL=backofficeDetailRelationList.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeDetailRelationList.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeDetailRelationList.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"],"mappings":""}

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                       */
-//#region src/components/backoffice/detail/backofficeDetailSection.css.ts
-var e = "_1v7vur60 vncd899io vncd89ai6 vncd89aoo vncd89lax vncd891rf vncd89v2r vncd891co vncd891qf vncd89wo vncd898qx", t = "_1v7vur61 vncd899io vncd89ai6 vncd89anx", n = "_1v7vur62 vncd8996 vncd89amo vncd89v8p", r = "_1v7vur63 vncd898x vncd89v8r", i = "_1v7vur64 vncd899ix vncd89aoo vncd89c0f";
-//#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: 4,\n  padding: 6,\n  borderRadius: 'md',\n  backgroundColor: 'surface',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  boxShadow: 'inkSoft',\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: 4,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n"],"mappings":""}

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                           */
-//#region src/components/backoffice/detail/backofficeDetailTaggedValue.css.ts
-var e = "avdnn90 vncd899jf vncd89co vncd89ao6 vncd89ajx", t = "avdnn91 vncd899jf vncd89co vncd89anx";
-//#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/detailPayloadUtils.js

@@ -1,17 +0,0 @@
-//#region src/components/backoffice/detail/detailPayloadUtils.ts
-function e(e) {
-	if (e == null) return "";
-	try {
-		return `\`\`\`json\n${JSON.stringify(e, null, 2)}\n\`\`\``;
-	} catch {
-		let t = "[unserializable]";
-		return typeof e == "string" ? t = e : (typeof e == "number" || typeof e == "boolean") && (t = String(e)), `\`\`\`\n${t}\n\`\`\``;
-	}
-}
-function t(e) {
-	return e.length === 0 ? "" : e.map((e) => `- ${e}`).join("\n");
-}
-//#endregion
-export { e as formatJsonPayload, t as formatListAsMarkdown };
-
-//# sourceMappingURL=detailPayloadUtils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"detailPayloadUtils.js","names":[],"sources":["../../../../../src/components/backoffice/detail/detailPayloadUtils.ts"],"sourcesContent":["/**\n * Formats a JSON payload into a fenced Markdown code block.\n */\nexport function formatJsonPayload(value: unknown): string {\n  if (value == null) {\n    return '';\n  }\n  try {\n    return `\\`\\`\\`json\\n${JSON.stringify(value, null, 2)}\\n\\`\\`\\``;\n  } catch {\n    let fallback = '[unserializable]';\n    if (typeof value === 'string') {\n      fallback = value;\n    } else if (typeof value === 'number' || typeof value === 'boolean') {\n      fallback = String(value);\n    }\n    return `\\`\\`\\`\\n${fallback}\\n\\`\\`\\``;\n  }\n}\n\n/**\n * Formats a list of strings as a Markdown bullet list.\n */\nexport function formatListAsMarkdown(items: readonly string[]): string {\n  if (items.length === 0) {\n    return '';\n  }\n  return items\n    .map((item) => {\n      return `- ${item}`;\n    })\n    .join('\\n');\n}\n"],"mappings":";AAGA,SAAgB,EAAkB,GAAwB;AACxD,KAAI,KAAS,KACX,QAAO;AAET,KAAI;AACF,SAAO,eAAe,KAAK,UAAU,GAAO,MAAM,EAAE,CAAC;SAC/C;EACN,IAAI,IAAW;AAMf,SALI,OAAO,KAAU,WACnB,IAAW,KACF,OAAO,KAAU,YAAY,OAAO,KAAU,eACvD,IAAW,OAAO,EAAM,GAEnB,WAAW,EAAS;;;AAO/B,SAAgB,EAAqB,GAAkC;AAIrE,QAHI,EAAM,WAAW,IACZ,KAEF,EACJ,KAAK,MACG,KAAK,IACZ,CACD,KAAK,KAAK"}

package/lib/esm/components/backoffice/errors/BackofficeErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeErrorBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/errors/BackofficeErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode } from 'react';\n\nexport type BackofficeErrorBoundaryProps = {\n  children: ReactNode;\n  fallback: (args: { error: unknown; reset: () => void }) => ReactNode;\n};\n\ntype State = { error: unknown };\n\nexport class BackofficeErrorBoundary extends Component<\n  BackofficeErrorBoundaryProps,\n  State\n> {\n  public state: State = { error: null };\n\n  public static getDerivedStateFromError(error: unknown): State {\n    return { error };\n  }\n\n  public reset = (): void => {\n    this.setState({ error: null });\n  };\n\n  public render(): ReactNode {\n    if (this.state.error != null) {\n      return this.props.fallback({\n        error: this.state.error,\n        reset: this.reset,\n      });\n    }\n    return this.props.children;\n  }\n}\n\nexport default BackofficeErrorBoundary;\n"],"mappings":";;AASA,IAAa,IAAb,cAA6C,EAG3C;CACA,QAAsB,EAAE,OAAO,MAAM;CAErC,OAAc,yBAAyB,GAAuB;AAC5D,SAAO,EAAE,UAAO;;CAGlB,cAA2B;AACzB,OAAK,SAAS,EAAE,OAAO,MAAM,CAAC;;CAGhC,SAA2B;AAOzB,SANI,KAAK,MAAM,SAAS,OAMjB,KAAK,MAAM,WALT,KAAK,MAAM,SAAS;GACzB,OAAO,KAAK,MAAM;GAClB,OAAO,KAAK;GACb,CAAC"}

package/lib/esm/components/backoffice/filters/BackofficeFilterAction.js

@@ -1,43 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { useBackofficeListFilterContext as t } from "../scaffolds/BackofficeListFilterContext.js";
-import { canFilterValue as n, resolveFilterForColumn as r, resolveFilterForWhereKey as i } from "../../../filters/filterHelpers.js";
-import { action as a, icon as o } from "./backofficeFilterAction.css.js";
-import { jsx as s } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import { Link as l } from "@plumile/router";
-import { buildBackofficeListLink as u } from "@plumile/backoffice-core/state/buildListHref.js";
-import { setWhereValue as d } from "@plumile/backoffice-core/filters/where.js";
-import { SidebarSearchSvg as f } from "@plumile/ui/icons/SidebarSearchSvg.js";
-//#region src/components/backoffice/filters/BackofficeFilterAction.tsx
-var p = (e, t) => e(t), m = (m) => {
-	let { t: h } = c(), { t: g } = e(), { whereKey: _, value: v, path: y, label: b, listConfig: x } = m, S = t(), C = null;
-	if (x == null ? S != null && (C = S.config) : C = x, C == null) return null;
-	let w = i(C, _, y);
-	if (w == null && y == null && (w = r(C, _)), w == null || !n(w, v)) return null;
-	let T = p(w.label, h), E = b ?? g("filters.actions.filterBy", { label: T }), D = /* @__PURE__ */ s(f, {
-		width: 14,
-		height: 14,
-		className: o,
-		"aria-hidden": "true"
-	});
-	if (S != null) return /* @__PURE__ */ s("button", {
-		type: "button",
-		className: a,
-		title: E,
-		"aria-label": E,
-		onClick: () => {
-			S.applyFilter(_, v, y);
-		},
-		children: D
-	});
-	let O = d(C.listDefaults?.where ?? C.list.defaultState?.where ?? null, _, v, y);
-	return /* @__PURE__ */ s(l, {
-		to: u(C, { where: O }),
-		className: a,
-		children: D
-	});
-};
-//#endregion
-export { m as BackofficeFilterAction, m as default };
-
-//# sourceMappingURL=BackofficeFilterAction.js.map

package/lib/esm/components/backoffice/filters/BackofficeFilterAction.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeFilterAction.js","names":[],"sources":["../../../../../src/components/backoffice/filters/BackofficeFilterAction.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from '@plumile/router';\nimport { SidebarSearchSvg } from '@plumile/ui/icons/SidebarSearchSvg.js';\n\nimport type {\n  BackofficeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { TFunction } from 'i18next';\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\n\nimport {\n  canFilterValue,\n  resolveFilterForColumn,\n  resolveFilterForWhereKey,\n} from '../../../filters/filterHelpers.js';\nimport { useBackofficeListFilterContext } from '../scaffolds/BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeFilterAction.css.js';\n\nexport type BackofficeFilterActionProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n  Sort extends string = string,\n> = {\n  whereKey: string;\n  value: unknown;\n  path?: readonly string[];\n  label?: string;\n  listConfig?: BackofficeResolvedListFacetConfig<Where, Sort>;\n};\n\ntype ListFilterContext<\n  Where extends Record<string, unknown>,\n  Sort extends string,\n> = {\n  config: BackofficeResolvedListFacetConfig<Where, Sort>;\n  applyFilter: (\n    whereKey: string,\n    value: unknown,\n    path?: readonly string[],\n  ) => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const BackofficeFilterAction = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n  Sort extends string = string,\n>(\n  props: BackofficeFilterActionProps<Where, Sort>,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { whereKey, value, path, label, listConfig } = props;\n\n  const getContext = useBackofficeListFilterContext as () => ListFilterContext<\n    Where,\n    Sort\n  > | null;\n  const context = getContext();\n  let config: BackofficeResolvedListFacetConfig<Where, Sort> | null = null;\n\n  if (listConfig != null) {\n    config = listConfig;\n  } else if (context != null) {\n    config = context.config;\n  }\n\n  if (config == null) {\n    return null;\n  }\n\n  let filter = resolveFilterForWhereKey(config, whereKey, path);\n  if (filter == null && path == null) {\n    filter = resolveFilterForColumn(config, whereKey);\n  }\n  if (filter == null || !canFilterValue(filter, value)) {\n    return null;\n  }\n\n  const filterLabel = resolveLabel(filter.label, tApp);\n  const actionLabel =\n    label ??\n    t('filters.actions.filterBy', {\n      label: filterLabel,\n    });\n  const icon = (\n    <SidebarSearchSvg\n      width={14}\n      height={14}\n      className={styles.icon}\n      aria-hidden=\"true\"\n    />\n  );\n\n  if (context != null) {\n    return (\n      <button\n        type=\"button\"\n        className={styles.action}\n        title={actionLabel}\n        aria-label={actionLabel}\n        onClick={() => {\n          context.applyFilter(whereKey, value, path);\n        }}\n      >\n        {icon}\n      </button>\n    );\n  }\n\n  const baseWhere =\n    config.listDefaults?.where ?? config.list.defaultState?.where ?? null;\n  const nextWhere = setWhereValue(\n    baseWhere,\n    whereKey as keyof Where,\n    value,\n    path,\n  );\n  const to = buildBackofficeListLink(config, { where: nextWhere });\n\n  return (\n    <Link to={to} className={styles.action}>\n      {icon}\n    </Link>\n  );\n};\n\nexport default BackofficeFilterAction;\n"],"mappings":";;;;;;;;;;;AA8CA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KAIX,MACuB;CACvB,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,UAAO,SAAM,UAAO,kBAAe,GAM/C,IAJa,GAIS,EACxB,IAAgE;AAQpE,KANI,KAAc,OAEP,KAAW,SACpB,IAAS,EAAQ,UAFjB,IAAS,GAKP,KAAU,KACZ,QAAO;CAGT,IAAI,IAAS,EAAyB,GAAQ,GAAU,EAAK;AAI7D,KAHI,KAAU,QAAQ,KAAQ,SAC5B,IAAS,EAAuB,GAAQ,EAAS,GAE/C,KAAU,QAAQ,CAAC,EAAe,GAAQ,EAAM,CAClD,QAAO;CAGT,IAAM,IAAc,EAAa,EAAO,OAAO,EAAK,EAC9C,IACJ,KACA,EAAE,4BAA4B,EAC5B,OAAO,GACR,CAAC,EACE,IACJ,kBAAC,GAAD;EACE,OAAO;EACP,QAAQ;EACR,WAAW;EACX,eAAY;EACZ,CAAA;AAGJ,KAAI,KAAW,KACb,QACE,kBAAC,UAAD;EACE,MAAK;EACL,WAAW;EACX,OAAO;EACP,cAAY;EACZ,eAAe;AACb,KAAQ,YAAY,GAAU,GAAO,EAAK;;YAG3C;EACM,CAAA;CAMb,IAAM,IAAY,EADhB,EAAO,cAAc,SAAS,EAAO,KAAK,cAAc,SAAS,MAGjE,GACA,GACA,EACD;AAGD,QACE,kBAAC,GAAD;EAAU,IAHD,EAAwB,GAAQ,EAAE,OAAO,GAAW,CAAC;EAGhD,WAAW;YACtB;EACI,CAAA"}

package/lib/esm/components/backoffice/filters/EntityFilterValue.js

@@ -1,46 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { BackofficeErrorBoundary as t } from "../errors/BackofficeErrorBoundary.js";
-import { useBackofficePickerEntityLoader as n } from "../../../provider/useBackofficeEntityLoader.js";
-import { jsx as r } from "react/jsx-runtime";
-import { Suspense as i } from "react";
-import * as a from "react-relay";
-//#region src/components/backoffice/filters/EntityFilterValue.tsx
-var { useLazyLoadQuery: o } = a, s = (e) => {
-	if (typeof e != "object" || !e) return null;
-	let { title: t } = e;
-	if (typeof t != "string") return null;
-	let n = t.trim();
-	return n === "" ? null : n;
-}, c = ({ valueConfig: e, id: t, children: n }) => {
-	let r = o(e.query, { id: t }), i = e.resolveRow(r), a = null;
-	return i != null && (a = e.toRow(i)), n(s(a));
-}, l = ({ entityId: e, id: a, children: o }) => {
-	let s = n(e, { enabled: a.trim() !== "" }), l = null;
-	s.status === "loaded" && (l = s.module.config.picker.value ?? null);
-	let u = o(null);
-	return l == null ? u : /* @__PURE__ */ r(t, {
-		fallback: () => u,
-		children: /* @__PURE__ */ r(i, {
-			fallback: u,
-			children: /* @__PURE__ */ r(c, {
-				valueConfig: l,
-				id: a,
-				children: o
-			})
-		})
-	});
-}, u = ({ entityId: t, id: n }) => {
-	let { t: i } = e(), a = n.trim();
-	return /* @__PURE__ */ r(l, {
-		entityId: t,
-		id: n,
-		children: (e) => {
-			let t = a;
-			return a === "" && (t = i("filters.placeholders.unresolved")), /* @__PURE__ */ r("span", { children: e ?? t });
-		}
-	});
-};
-//#endregion
-export { u as EntityFilterValue, u as default, l as EntityFilterValueText };
-
-//# sourceMappingURL=EntityFilterValue.js.map

package/lib/esm/components/backoffice/filters/EntityFilterValue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityFilterValue.js","names":[],"sources":["../../../../../src/components/backoffice/filters/EntityFilterValue.tsx"],"sourcesContent":["import { Suspense, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport type { BackofficePickerValueConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype EntityFilterValueContentProps<RowRef, RowView> = {\n  valueConfig: BackofficePickerValueConfig<RowRef, RowView>;\n  id: string;\n  children: (label: string | null) => JSX.Element;\n};\n\nconst resolveTitle = (value: unknown): string | null => {\n  if (value == null || typeof value !== 'object') {\n    return null;\n  }\n  const { title } = value as { title?: unknown };\n  if (typeof title !== 'string') {\n    return null;\n  }\n  const trimmed = title.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nconst EntityFilterValueContent = <RowRef, RowView>({\n  valueConfig,\n  id,\n  children,\n}: EntityFilterValueContentProps<RowRef, RowView>): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(valueConfig.query, { id });\n  const rowRef = valueConfig.resolveRow(data);\n  let row: RowView | null = null;\n  if (rowRef != null) {\n    row = valueConfig.toRow(rowRef);\n  }\n  const title = resolveTitle(row);\n\n  return children(title);\n};\n\nexport type EntityFilterValueTextProps = {\n  entityId: string;\n  id: string;\n  children: (label: string | null) => JSX.Element;\n};\n\nexport const EntityFilterValueText = ({\n  entityId,\n  id,\n  children,\n}: EntityFilterValueTextProps): JSX.Element => {\n  const resolvedId = id.trim();\n  const pickerEntityState = useBackofficePickerEntityLoader(entityId, {\n    enabled: resolvedId !== '',\n  });\n  let valueConfig: BackofficePickerValueConfig<unknown, unknown> | null = null;\n  if (pickerEntityState.status === 'loaded') {\n    valueConfig = pickerEntityState.module.config.picker.value ?? null;\n  }\n\n  const fallback = children(null);\n  if (valueConfig == null) {\n    return fallback;\n  }\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return fallback;\n      }}\n    >\n      <Suspense fallback={fallback}>\n        <EntityFilterValueContent valueConfig={valueConfig} id={id}>\n          {children}\n        </EntityFilterValueContent>\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport type EntityFilterValueProps = {\n  entityId: string;\n  id: string;\n};\n\nexport const EntityFilterValue = ({\n  entityId,\n  id,\n}: EntityFilterValueProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedId = id.trim();\n\n  return (\n    <EntityFilterValueText entityId={entityId} id={id}>\n      {(label) => {\n        let fallbackLabel = resolvedId;\n        if (resolvedId === '') {\n          fallbackLabel = t('filters.placeholders.unresolved');\n        }\n        return <span>{label ?? fallbackLabel}</span>;\n      }}\n    </EntityFilterValueText>\n  );\n};\n\nexport default EntityFilterValue;\n"],"mappings":";;;;;;;AAUA,IAAM,EAAE,wBAAqB,GAQvB,KAAgB,MAAkC;AACtD,KAAqB,OAAO,KAAU,aAAlC,EACF,QAAO;CAET,IAAM,EAAE,aAAU;AAClB,KAAI,OAAO,KAAU,SACnB,QAAO;CAET,IAAM,IAAU,EAAM,MAAM;AAI5B,QAHI,MAAY,KACP,OAEF;GAGH,KAA6C,EACjD,gBACA,OACA,kBACiE;CACjE,IAAM,IAAO,EAAgC,EAAY,OAAO,EAAE,OAAI,CAAC,EACjE,IAAS,EAAY,WAAW,EAAK,EACvC,IAAsB;AAM1B,QALI,KAAU,SACZ,IAAM,EAAY,MAAM,EAAO,GAI1B,EAFO,EAAa,EAAI,CAET;GASX,KAAyB,EACpC,aACA,OACA,kBAC6C;CAE7C,IAAM,IAAoB,EAAgC,GAAU,EAClE,SAFiB,EAAG,MAAM,KAEF,IACzB,CAAC,EACE,IAAoE;AACxE,CAAI,EAAkB,WAAW,aAC/B,IAAc,EAAkB,OAAO,OAAO,OAAO,SAAS;CAGhE,IAAM,IAAW,EAAS,KAAK;AAK/B,QAJI,KAAe,OACV,IAIP,kBAAC,GAAD;EACE,gBACS;YAGT,kBAAC,GAAD;GAAoB;aAClB,kBAAC,GAAD;IAAuC;IAAiB;IACrD;IACwB,CAAA;GAClB,CAAA;EACa,CAAA;GASjB,KAAqB,EAChC,aACA,YACyC;CACzC,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAa,EAAG,MAAM;AAE5B,QACE,kBAAC,GAAD;EAAiC;EAAc;aAC3C,MAAU;GACV,IAAI,IAAgB;AAIpB,UAHI,MAAe,OACjB,IAAgB,EAAE,kCAAkC,GAE/C,kBAAC,QAAD,EAAA,UAAO,KAAS,GAAqB,CAAA;;EAExB,CAAA"}

package/lib/esm/components/backoffice/filters/EntityIdFilterField.js

@@ -1,51 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { actions as t, container as n, placeholder as r, valueBox as i, valueText as a } from "./entityIdFilterField.css.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Button as c } from "@plumile/ui";
-//#region src/components/backoffice/filters/EntityIdFilterField.tsx
-var l = (l) => {
-	let { label: u, value: d, displayValue: f, placeholder: p, onPick: m, onClear: h } = l, { t: g } = e(), _ = d?.trim() ?? "", v = f?.trim() ?? "", y = _ !== "", b = v !== "", x = p ?? g("filters.placeholders.search", { label: u }), S = g("filters.placeholders.unresolved"), C;
-	C = b ? /* @__PURE__ */ o("span", {
-		className: a,
-		children: v
-	}) : y ? /* @__PURE__ */ o("span", {
-		className: r,
-		children: S
-	}) : /* @__PURE__ */ o("span", {
-		className: r,
-		children: x
-	});
-	let w = g("common.actions.pick");
-	y && (w = g("common.actions.change"));
-	let T = null;
-	y && h != null && (T = /* @__PURE__ */ o(c, {
-		type: "button",
-		variant: "text",
-		size: "small",
-		"aria-label": g("common.actions.clear"),
-		onClick: h,
-		children: g("common.actions.clear")
-	}));
-	let E = null;
-	return m != null && (E = /* @__PURE__ */ o(c, {
-		type: "button",
-		variant: "secondary",
-		size: "small",
-		"aria-label": g("common.actions.pick"),
-		onClick: m,
-		children: w
-	})), /* @__PURE__ */ s("div", {
-		className: n,
-		children: [/* @__PURE__ */ o("div", {
-			className: i,
-			children: C
-		}), /* @__PURE__ */ s("div", {
-			className: t,
-			children: [E, T]
-		})]
-	});
-};
-//#endregion
-export { l as EntityIdFilterField, l as default };
-
-//# sourceMappingURL=EntityIdFilterField.js.map