@plumile/backoffice-react 0.1.104 → 0.1.106

package/lib/esm/EntityIdPickerDialog-Yhmr-WsV.js

@@ -1,308 +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, 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 = "txvbqb9ip txvbqbcp txvbqbao7 txvbqbu4g txvbqbjep", y = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g", b = "txvbqb9i7 txvbqbl7g txvbqbt7g txvbqbuxg", x = "txvbqbva3", S = "txvbqb9ip txvbqbcp txvbqbany", C = (e) => {
-	let { label: n, value: r, displayValue: i, placeholder: a, onPick: o, onClear: s } = e, { t: c } = t(), l = r?.trim() ?? "", d = i?.trim() ?? "", f = l !== "", p = d !== "", m = a ?? c("filters.placeholders.search", { label: n }), 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 = "txvbqb9ip txvbqbai7 txvbqbaog", L = "txvbqbnvg txvbqboip txvbqbp6p txvbqblyg txvbqbva1 txvbqb8y txvbqbt6y", R = "txvbqb9ip txvbqbao7 txvbqbcp", z = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbai7 txvbqbt6p", B = "txvbqbv9z txvbqbamg txvbqb97 txvbqbf4y", V = "txvbqbva1 txvbqb8y txvbqbf4y", H = ({ search: e, onSearchChange: n, searchPlaceholder: r, searchEnabled: i = !0, children: a }) => {
-	let { t: o } = t(), s = r ?? o("picker.searchPlaceholder.default"), c = null;
-	return i && (c = /* @__PURE__ */ g(d, {
-		value: e,
-		onChange: (e) => {
-			n(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 } = t(), [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(n, {
-				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-Yhmr-WsV.js.map

package/lib/esm/EntityIdPickerDialog-Yhmr-WsV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityIdPickerDialog-Yhmr-WsV.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';\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\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 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    };\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);\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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"}