@plumile/backoffice-react 0.1.72 → 0.1.73

package/lib/esm/EntityFilterValue-SC_jkj4O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityFilterValue-SC_jkj4O.js","names":[],"sources":["../../src/components/backoffice/scaffolds/BackofficeListFilterContext.tsx","../../src/components/backoffice/filters/EntityFilterValue.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  type JSX,\n  type ReactNode,\n} from 'react';\n\nimport type {\n  BackofficeListState,\n  BackofficeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\n\nexport type BackofficeListFilterContextValue = {\n  config: BackofficeResolvedListFacetConfig;\n  state: BackofficeListState<Record<string, unknown>, string>;\n  pushState: (\n    next: BackofficeListState<Record<string, unknown>, string>,\n  ) => void;\n  applyFilter: (\n    whereKey: string,\n    value: unknown,\n    path?: readonly string[],\n  ) => void;\n  buildFilterLink: (\n    whereKey: string,\n    value: unknown,\n    path?: readonly string[],\n  ) => { pathname: string; search: string };\n};\n\nconst BackofficeListFilterContext =\n  createContext<BackofficeListFilterContextValue | null>(null);\n\ntype ProviderProps<\n  Where extends Record<string, unknown>,\n  Sort extends string,\n> = {\n  config: BackofficeResolvedListFacetConfig<Where, Sort>;\n  state: BackofficeListState<Where, Sort>;\n  pushState: (next: BackofficeListState<Where, Sort>) => void;\n  children: ReactNode;\n};\n\nexport const BackofficeListFilterProvider = <\n  Where extends Record<string, unknown>,\n  Sort extends string,\n>(\n  props: ProviderProps<Where, Sort>,\n): JSX.Element => {\n  const { config, state, pushState, children } = props;\n\n  const applyFilter = useCallback(\n    (whereKey: string, value: unknown, path?: readonly string[]) => {\n      const nextWhere = setWhereValue(\n        state.where,\n        whereKey as keyof Where,\n        value,\n        path,\n      );\n      pushState({ ...state, where: nextWhere });\n    },\n    [pushState, state],\n  );\n\n  const buildFilterLink = useCallback(\n    (whereKey: string, value: unknown, path?: readonly string[]) => {\n      const nextWhere = setWhereValue(\n        state.where,\n        whereKey as keyof Where,\n        value,\n        path,\n      );\n      return buildBackofficeListLink(config, { ...state, where: nextWhere });\n    },\n    [config, state],\n  );\n\n  const contextValue = useMemo<BackofficeListFilterContextValue>(() => {\n    return {\n      config: config as BackofficeResolvedListFacetConfig,\n      state: state as unknown as BackofficeListState<\n        Record<string, unknown>,\n        string\n      >,\n      pushState: pushState as BackofficeListFilterContextValue['pushState'],\n      applyFilter,\n      buildFilterLink,\n    };\n  }, [applyFilter, buildFilterLink, config, pushState, state]);\n\n  return (\n    <BackofficeListFilterContext.Provider value={contextValue}>\n      {children}\n    </BackofficeListFilterContext.Provider>\n  );\n};\n\nexport const useBackofficeListFilterContext =\n  (): BackofficeListFilterContextValue | null => {\n    return useContext(BackofficeListFilterContext);\n  };\n\nexport default BackofficeListFilterContext;\n","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":";;;;;;;;AAkCA,IAAM,IACJ,EAAuD,KAAK,EAYjD,KAIX,MACgB;CAChB,IAAM,EAAE,WAAQ,UAAO,cAAW,gBAAa,GAEzC,IAAc,GACjB,GAAkB,GAAgB,MAA6B;EAC9D,IAAM,IAAY,EAChB,EAAM,OACN,GACA,GACA,EACD;AACD,IAAU;GAAE,GAAG;GAAO,OAAO;GAAW,CAAC;IAE3C,CAAC,GAAW,EAAM,CACnB,EAEK,IAAkB,GACrB,GAAkB,GAAgB,MAA6B;EAC9D,IAAM,IAAY,EAChB,EAAM,OACN,GACA,GACA,EACD;AACD,SAAO,EAAwB,GAAQ;GAAE,GAAG;GAAO,OAAO;GAAW,CAAC;IAExE,CAAC,GAAQ,EAAM,CAChB,EAEK,IAAe,SACZ;EACG;EACD;EAII;EACX;EACA;EACD,GACA;EAAC;EAAa;EAAiB;EAAQ;EAAW;EAAM,CAAC;AAE5D,QACE,kBAAC,EAA4B,UAA7B;EAAsC,OAAO;EAC1C;EACoC,CAAA;GAI9B,UAEF,EAAW,EAA4B,EC7F5C,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/EntityIdPickerDialog-FMC5Hx_I.js

@@ -0,0 +1,308 @@
+import { n as e } from "./sprinkles.css.ts.vanilla-n-NK_DwW.js";
+import { n as t, t as n } from "./useBackofficeReactTranslation-WfXU8kCf.js";
+import { Suspense as r, useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+import { useTranslation as c } from "react-i18next";
+import { BackofficeEmptyState as l, Button as u, Input as d, Modal as f, Spinner as p } from "@plumile/ui";
+import * as m from "react-relay";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/backoffice/filters/entityIdFilterField.css.ts
+var v = "oa1uye0 vncd899io vncd89co vncd89ao6 vncd89u3f vncd89jdo", y = "oa1uye1 vncd899mx vncd89k4x vncd899io vncd89co vncd89l6f", b = "oa1uye2 vncd899i6 vncd89l6f vncd89t6f vncd89uw6", x = "oa1uye3 vncd89v8t", S = "oa1uye4 vncd899io vncd89co vncd89anx", C = (e) => {
+	let { label: t, value: r, displayValue: i, placeholder: a, onPick: o, onClear: s } = e, { t: c } = n(), l = r?.trim() ?? "", d = i?.trim() ?? "", f = l !== "", p = d !== "", m = a ?? c("filters.placeholders.search", { label: t }), h = c("filters.placeholders.unresolved"), C;
+	C = p ? /* @__PURE__ */ g("span", {
+		className: b,
+		children: d
+	}) : f ? /* @__PURE__ */ g("span", {
+		className: x,
+		children: h
+	}) : /* @__PURE__ */ g("span", {
+		className: x,
+		children: m
+	});
+	let w = c("common.actions.pick");
+	f && (w = c("common.actions.change"));
+	let T = null;
+	f && s != null && (T = /* @__PURE__ */ g(u, {
+		type: "button",
+		variant: "text",
+		size: "small",
+		"aria-label": c("common.actions.clear"),
+		onClick: s,
+		children: c("common.actions.clear")
+	}));
+	let E = null;
+	return o != null && (E = /* @__PURE__ */ g(u, {
+		type: "button",
+		variant: "secondary",
+		size: "small",
+		"aria-label": c("common.actions.pick"),
+		onClick: o,
+		children: w
+	})), /* @__PURE__ */ _("div", {
+		className: v,
+		children: [/* @__PURE__ */ g("div", {
+			className: y,
+			children: C
+		}), /* @__PURE__ */ _("div", {
+			className: S,
+			children: [E, T]
+		})]
+	});
+}, w = (e) => e instanceof Error ? e : Error(String(e)), T = (e) => [...new Set(e)].sort(), E = (e, t) => ({
+	status: e,
+	modules: t,
+	error: null
+}), D = (e, t) => e === t ? !0 : e == null || t == null ? !1 : e.name === t.name && e.message === t.message, O = (e, t) => {
+	let n = Object.keys(e), r = Object.keys(t);
+	if (n.length !== r.length) return !1;
+	for (let r of n) if (!(r in t) || e[r] !== t[r]) return !1;
+	return !0;
+}, k = (e, t) => e.status !== t.status || e.module !== t.module ? !1 : D(e.error, t.error), A = (e, t) => e.status !== t.status || !O(e.modules, t.modules) ? !1 : D(e.error, t.error), j = (e, t) => k(e, t) ? e : t, M = (e, t) => A(e, t) ? e : t, N = (e, t, n, r = !0) => {
+	let i = t(e), [o, c] = s(() => i == null ? {
+		status: "loading",
+		module: null,
+		error: null
+	} : {
+		status: "loaded",
+		module: i,
+		error: null
+	});
+	return a(() => {
+		if (!r) {
+			let n = t(e);
+			c((e) => {
+				let t;
+				return t = n == null ? {
+					status: "loading",
+					module: null,
+					error: null
+				} : {
+					status: "loaded",
+					module: n,
+					error: null
+				}, j(e, t);
+			});
+			return;
+		}
+		let i = t(e);
+		if (i != null) {
+			c((e) => j(e, {
+				status: "loaded",
+				module: i,
+				error: null
+			}));
+			return;
+		}
+		let a = !1;
+		return c((e) => j(e, {
+			status: "loading",
+			module: null,
+			error: null
+		})), n(e).then((e) => {
+			a || c((t) => j(t, {
+				status: "loaded",
+				module: e,
+				error: null
+			}));
+		}).catch((e) => {
+			if (a) return;
+			let t = w(e);
+			c((e) => j(e, {
+				status: "error",
+				module: null,
+				error: t
+			}));
+		}), () => {
+			a = !0;
+		};
+	}, [
+		r,
+		e,
+		t,
+		n
+	]), o;
+}, P = (t, n) => {
+	let { entityRegistry: r } = e();
+	return N(t, r.getLoadedPickerEntity, r.loadPickerEntity, n?.enabled);
+}, F = (t) => {
+	let { entityRegistry: n } = e(), r = o(() => T(t), [t]), i = r.join("|"), [c, l] = s(() => {
+		let e = {}, t = !0;
+		for (let i of r) {
+			let r = n.getLoadedListEntity(i);
+			r == null ? t = !1 : e[i] = r;
+		}
+		return E(t ? "loaded" : "loading", e);
+	});
+	return a(() => {
+		let e = {}, t = !0;
+		for (let i of r) {
+			let r = n.getLoadedListEntity(i);
+			r == null ? t = !1 : e[i] = r;
+		}
+		if (t) {
+			let t = E("loaded", e);
+			l((e) => M(e, t));
+			return;
+		}
+		let i = !1;
+		return l((t) => M(t, {
+			status: "loading",
+			modules: e,
+			error: null
+		})), Promise.all(r.map(async (e) => [e, await n.loadListEntity(e)])).then((e) => {
+			i || l((t) => M(t, {
+				status: "loaded",
+				modules: Object.fromEntries(e),
+				error: null
+			}));
+		}).catch((t) => {
+			if (i) return;
+			let n = w(t);
+			l((t) => M(t, {
+				status: "error",
+				modules: e,
+				error: n
+			}));
+		}), () => {
+			i = !0;
+		};
+	}, [
+		i,
+		n,
+		r
+	]), c;
+}, I = "_10f5c550 vncd899io vncd89ai6 vncd89aof", L = "_10f5c551 vncd89nuf vncd89oho vncd89p5o vncd89lxf vncd89v8r vncd898x vncd89t5x", R = "_10f5c552 vncd899io vncd89ao6 vncd89co", z = "_10f5c553 vncd899mx vncd89k4x vncd899io vncd89ai6 vncd89t5o", B = "_10f5c554 vncd89v8p vncd89amf vncd8996 vncd89f3x", V = "_10f5c555 vncd89v8r vncd898x vncd89f3x", H = ({ search: e, onSearchChange: t, searchPlaceholder: r, searchEnabled: i = !0, children: a }) => {
+	let { t: o } = n(), s = r ?? o("picker.searchPlaceholder.default"), c = null;
+	return i && (c = /* @__PURE__ */ g(d, {
+		value: e,
+		onChange: (e) => {
+			t(e.target.value);
+		},
+		placeholder: s,
+		size: "small",
+		fullWidth: !0
+	})), /* @__PURE__ */ _("div", {
+		className: I,
+		children: [c, a]
+	});
+}, U = ({ title: e, subtitle: t }) => {
+	let n = null;
+	return t != null && (n = /* @__PURE__ */ g("div", {
+		className: V,
+		children: t
+	})), /* @__PURE__ */ g("div", {
+		className: R,
+		children: /* @__PURE__ */ _("div", {
+			className: z,
+			children: [/* @__PURE__ */ g("div", {
+				className: B,
+				children: e
+			}), n]
+		})
+	});
+}, W = ({ items: e, onSelectId: t, emptyState: n }) => e.length === 0 ? n ?? /* @__PURE__ */ g(l, {
+	title: "No result",
+	description: "Try another search term."
+}) : /* @__PURE__ */ g("div", { children: e.map((e) => /* @__PURE__ */ g(u, {
+	type: "button",
+	variant: "text",
+	onClick: () => {
+		t(e.id);
+	},
+	width: "full",
+	children: /* @__PURE__ */ g(U, {
+		title: e.title,
+		subtitle: e.subtitle
+	})
+}, e.id)) }), { useFragment: G, useLazyLoadQuery: K } = m, q = "store-and-network", J = (e, t) => e(t), Y = ({ config: e, search: t, scope: n, fetchKey: r, onSelectId: i }) => {
+	let a = o(() => {
+		let r = t.trim();
+		if (e.buildVariables != null) return e.buildVariables({
+			search: r,
+			scope: n
+		});
+		let i = r;
+		return r === "" && (i = null), {
+			search: i,
+			scope: n
+		};
+	}, [
+		e,
+		n,
+		t
+	]), s = K(e.query, a, {
+		fetchPolicy: q,
+		fetchKey: r
+	}), c = G(e.fragment, s), l = e.getConnection(c);
+	return /* @__PURE__ */ g(W, {
+		items: o(() => l.edges.map((t) => {
+			let n = e.toRow(t.node);
+			return {
+				id: e.getRowId(n),
+				title: n.title,
+				subtitle: n.subtitle
+			};
+		}), [e, l.edges]),
+		onSelectId: i
+	});
+}, X = (e, t) => /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(u, {
+	type: "button",
+	variant: "secondary",
+	onClick: e,
+	children: t
+}) }), Z = ({ message: e }) => /* @__PURE__ */ g("div", { children: e }), Q = ({ isOpen: e, entity: l, title: d, scope: m, onClose: h, onSelectId: v }) => {
+	let { t: y } = c(), { t: b } = n(), [x, S] = s(""), [C, w] = s(0), T = P(l, { enabled: e }), E;
+	T.status === "loaded" && (E = T.module.config.picker), a(() => {
+		e && (S(""), w((e) => e + 1));
+	}, [e]);
+	let D = o(() => X(h, b("common.actions.close")), [h, b]), O = i((e) => {
+		S(e), w((e) => e + 1);
+	}, []), k = i((e) => {
+		v(e), h();
+	}, [h, v]);
+	if (!e) return null;
+	let A;
+	E?.searchPlaceholder != null && (A = J(E.searchPlaceholder, y));
+	let j = x.trim(), M = E?.searchRequired === !0, N;
+	return N = T.status === "loading" ? /* @__PURE__ */ g(p, {}) : E == null ? /* @__PURE__ */ g(Z, { message: b("picker.unavailable", { entity: l }) }) : M && j === "" ? /* @__PURE__ */ g("div", {
+		className: L,
+		children: b("picker.searchRequired")
+	}) : /* @__PURE__ */ g(Y, {
+		config: E,
+		search: x,
+		scope: m,
+		fetchKey: C,
+		onSelectId: k
+	}), /* @__PURE__ */ g(f, {
+		isOpen: e,
+		onClose: h,
+		title: d,
+		footer: D,
+		children: /* @__PURE__ */ g(H, {
+			search: x,
+			onSearchChange: O,
+			searchPlaceholder: A,
+			searchEnabled: E?.searchEnabled ?? !0,
+			children: /* @__PURE__ */ g(t, {
+				fallback: (e) => {
+					let { reset: t } = e;
+					return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", { children: b("picker.errors.loadFailed") }), /* @__PURE__ */ g(u, {
+						type: "button",
+						variant: "secondary",
+						onClick: () => {
+							t(), w((e) => e + 1);
+						},
+						children: b("common.actions.retry")
+					})] });
+				},
+				children: /* @__PURE__ */ g(r, {
+					fallback: /* @__PURE__ */ g(p, {}),
+					children: N
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { C as i, F as n, P as r, Q as t };
+
+//# sourceMappingURL=EntityIdPickerDialog-FMC5Hx_I.js.map

package/lib/esm/EntityIdPickerDialog-FMC5Hx_I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityIdPickerDialog-FMC5Hx_I.js","names":[],"sources":["../../src/components/backoffice/filters/entityIdFilterField.css.ts","../../src/components/backoffice/filters/EntityIdFilterField.tsx","../../src/provider/useBackofficeEntityLoader.ts","../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts","../../src/components/backoffice/pickers/shared/EntityPickerShell.tsx","../../src/components/backoffice/pickers/shared/EntityPickerRowBase.tsx","../../src/components/backoffice/pickers/shared/EntityPickerList.tsx","../../src/components/backoffice/pickers/EntityIdPickerDialog.tsx"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  width: 72,\n  maxWidth: 'full',\n});\n\nexport const valueBox = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  alignItems: 'center',\n  overflow: 'hidden',\n});\n\nexport const valueText = sprinkles({\n  display: 'block',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textMuted',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n});\n","import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './entityIdFilterField.css.js';\n\nexport type EntityIdFilterFieldProps = {\n  label: string;\n  value: string | null;\n  displayValue?: string | null;\n  placeholder?: string;\n  onPick?: () => void;\n  onClear?: () => void;\n};\n\nexport const EntityIdFilterField = (\n  props: EntityIdFilterFieldProps,\n): JSX.Element => {\n  const { label, value, displayValue, placeholder, onPick, onClear } = props;\n  const { t } = useBackofficeReactTranslation();\n  const normalizedValue = value?.trim() ?? '';\n  const normalizedDisplayValue = displayValue?.trim() ?? '';\n  const hasValue = normalizedValue !== '';\n  const hasDisplayValue = normalizedDisplayValue !== '';\n\n  const resolvedPlaceholder =\n    placeholder ?? t('filters.placeholders.search', { label });\n  const unresolvedPlaceholder = t('filters.placeholders.unresolved');\n\n  let displayNode: JSX.Element;\n  if (hasDisplayValue) {\n    displayNode = (\n      <span className={styles.valueText}>{normalizedDisplayValue}</span>\n    );\n  } else if (hasValue) {\n    displayNode = (\n      <span className={styles.placeholder}>{unresolvedPlaceholder}</span>\n    );\n  } else {\n    displayNode = (\n      <span className={styles.placeholder}>{resolvedPlaceholder}</span>\n    );\n  }\n\n  let pickLabel = t('common.actions.pick');\n  if (hasValue) {\n    pickLabel = t('common.actions.change');\n  }\n\n  let clearNode: JSX.Element | null = null;\n  if (hasValue && onClear != null) {\n    clearNode = (\n      <Button\n        type=\"button\"\n        variant=\"text\"\n        size=\"small\"\n        aria-label={t('common.actions.clear')}\n        onClick={onClear}\n      >\n        {t('common.actions.clear')}\n      </Button>\n    );\n  }\n\n  let pickerNode: JSX.Element | null = null;\n  if (onPick != null) {\n    pickerNode = (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"small\"\n        aria-label={t('common.actions.pick')}\n        onClick={onPick}\n      >\n        {pickLabel}\n      </Button>\n    );\n  }\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.valueBox}>{displayNode}</div>\n      <div className={styles.actions}>\n        {pickerNode}\n        {clearNode}\n      </div>\n    </div>\n  );\n};\n\nexport default EntityIdFilterField;\n","import { useEffect, useMemo, useState } from 'react';\n\nimport type {\n  BackofficeResolvedListFacetModule,\n  BackofficeResolvedPickerFacetModule,\n  BackofficeResolvedToolFacetModule,\n} from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeConfig } from './BackofficeConfigContext.js';\n\ntype LoadState<TModule> =\n  | {\n      status: 'loading';\n      module: null;\n      error: null;\n    }\n  | {\n      status: 'loaded';\n      module: TModule;\n      error: null;\n    }\n  | {\n      status: 'error';\n      module: null;\n      error: Error;\n    };\n\ntype MultiLoadState<TModule> =\n  | {\n      status: 'loading';\n      modules: Record<string, TModule>;\n      error: null;\n    }\n  | {\n      status: 'loaded';\n      modules: Record<string, TModule>;\n      error: null;\n    }\n  | {\n      status: 'error';\n      modules: Record<string, TModule>;\n      error: Error;\n    };\n\nconst toError = (error: unknown): Error => {\n  if (error instanceof Error) {\n    return error;\n  }\n  return new Error(String(error));\n};\n\nconst buildSortedEntityIds = (\n  entityIds: readonly string[],\n): readonly string[] => {\n  return [...new Set(entityIds)].sort();\n};\n\nconst createMultiLoadState = <TModule>(\n  status: 'loading' | 'loaded',\n  modules: Record<string, TModule>,\n): MultiLoadState<TModule> => {\n  return {\n    status,\n    modules,\n    error: null,\n  };\n};\n\nconst areErrorsEqual = (left: Error | null, right: Error | null): boolean => {\n  if (left === right) {\n    return true;\n  }\n  if (left == null || right == null) {\n    return false;\n  }\n  return left.name === right.name && left.message === right.message;\n};\n\nconst areModuleMapsEqual = <TModule>(\n  left: Record<string, TModule>,\n  right: Record<string, TModule>,\n): boolean => {\n  const leftKeys = Object.keys(left);\n  const rightKeys = Object.keys(right);\n\n  if (leftKeys.length !== rightKeys.length) {\n    return false;\n  }\n\n  for (const key of leftKeys) {\n    if (!(key in right) || left[key] !== right[key]) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\nconst areLoadStatesEqual = <TModule>(\n  left: LoadState<TModule>,\n  right: LoadState<TModule>,\n): boolean => {\n  if (left.status !== right.status) {\n    return false;\n  }\n\n  if (left.module !== right.module) {\n    return false;\n  }\n\n  return areErrorsEqual(left.error, right.error);\n};\n\nconst areMultiLoadStatesEqual = <TModule>(\n  left: MultiLoadState<TModule>,\n  right: MultiLoadState<TModule>,\n): boolean => {\n  if (left.status !== right.status) {\n    return false;\n  }\n\n  if (!areModuleMapsEqual(left.modules, right.modules)) {\n    return false;\n  }\n\n  return areErrorsEqual(left.error, right.error);\n};\n\nconst selectLoadState = <TModule>(\n  currentState: LoadState<TModule>,\n  nextState: LoadState<TModule>,\n): LoadState<TModule> => {\n  if (areLoadStatesEqual(currentState, nextState)) {\n    return currentState;\n  }\n  return nextState;\n};\n\nconst selectMultiLoadState = <TModule>(\n  currentState: MultiLoadState<TModule>,\n  nextState: MultiLoadState<TModule>,\n): MultiLoadState<TModule> => {\n  if (areMultiLoadStatesEqual(currentState, nextState)) {\n    return currentState;\n  }\n  return nextState;\n};\n\nconst useFacetLoader = <TModule>(\n  entityId: string,\n  getLoaded: (entityId: string) => TModule | null,\n  load: (entityId: string) => Promise<TModule>,\n  enabled = true,\n): LoadState<TModule> => {\n  const initialModule = getLoaded(entityId);\n  const [state, setState] = useState<LoadState<TModule>>(() => {\n    if (initialModule != null) {\n      return {\n        status: 'loaded',\n        module: initialModule,\n        error: null,\n      };\n    }\n    return {\n      status: 'loading',\n      module: null,\n      error: null,\n    };\n  });\n\n  useEffect(() => {\n    if (!enabled) {\n      const loadedModule = getLoaded(entityId);\n      setState((currentState) => {\n        let nextState: LoadState<TModule>;\n\n        if (loadedModule != null) {\n          nextState = {\n            status: 'loaded',\n            module: loadedModule,\n            error: null,\n          };\n        } else {\n          nextState = {\n            status: 'loading',\n            module: null,\n            error: null,\n          };\n        }\n\n        return selectLoadState(currentState, nextState);\n      });\n      return undefined;\n    }\n\n    const loadedModule = getLoaded(entityId);\n    if (loadedModule != null) {\n      setState((currentState) => {\n        const nextState: LoadState<TModule> = {\n          status: 'loaded',\n          module: loadedModule,\n          error: null,\n        };\n        return selectLoadState(currentState, nextState);\n      });\n      return undefined;\n    }\n\n    let cancelled = false;\n    setState((currentState) => {\n      const nextState: LoadState<TModule> = {\n        status: 'loading',\n        module: null,\n        error: null,\n      };\n      return selectLoadState(currentState, nextState);\n    });\n\n    load(entityId)\n      .then((module) => {\n        if (cancelled) {\n          return;\n        }\n        setState((currentState) => {\n          const nextState: LoadState<TModule> = {\n            status: 'loaded',\n            module,\n            error: null,\n          };\n          return selectLoadState(currentState, nextState);\n        });\n      })\n      .catch((error: unknown) => {\n        if (cancelled) {\n          return;\n        }\n        const nextError = toError(error);\n        setState((currentState) => {\n          const nextState: LoadState<TModule> = {\n            status: 'error',\n            module: null,\n            error: nextError,\n          };\n          return selectLoadState(currentState, nextState);\n        });\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [enabled, entityId, getLoaded, load]);\n\n  return state;\n};\n\nexport const useBackofficeListEntityLoader = (\n  entityId: string,\n  options?: { enabled?: boolean },\n): LoadState<BackofficeResolvedListFacetModule> => {\n  const { entityRegistry } = useBackofficeConfig();\n  return useFacetLoader(\n    entityId,\n    entityRegistry.getLoadedListEntity,\n    entityRegistry.loadListEntity,\n    options?.enabled,\n  );\n};\n\nexport const useBackofficePickerEntityLoader = (\n  entityId: string,\n  options?: { enabled?: boolean },\n): LoadState<BackofficeResolvedPickerFacetModule> => {\n  const { entityRegistry } = useBackofficeConfig();\n  return useFacetLoader(\n    entityId,\n    entityRegistry.getLoadedPickerEntity,\n    entityRegistry.loadPickerEntity,\n    options?.enabled,\n  );\n};\n\nexport const useBackofficeToolEntityLoader = (\n  entityId: string,\n  options?: { enabled?: boolean },\n): LoadState<BackofficeResolvedToolFacetModule> => {\n  const { entityRegistry } = useBackofficeConfig();\n  return useFacetLoader(\n    entityId,\n    entityRegistry.getLoadedToolEntity,\n    entityRegistry.loadToolEntity,\n    options?.enabled,\n  );\n};\n\nexport const useBackofficeListEntitiesLoader = (\n  entityIds: readonly string[],\n): MultiLoadState<BackofficeResolvedListFacetModule> => {\n  const { entityRegistry } = useBackofficeConfig();\n  const normalizedEntityIds = useMemo(() => {\n    return buildSortedEntityIds(entityIds);\n  }, [entityIds]);\n  const entityIdsKey = normalizedEntityIds.join('|');\n  const [state, setState] = useState<\n    MultiLoadState<BackofficeResolvedListFacetModule>\n  >(() => {\n    const modules: Record<string, BackofficeResolvedListFacetModule> = {};\n    let isComplete = true;\n\n    for (const entityId of normalizedEntityIds) {\n      const module = entityRegistry.getLoadedListEntity(entityId);\n      if (module == null) {\n        isComplete = false;\n      } else {\n        modules[entityId] = module;\n      }\n    }\n\n    if (isComplete) {\n      return createMultiLoadState('loaded', modules);\n    }\n    return createMultiLoadState('loading', modules);\n  });\n\n  useEffect(() => {\n    const modules: Record<string, BackofficeResolvedListFacetModule> = {};\n    let isComplete = true;\n\n    for (const entityId of normalizedEntityIds) {\n      const module = entityRegistry.getLoadedListEntity(entityId);\n      if (module == null) {\n        isComplete = false;\n      } else {\n        modules[entityId] = module;\n      }\n    }\n\n    if (isComplete) {\n      const nextState = createMultiLoadState('loaded', modules);\n      setState((currentState) => {\n        return selectMultiLoadState(currentState, nextState);\n      });\n      return undefined;\n    }\n\n    let cancelled = false;\n    setState((currentState) => {\n      const nextState: MultiLoadState<BackofficeResolvedListFacetModule> = {\n        status: 'loading',\n        modules,\n        error: null,\n      };\n      return selectMultiLoadState(currentState, nextState);\n    });\n\n    Promise.all(\n      normalizedEntityIds.map(async (entityId) => {\n        const module = await entityRegistry.loadListEntity(entityId);\n        return [entityId, module] as const;\n      }),\n    )\n      .then((entries) => {\n        if (cancelled) {\n          return;\n        }\n        setState((currentState) => {\n          const nextState: MultiLoadState<BackofficeResolvedListFacetModule> = {\n            status: 'loaded',\n            modules: Object.fromEntries(entries),\n            error: null,\n          };\n          return selectMultiLoadState(currentState, nextState);\n        });\n      })\n      .catch((error: unknown) => {\n        if (cancelled) {\n          return;\n        }\n        const nextError = toError(error);\n        setState((currentState) => {\n          const nextState: MultiLoadState<BackofficeResolvedListFacetModule> = {\n            status: 'error',\n            modules,\n            error: nextError,\n          };\n          return selectMultiLoadState(currentState, nextState);\n        });\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [entityIdsKey, entityRegistry, normalizedEntityIds]);\n\n  return state;\n};\n","import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const layout = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const searchRequiredMessage = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  textAlign: 'center',\n  paddingY: 3,\n  paddingX: 0,\n});\n\nexport const row = sprinkles({\n  display: 'flex',\n  gap: 2,\n  alignItems: 'center',\n});\n\nexport const rowText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  textAlign: 'left',\n});\n\nexport const rowTitle = sprinkles({\n  color: 'text',\n  fontWeight: 'medium',\n  fontSize: 'base',\n  lineHeight: 1.2,\n});\n\nexport const rowSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 1.2,\n});\n\nexport const rowMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n});\n","import { type JSX, type ReactNode } from 'react';\n\nimport { Input } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from '../entityIdPickerDialog.css.js';\n\nexport type EntityPickerShellProps = {\n  search: string;\n  onSearchChange: (next: string) => void;\n  searchPlaceholder?: string;\n  searchEnabled?: boolean;\n  children: ReactNode;\n};\n\nexport const EntityPickerShell = ({\n  search,\n  onSearchChange,\n  searchPlaceholder,\n  searchEnabled = true,\n  children,\n}: EntityPickerShellProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedPlaceholder =\n    searchPlaceholder ?? t('picker.searchPlaceholder.default');\n  let searchNode: JSX.Element | null = null;\n  if (searchEnabled) {\n    searchNode = (\n      <Input\n        value={search}\n        onChange={(event) => {\n          onSearchChange(event.target.value);\n        }}\n        placeholder={resolvedPlaceholder}\n        size=\"small\"\n        fullWidth\n      />\n    );\n  }\n\n  return (\n    <div className={styles.layout}>\n      {searchNode}\n      {children}\n    </div>\n  );\n};\n\nexport default EntityPickerShell;\n","import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from '../entityIdPickerDialog.css.js';\n\nexport type EntityPickerRowBaseProps = {\n  title: ReactNode;\n  subtitle?: ReactNode;\n};\n\nexport const EntityPickerRowBase = ({\n  title,\n  subtitle,\n}: EntityPickerRowBaseProps): JSX.Element => {\n  let subtitleNode: ReactNode | null = null;\n  if (subtitle != null) {\n    subtitleNode = <div className={styles.rowSubtitle}>{subtitle}</div>;\n  }\n\n  return (\n    <div className={styles.row}>\n      <div className={styles.rowText}>\n        <div className={styles.rowTitle}>{title}</div>\n        {subtitleNode}\n      </div>\n    </div>\n  );\n};\n\nexport default EntityPickerRowBase;\n","import { type JSX } from 'react';\n\nimport { BackofficeEmptyState, Button } from '@plumile/ui';\n\nimport { EntityPickerRowBase } from './EntityPickerRowBase.js';\nimport type { EntityPickerRowViewModel } from '../types.js';\n\nexport type EntityPickerListProps = {\n  items: readonly EntityPickerRowViewModel[];\n  onSelectId: (id: string) => void;\n  emptyState?: JSX.Element;\n};\n\nexport const EntityPickerList = ({\n  items,\n  onSelectId,\n  emptyState,\n}: EntityPickerListProps): JSX.Element => {\n  if (items.length === 0) {\n    return (\n      emptyState ?? (\n        <BackofficeEmptyState\n          title=\"No result\"\n          description=\"Try another search term.\"\n        />\n      )\n    );\n  }\n\n  return (\n    <div>\n      {items.map((item) => {\n        return (\n          <Button\n            key={item.id}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() => {\n              onSelectId(item.id);\n            }}\n            width=\"full\"\n          >\n            <EntityPickerRowBase title={item.title} subtitle={item.subtitle} />\n          </Button>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default EntityPickerList;\n","import {\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type JSX,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\n\nimport { Button, Modal, Spinner } from '@plumile/ui';\nimport type {\n  BackofficeEntityPickerConfig,\n  BackofficePickerScope,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\n\nimport { EntityPickerShell } from './shared/EntityPickerShell.js';\nimport { EntityPickerList } from './shared/EntityPickerList.js';\nimport type { EntityPickerRowViewModel } from './types.js';\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useFragment, useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  isOpen: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope;\n  onClose: () => void;\n  onSelectId: (id: string) => void;\n};\n\nconst PICKER_FETCH_POLICY = 'store-and-network' as const;\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\ntype PickerBodyProps<RowRef, RowView extends EntityPickerRowViewModel> = {\n  config: BackofficeEntityPickerConfig<RowRef, RowView>;\n  search: string;\n  scope?: BackofficePickerScope;\n  fetchKey: number;\n  onSelectId: (id: string) => void;\n};\n\nconst PickerBody = <RowRef, RowView extends EntityPickerRowViewModel>({\n  config,\n  search,\n  scope,\n  fetchKey,\n  onSelectId,\n}: PickerBodyProps<RowRef, RowView>): JSX.Element => {\n  const variables = useMemo(() => {\n    const trimmed = search.trim();\n    if (config.buildVariables != null) {\n      return config.buildVariables({ search: trimmed, scope });\n    }\n    let searchValue: string | null = trimmed;\n    if (trimmed === '') {\n      searchValue = null;\n    }\n    return {\n      search: searchValue,\n      scope,\n    } as Record<string, unknown>;\n  }, [config, scope, search]);\n\n  const queryData = useLazyLoadQuery(config.query, variables, {\n    fetchPolicy: PICKER_FETCH_POLICY,\n    fetchKey,\n  });\n\n  const fragmentData = useFragment(\n    config.fragment,\n    queryData as never,\n  ) as unknown;\n\n  const connection = config.getConnection(fragmentData as never);\n\n  const items = useMemo<readonly EntityPickerRowViewModel[]>(() => {\n    return connection.edges.map((edge) => {\n      const row = config.toRow(edge.node);\n      const id = config.getRowId(row);\n      return {\n        id,\n        title: row.title,\n        subtitle: row.subtitle,\n      };\n    });\n  }, [config, connection.edges]);\n\n  return <EntityPickerList items={items} onSelectId={onSelectId} />;\n};\n\nconst buildFooter = (onClose: () => void, closeLabel: string): JSX.Element => {\n  return (\n    <>\n      <Button type=\"button\" variant=\"secondary\" onClick={onClose}>\n        {closeLabel}\n      </Button>\n    </>\n  );\n};\n\nconst PickerUnavailable = ({ message }: { message: string }) => {\n  return <div>{message}</div>;\n};\n\nexport const EntityIdPickerDialog = ({\n  isOpen,\n  entity,\n  title,\n  scope,\n  onClose,\n  onSelectId,\n}: EntityIdPickerDialogProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [search, setSearch] = useState('');\n  const [fetchKey, setFetchKey] = useState(0);\n  const entityState = useBackofficePickerEntityLoader(entity, {\n    enabled: isOpen,\n  });\n\n  let pickerConfig:\n    | BackofficeEntityPickerConfig<unknown, EntityPickerRowViewModel>\n    | undefined;\n  if (entityState.status === 'loaded') {\n    pickerConfig = entityState.module.config.picker as\n      | BackofficeEntityPickerConfig<unknown, EntityPickerRowViewModel>\n      | undefined;\n  }\n\n  useEffect(() => {\n    if (isOpen) {\n      setSearch('');\n      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [isOpen]);\n\n  const footer = useMemo(() => {\n    return buildFooter(onClose, t('common.actions.close'));\n  }, [onClose, t]);\n\n  const handleSearchChange = useCallback((next: string) => {\n    setSearch(next);\n    setFetchKey((value) => {\n      return value + 1;\n    });\n  }, []);\n\n  const handleSelectId = useCallback(\n    (id: string) => {\n      onSelectId(id);\n      onClose();\n    },\n    [onClose, onSelectId],\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  let resolvedSearchPlaceholder: string | undefined;\n  if (pickerConfig?.searchPlaceholder != null) {\n    resolvedSearchPlaceholder = resolveLabel(\n      pickerConfig.searchPlaceholder,\n      tApp,\n    );\n  }\n\n  const trimmedSearch = search.trim();\n  const isSearchRequired = pickerConfig?.searchRequired === true;\n\n  let pickerNode: JSX.Element;\n  if (entityState.status === 'loading') {\n    pickerNode = <Spinner />;\n  } else if (pickerConfig != null) {\n    if (isSearchRequired && trimmedSearch === '') {\n      pickerNode = (\n        <div className={styles.searchRequiredMessage}>\n          {t('picker.searchRequired')}\n        </div>\n      );\n    } else {\n      pickerNode = (\n        <PickerBody\n          config={pickerConfig}\n          search={search}\n          scope={scope}\n          fetchKey={fetchKey}\n          onSelectId={handleSelectId}\n        />\n      );\n    }\n  } else {\n    pickerNode = (\n      <PickerUnavailable message={t('picker.unavailable', { entity })} />\n    );\n  }\n\n  return (\n    <Modal isOpen={isOpen} onClose={onClose} title={title} footer={footer}>\n      <EntityPickerShell\n        search={search}\n        onSearchChange={handleSearchChange}\n        searchPlaceholder={resolvedSearchPlaceholder}\n        searchEnabled={pickerConfig?.searchEnabled ?? true}\n      >\n        <BackofficeErrorBoundary\n          fallback={(args: { error: unknown; reset: () => void }) => {\n            const { reset } = args;\n            return (\n              <div>\n                <div>{t('picker.errors.loadFailed')}</div>\n                <Button\n                  type=\"button\"\n                  variant=\"secondary\"\n                  onClick={() => {\n                    reset();\n                    setFetchKey((value) => {\n                      return value + 1;\n                    });\n                  }}\n                >\n                  {t('common.actions.retry')}\n                </Button>\n              </div>\n            );\n          }}\n        >\n          <Suspense fallback={<Spinner />}>{pickerNode}</Suspense>\n        </BackofficeErrorBoundary>\n      </EntityPickerShell>\n    </Modal>\n  );\n};\n\nexport type { BackofficePickerScope } from '@plumile/backoffice-core/types.js';\n\nexport default EntityIdPickerDialog;\n"],"mappings":"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"}