@plumile/backoffice-react 0.1.105 → 0.1.107

package/lib/esm/EntityIdPickerDialog-BSn0v3bv.js

@@ -1,340 +0,0 @@
-import { r as e, t } from "./useBackofficeReactTranslation-Btt58EIo.js";
-import { t as n } from "./BackofficeErrorBoundary-BwRVSDHU.js";
-import { Suspense as r, useCallback as i, useEffect as a, useId as o, useMemo as s, useState as c } from "react";
-import { useTranslation as l } from "react-i18next";
-import { BackofficeEmptyState as u, Button as d, InlineBanner as f, Input as p, Modal as m, Spinner as h } from "@plumile/ui";
-import * as g from "react-relay";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-//#region src/components/backoffice/filters/entityIdFilterField.css.ts
-var b = "txvbqb9ip txvbqbcp txvbqbany txvbqbu4g txvbqbjep", x = "oa1uye0 txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb6 txvbqb9iy txvbqbcp txvbqbb9g txvbqb9my txvbqbk5y txvbqbt6p txvbqbv txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwg txvbqbv41 txvbqbv9z txvbqb77 txvbqb6x txvbqb7k", S = "oa1uye1 txvbqb9i7 txvbqbva3 txvbqb8p txvbqbamg txvbqbl7g txvbqbt7g txvbqbuxg", C = "txvbqb9i7 txvbqbk5y txvbqbl7g txvbqbt7g txvbqbuxg txvbqb8y txvbqbamp", w = "txvbqbva3 txvbqb8y", T = "txvbqbvb7 txvbqb8p txvbqbamp", E = "txvbqb9ip txvbqbcp txvbqbany", D = (e) => {
-	let { disabled: n = !1, id: r, label: i, value: a, displayValue: o, placeholder: s, ariaDescribedBy: c, ariaInvalid: l, onPick: u, onClear: f } = e, { t: p } = t(), m = a?.trim() ?? "", h = o?.trim() ?? "", g = m !== "", _ = h !== "", D = s ?? p("filters.placeholders.anyEntity", { label: i }), O = p("filters.placeholders.unresolved"), k;
-	k = _ ? /* @__PURE__ */ v("span", {
-		className: C,
-		children: h
-	}) : g ? /* @__PURE__ */ v("span", {
-		className: w,
-		children: O
-	}) : /* @__PURE__ */ v("span", {
-		className: w,
-		children: D
-	});
-	let A = p("common.actions.pick");
-	g && (A = p("common.actions.change"));
-	let j = `${A} ${i}`, M = p("common.actions.clear"), N = `${M} ${i}`, P = null;
-	g && f != null && (P = /* @__PURE__ */ v(d, {
-		type: "button",
-		variant: "text",
-		size: "small",
-		"aria-label": N,
-		disabled: n,
-		onClick: f,
-		children: M
-	}));
-	let F = null;
-	return u != null && (F = /* @__PURE__ */ y("button", {
-		id: r,
-		type: "button",
-		className: x,
-		"aria-label": j,
-		"aria-describedby": c,
-		"aria-invalid": l,
-		disabled: n,
-		onClick: u,
-		children: [
-			/* @__PURE__ */ v("span", {
-				className: S,
-				children: i
-			}),
-			k,
-			/* @__PURE__ */ v("span", {
-				className: T,
-				children: A
-			})
-		]
-	})), /* @__PURE__ */ y("div", {
-		className: b,
-		children: [F ?? /* @__PURE__ */ v("div", {
-			className: "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g",
-			children: k
-		}), /* @__PURE__ */ v("div", {
-			className: E,
-			children: P
-		})]
-	});
-}, O = (e) => e instanceof Error ? e : Error(String(e)), k = (e) => [...new Set(e)].sort(), A = (e, t) => ({
-	status: e,
-	modules: t,
-	error: null
-}), j = (e, t) => e === t ? !0 : e == null || t == null ? !1 : e.name === t.name && e.message === t.message, M = (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;
-}, N = (e, t) => e.status !== t.status || e.module !== t.module ? !1 : j(e.error, t.error), P = (e, t) => e.status !== t.status || !M(e.modules, t.modules) ? !1 : j(e.error, t.error), F = (e, t) => N(e, t) ? e : t, I = (e, t) => P(e, t) ? e : t, L = (e, t, n, r = !0) => {
-	let i = t(e), [o, s] = c(() => i == null ? {
-		status: "loading",
-		module: null,
-		error: null
-	} : {
-		status: "loaded",
-		module: i,
-		error: null
-	});
-	return a(() => {
-		if (!r) {
-			let n = t(e);
-			s((e) => {
-				let t;
-				return t = n == null ? {
-					status: "loading",
-					module: null,
-					error: null
-				} : {
-					status: "loaded",
-					module: n,
-					error: null
-				}, F(e, t);
-			});
-			return;
-		}
-		let i = t(e);
-		if (i != null) {
-			s((e) => F(e, {
-				status: "loaded",
-				module: i,
-				error: null
-			}));
-			return;
-		}
-		let a = !1;
-		return s((e) => F(e, {
-			status: "loading",
-			module: null,
-			error: null
-		})), n(e).then((e) => {
-			a || s((t) => F(t, {
-				status: "loaded",
-				module: e,
-				error: null
-			}));
-		}).catch((e) => {
-			if (a) return;
-			let t = O(e);
-			s((e) => F(e, {
-				status: "error",
-				module: null,
-				error: t
-			}));
-		}), () => {
-			a = !0;
-		};
-	}, [
-		r,
-		e,
-		t,
-		n
-	]), o;
-}, R = (t, n) => {
-	let { entityRegistry: r } = e();
-	return L(t, r.getLoadedPickerEntity, r.loadPickerEntity, n?.enabled);
-}, z = (t) => {
-	let { entityRegistry: n } = e(), r = s(() => k(t), [t]), i = r.join("|"), [o, l] = c(() => {
-		let e = {}, t = !0;
-		for (let i of r) {
-			let r = n.getLoadedListEntity(i);
-			r == null ? t = !1 : e[i] = r;
-		}
-		return A(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 = A("loaded", e);
-			l((e) => I(e, t));
-			return;
-		}
-		let i = !1;
-		return l((t) => I(t, {
-			status: "loading",
-			modules: e,
-			error: null
-		})), Promise.all(r.map(async (e) => [e, await n.loadListEntity(e)])).then((e) => {
-			i || l((t) => I(t, {
-				status: "loaded",
-				modules: Object.fromEntries(e),
-				error: null
-			}));
-		}).catch((t) => {
-			if (i) return;
-			let n = O(t);
-			l((t) => I(t, {
-				status: "error",
-				modules: e,
-				error: n
-			}));
-		}), () => {
-			i = !0;
-		};
-	}, [
-		i,
-		n,
-		r
-	]), o;
-}, B = "txvbqb9ip txvbqbai7 txvbqbaog", V = "txvbqbnw7 txvbqbojg txvbqbp6y txvbqblyp txvbqb9ip txvbqbcp txvbqbdoy txvbqbao7 txvbqbva1", H = "txvbqb8y txvbqbva1", U = "txvbqb9ip txvbqbao7 txvbqbcp", W = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbai7 txvbqbt6p", G = "txvbqbv9z txvbqbamg txvbqb97 txvbqbf4y", K = "txvbqbva1 txvbqb8y txvbqbf4y", q = ({ search: e, onSearchChange: n, searchPlaceholder: r, searchEnabled: i = !0, children: a }) => {
-	let { t: s } = t(), c = o(), l = r ?? s("picker.searchPlaceholder.default"), u = null;
-	return i && (u = /* @__PURE__ */ v(p, {
-		id: c,
-		name: "backoffice-entity-picker-search",
-		value: e,
-		onChange: (e) => {
-			n(e.target.value);
-		},
-		placeholder: l,
-		"aria-label": l,
-		size: "small",
-		fullWidth: !0
-	})), /* @__PURE__ */ y("div", {
-		className: B,
-		children: [u, a]
-	});
-}, J = ({ title: e, subtitle: t }) => {
-	let n = null;
-	return t != null && (n = /* @__PURE__ */ v("div", {
-		className: K,
-		children: t
-	})), /* @__PURE__ */ v("div", {
-		className: U,
-		children: /* @__PURE__ */ y("div", {
-			className: W,
-			children: [/* @__PURE__ */ v("div", {
-				className: G,
-				children: e
-			}), n]
-		})
-	});
-}, Y = ({ items: e, onSelectId: n, emptyState: r }) => {
-	let { t: i } = t();
-	return e.length === 0 ? r ?? /* @__PURE__ */ v(u, {
-		title: i("picker.empty.title"),
-		description: i("picker.empty.description")
-	}) : /* @__PURE__ */ v("div", { children: e.map((e) => /* @__PURE__ */ v(d, {
-		type: "button",
-		variant: "text",
-		onClick: () => {
-			n(e.id);
-		},
-		width: "full",
-		children: /* @__PURE__ */ v(J, {
-			title: e.title,
-			subtitle: e.subtitle
-		})
-	}, e.id)) });
-}, { useFragment: X, useLazyLoadQuery: Z } = g, Q = "store-and-network", ee = (e, t) => e(t), te = ({ config: e, search: t, scope: n, fetchKey: r, onSelectId: i }) => {
-	let a = s(() => {
-		let r = t.trim();
-		return e.buildQueryVariables({
-			search: r,
-			scope: n
-		});
-	}, [
-		e,
-		n,
-		t
-	]), o = Z(e.query, a, {
-		fetchPolicy: Q,
-		fetchKey: r
-	}), c = X(e.fragment, o), l = e.getConnection(c);
-	return /* @__PURE__ */ v(Y, {
-		items: s(() => 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
-	});
-}, ne = (e, t) => /* @__PURE__ */ v(_, { children: /* @__PURE__ */ v(d, {
-	type: "button",
-	variant: "secondary",
-	onClick: e,
-	children: t
-}) }), re = ({ message: e }) => /* @__PURE__ */ v(f, {
-	tone: "warning",
-	title: e,
-	children: null
-}), $ = ({ label: e }) => /* @__PURE__ */ y("div", {
-	className: V,
-	role: "status",
-	"aria-live": "polite",
-	children: [/* @__PURE__ */ v(h, {
-		size: 18,
-		ariaLabel: e
-	}), /* @__PURE__ */ v("span", {
-		className: H,
-		children: e
-	})]
-}), ie = ({ isOpen: e, entity: o, title: p, scope: h, onClose: g, onSelectId: _ }) => {
-	let { t: y } = l(), { t: b } = t(), [x, S] = c(""), [C, w] = c(0), T = R(o, { enabled: e }), E;
-	T.status === "loaded" && (E = T.module.config.picker), a(() => {
-		e && (S(""), w((e) => e + 1));
-	}, [e]);
-	let D = s(() => ne(g, b("common.actions.close")), [g, b]), O = i((e) => {
-		S(e), w((e) => e + 1);
-	}, []), k = i((e) => {
-		_(e), g();
-	}, [g, _]);
-	if (!e) return null;
-	let A;
-	E?.searchPlaceholder != null && (A = ee(E.searchPlaceholder, y));
-	let j = x.trim(), M = E?.searchRequired === !0, N;
-	return N = T.status === "loading" ? /* @__PURE__ */ v($, { label: b("common.loading") }) : E == null ? /* @__PURE__ */ v(re, { message: b("picker.unavailable", { entity: o }) }) : M && j === "" ? /* @__PURE__ */ v(u, { title: b("picker.searchRequired") }) : /* @__PURE__ */ v(te, {
-		config: E,
-		search: x,
-		scope: h,
-		fetchKey: C,
-		onSelectId: k
-	}), /* @__PURE__ */ v(m, {
-		isOpen: e,
-		onClose: g,
-		title: p,
-		footer: D,
-		children: /* @__PURE__ */ v(q, {
-			search: x,
-			onSearchChange: O,
-			searchPlaceholder: A,
-			searchEnabled: E?.searchEnabled ?? !0,
-			children: /* @__PURE__ */ v(n, {
-				fallback: (e) => {
-					let { reset: t } = e;
-					return /* @__PURE__ */ v(f, {
-						tone: "danger",
-						title: b("picker.errors.loadFailed"),
-						actions: /* @__PURE__ */ v(d, {
-							type: "button",
-							variant: "secondary",
-							onClick: () => {
-								t(), w((e) => e + 1);
-							},
-							children: b("common.actions.retry")
-						}),
-						children: null
-					});
-				},
-				children: /* @__PURE__ */ v(r, {
-					fallback: /* @__PURE__ */ v($, { label: b("common.loading") }),
-					children: N
-				})
-			})
-		})
-	});
-};
-//#endregion
-export { D as i, z as n, R as r, ie as t };
-
-//# sourceMappingURL=EntityIdPickerDialog-BSn0v3bv.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EntityIdPickerDialog-BSn0v3bv.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 { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n  width: 72,\n  maxWidth: 'full',\n});\n\nexport const pickerButton = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'grid',\n    alignItems: 'center',\n    gap: 0.5,\n    flex: 1,\n    minWidth: 0,\n    textAlign: 'left',\n    cursor: 'pointer',\n    borderRadius: 'xl',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    paddingX: 3,\n    paddingY: 1.5,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    minHeight: '2.5rem',\n    selectors: {\n      '&:hover:not(:disabled)': {\n        backgroundColor: vars.colors.surfaceMuted,\n        borderColor: vars.colors.borderStrong,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\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 labelText = style([\n  sprinkles({\n    display: 'block',\n    color: 'textMuted',\n    fontSize: 'xs',\n    fontWeight: 'medium',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  {\n    gridColumn: '1 / -1',\n  },\n]);\n\nexport const valueText = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const pickText = sprinkles({\n  color: 'accent',\n  fontSize: 'xs',\n  fontWeight: 'semibold',\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  id?: string;\n  label: string;\n  value: string | null;\n  displayValue?: string | null;\n  placeholder?: string;\n  ariaDescribedBy?: string;\n  ariaInvalid?: boolean;\n  onPick?: () => void;\n  onClear?: () => void;\n  disabled?: boolean;\n};\n\nexport const EntityIdFilterField = (\n  props: EntityIdFilterFieldProps,\n): JSX.Element => {\n  const {\n    disabled = false,\n    id,\n    label,\n    value,\n    displayValue,\n    placeholder,\n    ariaDescribedBy,\n    ariaInvalid,\n    onPick,\n    onClear,\n  } = 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.anyEntity', { 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  const pickAriaLabel = `${pickLabel} ${label}`;\n  const clearLabel = t('common.actions.clear');\n  const clearAriaLabel = `${clearLabel} ${label}`;\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={clearAriaLabel}\n        disabled={disabled}\n        onClick={onClear}\n      >\n        {clearLabel}\n      </Button>\n    );\n  }\n\n  let pickerNode: JSX.Element | null = null;\n  if (onPick != null) {\n    pickerNode = (\n      <button\n        id={id}\n        type=\"button\"\n        className={styles.pickerButton}\n        aria-label={pickAriaLabel}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        disabled={disabled}\n        onClick={onPick}\n      >\n        <span className={styles.labelText}>{label}</span>\n        {displayNode}\n        <span className={styles.pickText}>{pickLabel}</span>\n      </button>\n    );\n  }\n\n  return (\n    <div className={styles.container}>\n      {pickerNode ?? <div className={styles.valueBox}>{displayNode}</div>}\n      <div className={styles.actions}>{clearNode}</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\nexport const __test = {\n  areErrorsEqual,\n  buildSortedEntityIds,\n  toError,\n};\n","import { sprinkles } from '@plumile/ui';\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 loadingState = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 2,\n  paddingY: 4,\n  paddingX: 3,\n  color: 'textSecondary',\n});\n\nexport const loadingLabel = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\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, useId } 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 searchInputId = useId();\n  const resolvedPlaceholder =\n    searchPlaceholder ?? t('picker.searchPlaceholder.default');\n  let searchNode: JSX.Element | null = null;\n  if (searchEnabled) {\n    searchNode = (\n      <Input\n        id={searchInputId}\n        name=\"backoffice-entity-picker-search\"\n        value={search}\n        onChange={(event) => {\n          onSearchChange(event.target.value);\n        }}\n        placeholder={resolvedPlaceholder}\n        aria-label={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 { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\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  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return (\n      emptyState ?? (\n        <BackofficeEmptyState\n          title={t('picker.empty.title')}\n          description={t('picker.empty.description')}\n        />\n      )\n    );\n  }\n\n  return (\n    <div>\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 {\n  BackofficeEmptyState,\n  Button,\n  InlineBanner,\n  Modal,\n  Spinner,\n} from '@plumile/ui';\nimport type {\n  BackofficePickerScope,\n  BackofficeRuntimeEntityPickerConfig,\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<Record<string, unknown>>;\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 = {\n  config: BackofficeRuntimeEntityPickerConfig;\n  search: string;\n  scope?: BackofficePickerScope<Record<string, unknown>>;\n  fetchKey: number;\n  onSelectId: (id: string) => void;\n};\n\ntype RuntimePickerRow = {\n  title: string;\n  subtitle?: string | null | undefined;\n};\n\nconst PickerBody = ({\n  config,\n  search,\n  scope,\n  fetchKey,\n  onSelectId,\n}: PickerBodyProps): JSX.Element => {\n  const variables = useMemo(() => {\n    const trimmed = search.trim();\n    return config.buildQueryVariables({ search: trimmed, scope });\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);\n\n  const items = useMemo<readonly EntityPickerRowViewModel[]>(() => {\n    return connection.edges.map((edge) => {\n      const row = config.toRow(edge.node) as RuntimePickerRow;\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 (\n    <InlineBanner tone=\"warning\" title={message}>\n      {null}\n    </InlineBanner>\n  );\n};\n\nconst PickerLoading = ({ label }: { label: string }): JSX.Element => {\n  return (\n    <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n      <Spinner size={18} ariaLabel={label} />\n      <span className={styles.loadingLabel}>{label}</span>\n    </div>\n  );\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: BackofficeRuntimeEntityPickerConfig | undefined;\n  if (entityState.status === 'loaded') {\n    pickerConfig = entityState.module.config.picker as\n      | BackofficeRuntimeEntityPickerConfig\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 = <PickerLoading label={t('common.loading')} />;\n  } else if (pickerConfig != null) {\n    if (isSearchRequired && trimmedSearch === '') {\n      pickerNode = <BackofficeEmptyState title={t('picker.searchRequired')} />;\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              <InlineBanner\n                tone=\"danger\"\n                title={t('picker.errors.loadFailed')}\n                actions={\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                }\n              >\n                {null}\n              </InlineBanner>\n            );\n          }}\n        >\n          <Suspense fallback={<PickerLoading label={t('common.loading')} />}>\n            {pickerNode}\n          </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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"}