@plumile/backoffice-react 0.1.108 → 0.1.109

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

@@ -13,17 +13,25 @@ var { useLazyLoadQuery: o } = a, s = (e) => {
 	return n === "" ? null : n;
 }, c = ({ valueConfig: e, id: t, children: n }) => {
 	let r = o(e.query, { id: t }), i = e.resolveRow(r), a = null;
-	return i != null && (a = e.toRow(i)), n(s(a));
+	i != null && (a = e.toRow(i));
+	let c = s(a), l = "resolved";
+	return c ?? (l = "unresolved"), n(c, { status: l });
 }, l = ({ entityId: e, id: a, children: o }) => {
-	let s = n(e, { enabled: a.trim() !== "" }), l = null;
-	s.status === "loaded" && (l = s.module.config.picker.value ?? null);
-	let u = o(null);
-	return l == null ? u : /* @__PURE__ */ i(t, {
-		fallback: () => u,
+	let s = a.trim(), l = n(e, { enabled: s !== "" });
+	if (s === "") return o(null, { status: "unavailable" });
+	let u = null;
+	l.status === "loaded" && (u = l.module.config.picker.value ?? null);
+	let d = o(null, { status: "loading" });
+	if (l.status === "loading") return d;
+	let f = "unavailable";
+	l.status === "error" && (f = "error");
+	let p = o(null, { status: f });
+	return u == null ? p : /* @__PURE__ */ i(t, {
+		fallback: () => o(null, { status: "error" }),
 		children: /* @__PURE__ */ i(r, {
-			fallback: u,
+			fallback: d,
 			children: /* @__PURE__ */ i(c, {
-				valueConfig: l,
+				valueConfig: u,
 				id: a,
 				children: o
 			})

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

@@ -1 +1 @@
-{"version":3,"file":"EntityFilterValue.js","names":[],"sources":["../../../../../src/components/backoffice/filters/EntityFilterValue.tsx"],"sourcesContent":["import { Suspense, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport type { BackofficePickerValueConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype EntityFilterValueContentProps<RowRef, RowView> = {\n  valueConfig: BackofficePickerValueConfig<RowRef, RowView>;\n  id: string;\n  children: (label: string | null) => JSX.Element;\n};\n\nconst resolveTitle = (value: unknown): string | null => {\n  if (value == null || typeof value !== 'object') {\n    return null;\n  }\n  const { title } = value as { title?: unknown };\n  if (typeof title !== 'string') {\n    return null;\n  }\n  const trimmed = title.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nconst EntityFilterValueContent = <RowRef, RowView>({\n  valueConfig,\n  id,\n  children,\n}: EntityFilterValueContentProps<RowRef, RowView>): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(valueConfig.query, { id });\n  const rowRef = valueConfig.resolveRow(data);\n  let row: RowView | null = null;\n  if (rowRef != null) {\n    row = valueConfig.toRow(rowRef);\n  }\n  const title = resolveTitle(row);\n\n  return children(title);\n};\n\nexport type EntityFilterValueTextProps = {\n  entityId: string;\n  id: string;\n  children: (label: string | null) => JSX.Element;\n};\n\nexport const EntityFilterValueText = ({\n  entityId,\n  id,\n  children,\n}: EntityFilterValueTextProps): JSX.Element => {\n  const resolvedId = id.trim();\n  const pickerEntityState = useBackofficePickerEntityLoader(entityId, {\n    enabled: resolvedId !== '',\n  });\n  let valueConfig: BackofficePickerValueConfig<unknown, unknown> | null = null;\n  if (pickerEntityState.status === 'loaded') {\n    valueConfig = pickerEntityState.module.config.picker.value ?? null;\n  }\n\n  const fallback = children(null);\n  if (valueConfig == null) {\n    return fallback;\n  }\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return fallback;\n      }}\n    >\n      <Suspense fallback={fallback}>\n        <EntityFilterValueContent valueConfig={valueConfig} id={id}>\n          {children}\n        </EntityFilterValueContent>\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport type EntityFilterValueProps = {\n  entityId: string;\n  id: string;\n};\n\nexport const EntityFilterValue = ({\n  entityId,\n  id,\n}: EntityFilterValueProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedId = id.trim();\n\n  return (\n    <EntityFilterValueText entityId={entityId} id={id}>\n      {(label) => {\n        let fallbackLabel = resolvedId;\n        if (resolvedId === '') {\n          fallbackLabel = t('filters.placeholders.unresolved');\n        }\n        return <span>{label ?? fallbackLabel}</span>;\n      }}\n    </EntityFilterValueText>\n  );\n};\n\nexport default EntityFilterValue;\n"],"mappings":";;;;;;;AAUA,IAAM,EAAE,kBAAA,MAAqB,GAQvB,KAAgB,MAAkC;CACtD,IAAqB,OAAO,KAAU,aAAlC,GACF,OAAO;CAET,IAAM,EAAE,aAAU;CAClB,IAAI,OAAO,KAAU,UACnB,OAAO;CAET,IAAM,IAAU,EAAM,MAAM;CAI5B,OAHI,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;CAM1B,OALI,KAAU,SACZ,IAAM,EAAY,MAAM,EAAO,GAI1B,EAFO,EAAa,EAEX,CAAM;GASX,KAAyB,EACpC,aACA,OACA,kBAC6C;CAE7C,IAAM,IAAoB,EAAgC,GAAU,EAClE,SAFiB,EAAG,MAEX,KAAe,IACzB,CAAC,EACE,IAAoE;CACxE,AAAI,EAAkB,WAAW,aAC/B,IAAc,EAAkB,OAAO,OAAO,OAAO,SAAS;CAGhE,IAAM,IAAW,EAAS,KAAK;CAK/B,OAJI,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;CAE5B,OACE,kBAAC,GAAD;EAAiC;EAAc;aAC3C,MAAU;GACV,IAAI,IAAgB;GAIpB,OAHI,MAAe,OACjB,IAAgB,EAAE,kCAAkC,GAE/C,kBAAC,QAAD,EAAA,UAAO,KAAS,GAAqB,CAAA;;EAExB,CAAA"}
+{"version":3,"file":"EntityFilterValue.js","names":[],"sources":["../../../../../src/components/backoffice/filters/EntityFilterValue.tsx"],"sourcesContent":["import { Suspense, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport type { BackofficePickerValueConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype EntityFilterValueContentProps<RowRef, RowView> = {\n  valueConfig: BackofficePickerValueConfig<RowRef, RowView>;\n  id: string;\n  children: EntityFilterValueTextChildren;\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  let status: EntityFilterValueTextState['status'] = 'resolved';\n  if (title == null) {\n    status = 'unresolved';\n  }\n\n  return children(title, { status });\n};\n\nexport type EntityFilterValueTextState = {\n  status: 'loading' | 'resolved' | 'unresolved' | 'unavailable' | 'error';\n};\n\nexport type EntityFilterValueTextChildren = (\n  label: string | null,\n  state?: EntityFilterValueTextState,\n) => JSX.Element;\n\nexport type EntityFilterValueTextProps = {\n  entityId: string;\n  id: string;\n  children: EntityFilterValueTextChildren;\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\n  if (resolvedId === '') {\n    return children(null, { status: 'unavailable' });\n  }\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 loadingFallback = children(null, { status: 'loading' });\n  if (pickerEntityState.status === 'loading') {\n    return loadingFallback;\n  }\n\n  let unavailableStatus: EntityFilterValueTextState['status'] = 'unavailable';\n  if (pickerEntityState.status === 'error') {\n    unavailableStatus = 'error';\n  }\n  const unavailableFallback = children(null, {\n    status: unavailableStatus,\n  });\n  if (valueConfig == null) {\n    return unavailableFallback;\n  }\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return children(null, { status: 'error' });\n      }}\n    >\n      <Suspense fallback={loadingFallback}>\n        <EntityFilterValueContent valueConfig={valueConfig} id={id}>\n          {children}\n        </EntityFilterValueContent>\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport type EntityFilterValueProps = {\n  entityId: string;\n  id: string;\n};\n\nexport const EntityFilterValue = ({\n  entityId,\n  id,\n}: EntityFilterValueProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedId = id.trim();\n\n  return (\n    <EntityFilterValueText entityId={entityId} id={id}>\n      {(label) => {\n        let fallbackLabel = resolvedId;\n        if (resolvedId === '') {\n          fallbackLabel = t('filters.placeholders.unresolved');\n        }\n        return <span>{label ?? fallbackLabel}</span>;\n      }}\n    </EntityFilterValueText>\n  );\n};\n\nexport default EntityFilterValue;\n"],"mappings":";;;;;;;AAUA,IAAM,EAAE,kBAAA,MAAqB,GAQvB,KAAgB,MAAkC;CACtD,IAAqB,OAAO,KAAU,aAAlC,GACF,OAAO;CAET,IAAM,EAAE,aAAU;CAClB,IAAI,OAAO,KAAU,UACnB,OAAO;CAET,IAAM,IAAU,EAAM,MAAM;CAI5B,OAHI,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;CAC1B,AAAI,KAAU,SACZ,IAAM,EAAY,MAAM,EAAO;CAEjC,IAAM,IAAQ,EAAa,EAAI,EAC3B,IAA+C;CAKnD,OAJI,MACF,IAAS,eAGJ,EAAS,GAAO,EAAE,WAAQ,CAAC;GAkBvB,KAAyB,EACpC,aACA,OACA,kBAC6C;CAC7C,IAAM,IAAa,EAAG,MAAM,EACtB,IAAoB,EAAgC,GAAU,EAClE,SAAS,MAAe,IACzB,CAAC;CAEF,IAAI,MAAe,IACjB,OAAO,EAAS,MAAM,EAAE,QAAQ,eAAe,CAAC;CAGlD,IAAI,IAAoE;CACxE,AAAI,EAAkB,WAAW,aAC/B,IAAc,EAAkB,OAAO,OAAO,OAAO,SAAS;CAGhE,IAAM,IAAkB,EAAS,MAAM,EAAE,QAAQ,WAAW,CAAC;CAC7D,IAAI,EAAkB,WAAW,WAC/B,OAAO;CAGT,IAAI,IAA0D;CAC9D,AAAI,EAAkB,WAAW,YAC/B,IAAoB;CAEtB,IAAM,IAAsB,EAAS,MAAM,EACzC,QAAQ,GACT,CAAC;CAKF,OAJI,KAAe,OACV,IAIP,kBAAC,GAAD;EACE,gBACS,EAAS,MAAM,EAAE,QAAQ,SAAS,CAAC;YAG5C,kBAAC,GAAD;GAAU,UAAU;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;CAE5B,OACE,kBAAC,GAAD;EAAiC;EAAc;aAC3C,MAAU;GACV,IAAI,IAAgB;GAIpB,OAHI,MAAe,OACjB,IAAgB,EAAE,kCAAkC,GAE/C,kBAAC,QAAD,EAAA,UAAO,KAAS,GAAqB,CAAA;;EAExB,CAAA"}

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

@@ -1,65 +1,97 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { actions as t, container as n, labelText as r, pickText as i, pickerButton as a, placeholder as o, valueText as s } from "./entityIdFilterField.css.js";
-import { Button as c } from "@plumile/ui";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { actionIcon as t, clearButton as n, container as r, content as i, labelText as a, pickActionButton as o, pickerButton as s, pickerControl as c, placeholder as l, valueText as u } from "./entityIdFilterField.css.js";
+import { BackofficeSidebarPenToolSvg as d, BackofficeSidebarSearchSvg as f } from "@plumile/ui";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/backoffice/filters/EntityIdFilterField.tsx
-var d = (d) => {
-	let { disabled: f = !1, id: p, label: m, value: h, displayValue: g, placeholder: _, ariaDescribedBy: v, ariaInvalid: y, onPick: b, onClear: x } = d, { t: S } = e(), C = h?.trim() ?? "", w = g?.trim() ?? "", T = C !== "", E = w !== "", D = _ ?? S("filters.placeholders.anyEntity", { label: m }), O = S("filters.placeholders.unresolved"), k;
-	k = E ? /* @__PURE__ */ l("span", {
-		className: s,
-		children: w
-	}) : T ? /* @__PURE__ */ l("span", {
-		className: o,
-		children: O
-	}) : /* @__PURE__ */ l("span", {
-		className: o,
-		children: D
-	});
-	let A = S("common.actions.pick");
-	T && (A = S("common.actions.change"));
-	let j = `${A} ${m}`, M = S("common.actions.clear"), N = `${M} ${m}`, P = null;
-	T && x != null && (P = /* @__PURE__ */ l(c, {
-		type: "button",
-		variant: "text",
-		size: "small",
-		"aria-label": N,
-		disabled: f,
-		onClick: x,
+var h = (h) => {
+	let { disabled: g = !1, id: _, label: v, value: y, displayValue: b, placeholder: x, ariaDescribedBy: S, ariaInvalid: C, isResolving: w = !1, onPick: T, onClear: E } = h, { t: D } = e(), O = y?.trim() ?? "", k = b?.trim() ?? "", A = O !== "", j = k !== "", M = x ?? D("filters.placeholders.anyEntity", { label: v }), N = D("filters.placeholders.unresolved"), P;
+	P = j ? /* @__PURE__ */ p("span", {
+		className: u,
+		children: k
+	}) : A ? /* @__PURE__ */ p("span", {
+		className: l,
+		children: N
+	}) : /* @__PURE__ */ p("span", {
+		className: l,
 		children: M
-	}));
-	let F = null;
-	return b != null && (F = /* @__PURE__ */ u("button", {
-		id: p,
+	});
+	let F = D("common.actions.pick");
+	A && (F = D("common.actions.change"));
+	let I = `${F} ${v}`, L = `${D("common.actions.clear")} ${v}`, R = null;
+	A && E != null && (R = /* @__PURE__ */ p("button", {
 		type: "button",
-		className: a,
-		"aria-label": j,
-		"aria-describedby": v,
-		"aria-invalid": y,
-		disabled: f,
-		onClick: b,
-		children: [
-			/* @__PURE__ */ l("span", {
-				className: r,
-				children: m
-			}),
-			k,
-			/* @__PURE__ */ l("span", {
-				className: i,
-				children: A
-			})
-		]
-	})), /* @__PURE__ */ u("div", {
 		className: n,
-		children: [F ?? /* @__PURE__ */ l("div", {
-			className: "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g",
-			children: k
-		}), /* @__PURE__ */ l("div", {
+		"aria-label": L,
+		disabled: g,
+		onClick: (e) => {
+			e.stopPropagation(), E();
+		},
+		children: /* @__PURE__ */ p("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 12 12",
+			fill: "none",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ p("path", {
+				d: "M3 3L9 9M9 3L3 9",
+				stroke: "currentColor",
+				strokeWidth: "1.6",
+				strokeLinecap: "round"
+			})
+		})
+	}));
+	let z = null;
+	if (T != null) {
+		let e = /* @__PURE__ */ p(f, {
 			className: t,
+			"aria-hidden": "true"
+		});
+		A && (e = /* @__PURE__ */ p(d, {
+			className: t,
+			"aria-hidden": "true"
+		})), z = /* @__PURE__ */ m("div", {
+			className: c,
+			children: [
+				/* @__PURE__ */ p("button", {
+					id: _,
+					type: "button",
+					className: s,
+					"aria-label": I,
+					"aria-describedby": S,
+					"aria-invalid": C,
+					"aria-busy": w || void 0,
+					disabled: g,
+					onClick: T,
+					children: /* @__PURE__ */ m("span", {
+						className: i,
+						children: [/* @__PURE__ */ p("span", {
+							className: a,
+							children: v
+						}), P]
+					})
+				}),
+				/* @__PURE__ */ p("button", {
+					type: "button",
+					className: o,
+					"aria-label": I,
+					title: I,
+					disabled: g,
+					onClick: T,
+					children: e
+				}),
+				R
+			]
+		});
+	}
+	return /* @__PURE__ */ p("div", {
+		className: r,
+		children: z ?? /* @__PURE__ */ p("div", {
+			className: "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g",
 			children: P
-		})]
+		})
 	});
 };
 //#endregion
-export { d as EntityIdFilterField, d as default };
+export { h as EntityIdFilterField, h as default };
 
 //# sourceMappingURL=EntityIdFilterField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityIdFilterField.js","names":[],"sources":["../../../../../src/components/backoffice/filters/EntityIdFilterField.tsx"],"sourcesContent":["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"],"mappings":";;;;;AAqBA,IAAa,KACX,MACgB;CAChB,IAAM,EACJ,cAAW,IACX,OACA,UACA,UACA,iBACA,aAAA,GACA,oBACA,gBACA,WACA,eACE,GACE,EAAE,SAAM,GAA+B,EACvC,IAAkB,GAAO,MAAM,IAAI,IACnC,IAAyB,GAAc,MAAM,IAAI,IACjD,IAAW,MAAoB,IAC/B,IAAkB,MAA2B,IAE7C,IACJ,KAAe,EAAE,kCAAkC,EAAE,UAAO,CAAC,EACzD,IAAwB,EAAE,kCAAkC,EAE9D;CACJ,AASE,IATE,IAEA,kBAAC,QAAD;EAAM,WAAW;YAAmB;EAA8B,CAAA,GAE3D,IAEP,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAA6B,CAAA,GAInE,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAA2B,CAAA;CAIrE,IAAI,IAAY,EAAE,sBAAsB;CACxC,AAAI,MACF,IAAY,EAAE,wBAAwB;CAExC,IAAM,IAAgB,GAAG,EAAU,GAAG,KAChC,IAAa,EAAE,uBAAuB,EACtC,IAAiB,GAAG,EAAW,GAAG,KAEpC,IAAgC;CACpC,AAAI,KAAY,KAAW,SACzB,IACE,kBAAC,GAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAK;EACL,cAAY;EACF;EACV,SAAS;YAER;EACM,CAAA;CAIb,IAAI,IAAiC;CAoBrC,OAnBI,KAAU,SACZ,IACE,kBAAC,UAAD;EACM;EACJ,MAAK;EACL,WAAW;EACX,cAAY;EACZ,oBAAkB;EAClB,gBAAc;EACJ;EACV,SAAS;YARX;GAUE,kBAAC,QAAD;IAAM,WAAW;cAAmB;IAAa,CAAA;GAChD;GACD,kBAAC,QAAD;IAAM,WAAW;cAAkB;IAAiB,CAAA;GAC7C;MAKX,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KAAc,kBAAC,OAAD;GAAK,WAAW;aAAkB;GAAkB,CAAA,EACnE,kBAAC,OAAD;GAAK,WAAW;aAAiB;GAAgB,CAAA,CAC7C"}
+{"version":3,"file":"EntityIdFilterField.js","names":[],"sources":["../../../../../src/components/backoffice/filters/EntityIdFilterField.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport {\n  BackofficeSidebarPenToolSvg,\n  BackofficeSidebarSearchSvg,\n} from '@plumile/ui';\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  isResolving?: 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    isResolving = false,\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        className={styles.clearButton}\n        aria-label={clearAriaLabel}\n        disabled={disabled}\n        onClick={(event) => {\n          event.stopPropagation();\n          onClear();\n        }}\n      >\n        <svg\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 12 12\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d=\"M3 3L9 9M9 3L3 9\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.6\"\n            strokeLinecap=\"round\"\n          />\n        </svg>\n      </button>\n    );\n  }\n\n  let pickerNode: JSX.Element | null = null;\n  if (onPick != null) {\n    let actionIcon = (\n      <BackofficeSidebarSearchSvg\n        className={styles.actionIcon}\n        aria-hidden=\"true\"\n      />\n    );\n    if (hasValue) {\n      actionIcon = (\n        <BackofficeSidebarPenToolSvg\n          className={styles.actionIcon}\n          aria-hidden=\"true\"\n        />\n      );\n    }\n\n    pickerNode = (\n      <div className={styles.pickerControl}>\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          aria-busy={isResolving || undefined}\n          disabled={disabled}\n          onClick={onPick}\n        >\n          <span className={styles.content}>\n            <span className={styles.labelText}>{label}</span>\n            {displayNode}\n          </span>\n        </button>\n        <button\n          type=\"button\"\n          className={styles.pickActionButton}\n          aria-label={pickAriaLabel}\n          title={pickAriaLabel}\n          disabled={disabled}\n          onClick={onPick}\n        >\n          {actionIcon}\n        </button>\n        {clearNode}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.container}>\n      {pickerNode ?? <div className={styles.valueBox}>{displayNode}</div>}\n    </div>\n  );\n};\n\nexport default EntityIdFilterField;\n"],"mappings":";;;;;AAwBA,IAAa,KACX,MACgB;CAChB,IAAM,EACJ,cAAW,IACX,OACA,UACA,UACA,iBACA,aAAA,GACA,oBACA,gBACA,iBAAc,IACd,WACA,eACE,GACE,EAAE,SAAM,GAA+B,EACvC,IAAkB,GAAO,MAAM,IAAI,IACnC,IAAyB,GAAc,MAAM,IAAI,IACjD,IAAW,MAAoB,IAC/B,IAAkB,MAA2B,IAE7C,IACJ,KAAe,EAAE,kCAAkC,EAAE,UAAO,CAAC,EACzD,IAAwB,EAAE,kCAAkC,EAE9D;CACJ,AASE,IATE,IAEA,kBAAC,QAAD;EAAM,WAAW;YAAmB;EAA8B,CAAA,GAE3D,IAEP,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAA6B,CAAA,GAInE,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAA2B,CAAA;CAIrE,IAAI,IAAY,EAAE,sBAAsB;CACxC,AAAI,MACF,IAAY,EAAE,wBAAwB;CAExC,IAAM,IAAgB,GAAG,EAAU,GAAG,KAEhC,IAAiB,GADJ,EAAE,uBACK,CAAW,GAAG,KAEpC,IAAgC;CACpC,AAAI,KAAY,KAAW,SACzB,IACE,kBAAC,UAAD;EACE,MAAK;EACL,WAAW;EACX,cAAY;EACF;EACV,UAAU,MAAU;GAElB,AADA,EAAM,iBAAiB,EACvB,GAAS;;YAGX,kBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,eAAY;aAEZ,kBAAC,QAAD;IACE,GAAE;IACF,QAAO;IACP,aAAY;IACZ,eAAc;IACd,CAAA;GACE,CAAA;EACC,CAAA;CAIb,IAAI,IAAiC;CACrC,IAAI,KAAU,MAAM;EAClB,IAAI,IACF,kBAAC,GAAD;GACE,WAAW;GACX,eAAY;GACZ,CAAA;EAWJ,AATI,MACF,IACE,kBAAC,GAAD;GACE,WAAW;GACX,eAAY;GACZ,CAAA,GAIN,IACE,kBAAC,OAAD;GAAK,WAAW;aAAhB;IACE,kBAAC,UAAD;KACM;KACJ,MAAK;KACL,WAAW;KACX,cAAY;KACZ,oBAAkB;KAClB,gBAAc;KACd,aAAW,KAAe,KAAA;KAChB;KACV,SAAS;eAET,kBAAC,QAAD;MAAM,WAAW;gBAAjB,CACE,kBAAC,QAAD;OAAM,WAAW;iBAAmB;OAAa,CAAA,EAChD,EACI;;KACA,CAAA;IACT,kBAAC,UAAD;KACE,MAAK;KACL,WAAW;KACX,cAAY;KACZ,OAAO;KACG;KACV,SAAS;eAER;KACM,CAAA;IACR;IACG;;;CAIV,OACE,kBAAC,OAAD;EAAK,WAAW;YACb,KAAc,kBAAC,OAAD;GAAK,WAAW;aAAkB;GAAkB,CAAA;EAC/D,CAAA"}

package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js

@@ -1,7 +1,7 @@
 /* empty css                                   */
 //#region src/components/backoffice/filters/entityIdFilterField.css.ts
-var e = "txvbqb9ip txvbqbcp txvbqbany txvbqbu4g txvbqbjep", t = "oa1uye0 txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb6 txvbqb9iy txvbqbcp txvbqbb9g txvbqb9my txvbqbk5y txvbqbt6p txvbqbv txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwg txvbqbv41 txvbqbv9z txvbqb77 txvbqb6x txvbqb7k", n = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g", r = "oa1uye1 txvbqb9i7 txvbqbva3 txvbqb8p txvbqbamg txvbqbl7g txvbqbt7g txvbqbuxg", i = "txvbqb9i7 txvbqbk5y txvbqbl7g txvbqbt7g txvbqbuxg txvbqb8y txvbqbamp", a = "txvbqbva3 txvbqb8y", o = "txvbqbvb7 txvbqb8p txvbqbamp", s = "txvbqb9ip txvbqbcp txvbqbany";
+var e = "txvbqb9ip txvbqbcp txvbqbu4g txvbqbjep txvbqbk5y", t = "oa1uye0 txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb9iy txvbqbcp txvbqb9my txvbqbk5y txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwg txvbqbv41 txvbqbv9z txvbqb77 txvbqb6x txvbqb7k", n = "oa1uye1 txvbqb6 txvbqb9ip txvbqbai7 txvbqbdoy txvbqbk5y txvbqbu7g txvbqbt6p txvbqbv txvbqb12g txvbqbv0t txvbqbv9z txvbqblag", r = "oa1uye2 txvbqb9ip txvbqbai7 txvbqbdoy txvbqbb9g txvbqbk5y txvbqbu7g", i = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g", a = "oa1uye3 txvbqb9i7 txvbqbva3 txvbqb8p txvbqbamg txvbqbl7g txvbqbt7g txvbqbuxg", o = "txvbqb9i7 txvbqbk5y txvbqbl7g txvbqbt7g txvbqbuxg txvbqb8y txvbqbamp", s = "txvbqb9i7 txvbqbk5y txvbqbl7g txvbqbt7g txvbqbuxg txvbqbva3 txvbqb8y", c = "oa1uye5 oa1uye4 txvbqb6 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxy txvbqbc6y txvbqblag txvbqb1rp txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41 txvbqbva3 txvbqbv txvbqb78 txvbqb6w txvbqb7k", l = "oa1uye6 oa1uye4 txvbqb6 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxy txvbqbc6y txvbqblag txvbqb1rp txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41 txvbqbva3 txvbqbv txvbqb78 txvbqb6w txvbqb7k txvbqb1t7 txvbqbv45", u = "oa1uye7";
 //#endregion
-export { s as actions, e as container, r as labelText, o as pickText, t as pickerButton, a as placeholder, n as valueBox, i as valueText };
+export { u as actionIcon, l as clearButton, e as container, r as content, a as labelText, c as pickActionButton, n as pickerButton, t as pickerControl, s as placeholder, i as valueBox, o as valueText };
 
 //# sourceMappingURL=entityIdFilterField.css.js.map

package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"entityIdFilterField.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"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"],"mappings":""}
+{"version":3,"file":"entityIdFilterField.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"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  width: 72,\n  maxWidth: 'full',\n  minWidth: 0,\n});\n\nexport const pickerControl = style([\n  sprinkles({\n    display: 'grid',\n    alignItems: 'center',\n    flex: 1,\n    minWidth: 0,\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 auto',\n    gridTemplateAreas: '\"content pickAction clearAction\"',\n    columnGap: vars.spacing[1],\n    minHeight: '2.5rem',\n    width: '100%',\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n      },\n    },\n  },\n]);\n\nexport const pickerButton = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    minWidth: 0,\n    width: 'full',\n    textAlign: 'left',\n    cursor: 'pointer',\n    borderWidth: 0,\n    backgroundColor: 'transparent',\n    color: 'text',\n    padding: 0,\n  }),\n  {\n    gridArea: 'content',\n    minHeight: '100%',\n    selectors: {\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 content = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    gap: 0.5,\n    minWidth: 0,\n    width: 'full',\n  }),\n  {\n    maxWidth: '100%',\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    minWidth: 0,\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  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nconst actionButtonBase = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 7,\n    height: 7,\n    padding: 0,\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n    color: 'textMuted',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    alignSelf: 'center',\n    selectors: {\n      '&:hover:not(:disabled)': {\n        color: vars.colors.text,\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 pickActionButton = style([\n  actionButtonBase,\n  {\n    gridArea: 'pickAction',\n  },\n]);\n\nexport const clearButton = style([\n  actionButtonBase,\n  sprinkles({\n    borderRadius: 'full',\n    backgroundColor: 'surfaceMuted',\n  }),\n  {\n    gridArea: 'clearAction',\n  },\n]);\n\nexport const actionIcon = style({\n  width: '1rem',\n  height: '1rem',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js

@@ -1,7 +1,7 @@
 /* empty css                                    */
 //#region src/components/backoffice/pickers/entityIdPickerDialog.css.ts
-var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "txvbqbnvg txvbqboip txvbqbp6p txvbqblyg txvbqbva1 txvbqb8y txvbqbt6y", n = "txvbqbnw7 txvbqbojg txvbqbp6y txvbqblyp txvbqb9ip txvbqbcp txvbqbdoy txvbqbao7 txvbqbva1", r = "txvbqb8y txvbqbva1", i = "txvbqb9ip txvbqbao7 txvbqbcp", a = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbai7 txvbqbt6p", o = "txvbqbv9z txvbqbamg txvbqb97 txvbqbf4y", s = "txvbqbva1 txvbqb8y txvbqbf4y", c = "txvbqbva3 txvbqb8p txvbqbf4y txvbqbuxg";
+var e = "txvbqb9ip txvbqbai7 txvbqbaog", t = "txvbqbnvg txvbqboip txvbqbp6p txvbqblyg txvbqbva1 txvbqb8y txvbqbt6y", n = "txvbqbnw7 txvbqbojg txvbqbp6y txvbqblyp txvbqb9ip txvbqbcp txvbqbdoy txvbqbao7 txvbqbva1", r = "txvbqb8y txvbqbva1", i = "_10f5c550 txvbqb9ip txvbqbai7 txvbqbl7g txvbqb1rp txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41", a = "_10f5c551 txvbqbnw7 txvbqbojg txvbqbps7 txvbqbmjy txvbqb6 txvbqb9i7 txvbqbu7g txvbqb12g txvbqbv41 txvbqbv9z txvbqbv txvbqbt6p txvbqb78 txvbqb6w txvbqb7k", o = "txvbqb9ip txvbqbao7 txvbqbcp txvbqbk5y", s = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbai7 txvbqbt6p", c = "txvbqbv9z txvbqbamg txvbqb97 txvbqbf4y txvbqbl7g txvbqbt7g txvbqbuxg", l = "txvbqbva1 txvbqb8y txvbqbf4y txvbqbl7g txvbqbt7g txvbqbuxg", u = "txvbqbva3 txvbqb8p txvbqbf4y txvbqbuxg";
 //#endregion
-export { e as layout, r as loadingLabel, n as loadingState, i as row, c as rowMeta, s as rowSubtitle, a as rowText, o as rowTitle, t as searchRequiredMessage };
+export { e as layout, i as list, a as listItem, r as loadingLabel, n as loadingState, o as row, u as rowMeta, l as rowSubtitle, s as rowText, c as rowTitle, t as searchRequiredMessage };
 
 //# sourceMappingURL=entityIdPickerDialog.css.js.map

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"entityIdPickerDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"sourcesContent":["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"],"mappings":""}
+{"version":3,"file":"entityIdPickerDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } 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 list = style([\n  sprinkles({\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    borderRadius: 'lg',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n  }),\n  {\n    selectors: {\n      '&:empty': {\n        display: 'none',\n      },\n    },\n  },\n]);\n\nexport const listItem = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'block',\n    width: 'full',\n    paddingX: 3,\n    paddingY: 2.5,\n    borderWidth: 0,\n    backgroundColor: 'surface',\n    color: 'text',\n    cursor: 'pointer',\n    textAlign: 'left',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    minHeight: '3.25rem',\n    selectors: {\n      '& + &': {\n        borderTop: `1px solid ${vars.colors.borderSubtle}`,\n      },\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '-2px',\n      },\n    },\n  },\n]);\n\nexport const row = sprinkles({\n  display: 'flex',\n  gap: 2,\n  alignItems: 'center',\n  minWidth: 0,\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  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 1.2,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const rowMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js

@@ -1,27 +1,33 @@
 import { useBackofficeReactTranslation as e } from "../../../../i18n/useBackofficeReactTranslation.js";
-import { EntityPickerRowBase as t } from "./EntityPickerRowBase.js";
-import { BackofficeEmptyState as n, Button as r } from "@plumile/ui";
-import { jsx as i } from "react/jsx-runtime";
+import { list as t, listItem as n } from "../entityIdPickerDialog.css.js";
+import { EntityPickerRowBase as r } from "./EntityPickerRowBase.js";
+import { BackofficeEmptyState as i } from "@plumile/ui";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/backoffice/pickers/shared/EntityPickerList.tsx
-var a = ({ items: a, onSelectId: o, emptyState: s }) => {
-	let { t: c } = e();
-	return a.length === 0 ? s ?? /* @__PURE__ */ i(n, {
-		title: c("picker.empty.title"),
-		description: c("picker.empty.description")
-	}) : /* @__PURE__ */ i("div", { children: a.map((e) => /* @__PURE__ */ i(r, {
-		type: "button",
-		variant: "text",
-		onClick: () => {
-			o(e.id);
-		},
-		width: "full",
-		children: /* @__PURE__ */ i(t, {
-			title: e.title,
-			subtitle: e.subtitle
-		})
-	}, e.id)) });
+var o = ({ items: o, onSelectId: s, emptyState: c }) => {
+	let { t: l } = e();
+	return o.length === 0 ? c ?? /* @__PURE__ */ a(i, {
+		title: l("picker.empty.title"),
+		description: l("picker.empty.description")
+	}) : /* @__PURE__ */ a("div", {
+		className: t,
+		role: "listbox",
+		children: o.map((e) => /* @__PURE__ */ a("button", {
+			type: "button",
+			className: n,
+			role: "option",
+			"aria-selected": "false",
+			onClick: () => {
+				s(e.id);
+			},
+			children: /* @__PURE__ */ a(r, {
+				title: e.title,
+				subtitle: e.subtitle
+			})
+		}, e.id))
+	});
 };
 //#endregion
-export { a as EntityPickerList, a as default };
+export { o as EntityPickerList, o as default };
 
 //# sourceMappingURL=EntityPickerList.js.map

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPickerList.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerList.tsx"],"sourcesContent":["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"],"mappings":";;;;;AAcA,IAAa,KAAoB,EAC/B,UACA,eACA,oBACwC;CACxC,IAAM,EAAE,SAAM,GAA+B;CAa7C,OAXI,EAAM,WAAW,IAEjB,KACE,kBAAC,GAAD;EACE,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,2BAA2B;EAC1C,CAAA,GAMN,kBAAC,OAAD,EAAA,UACG,EAAM,KAAK,MAER,kBAAC,GAAD;EAEE,MAAK;EACL,SAAQ;EACR,eAAe;GACb,EAAW,EAAK,GAAG;;EAErB,OAAM;YAEN,kBAAC,GAAD;GAAqB,OAAO,EAAK;GAAO,UAAU,EAAK;GAAY,CAAA;EAC5D,EATF,EAAK,GASH,CAEX,EACE,CAAA"}
+{"version":3,"file":"EntityPickerList.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerList.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { BackofficeEmptyState } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\nimport { EntityPickerRowBase } from './EntityPickerRowBase.js';\nimport type { EntityPickerRowViewModel } from '../types.js';\nimport * as styles from '../entityIdPickerDialog.css.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 className={styles.list} role=\"listbox\">\n      {items.map((item) => {\n        return (\n          <button\n            key={item.id}\n            type=\"button\"\n            className={styles.listItem}\n            role=\"option\"\n            aria-selected=\"false\"\n            onClick={() => {\n              onSelectId(item.id);\n            }}\n          >\n            <EntityPickerRowBase title={item.title} subtitle={item.subtitle} />\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default EntityPickerList;\n"],"mappings":";;;;;;AAeA,IAAa,KAAoB,EAC/B,UACA,eACA,oBACwC;CACxC,IAAM,EAAE,SAAM,GAA+B;CAa7C,OAXI,EAAM,WAAW,IAEjB,KACE,kBAAC,GAAD;EACE,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,2BAA2B;EAC1C,CAAA,GAMN,kBAAC,OAAD;EAAK,WAAW;EAAa,MAAK;YAC/B,EAAM,KAAK,MAER,kBAAC,UAAD;GAEE,MAAK;GACL,WAAW;GACX,MAAK;GACL,iBAAc;GACd,eAAe;IACb,EAAW,EAAK,GAAG;;aAGrB,kBAAC,GAAD;IAAqB,OAAO,EAAK;IAAO,UAAU,EAAK;IAAY,CAAA;GAC5D,EAVF,EAAK,GAUH,CAEX;EACE,CAAA"}

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityListScaffold.js

@@ -226,12 +226,13 @@ var S = (e, t) => e(t), ve = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 			if (e.pickerScope != null) return typeof e.pickerScope == "function" ? e.pickerScope(T.where) : e.pickerScope;
 		})(), l = null;
 		typeof r == "string" && (l = r);
-		let u = (r = null) => {
-			let i = r?.trim() ?? "";
+		let u = (r = null, i = !1) => {
+			let a = r?.trim() ?? "";
 			return /* @__PURE__ */ v(t, {
 				label: s,
 				value: l,
-				displayValue: i,
+				displayValue: a,
+				isResolving: i,
 				placeholder: C("filters.placeholders.anyEntity", { label: s }),
 				onPick: () => {
 					je({
@@ -254,7 +255,10 @@ var S = (e, t) => e(t), ve = (e, t) => e.fromGraphQL != null && t != null ? e.fr
 		return l == null || l.trim() === "" ? u() : /* @__PURE__ */ v(a, {
 			entityId: e.entity,
 			id: l,
-			children: (e) => u(e)
+			children: (e, t) => {
+				let n = t?.status === "loading";
+				return u(n ? C("common.loading") : e, n);
+			}
 		});
 	}, [
 		E,

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityListScaffold.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport {\n  BackofficeEmptyState,\n  BackofficeFilterDrawer,\n  BackofficeFilterField,\n  BackofficeInfiniteListStatus,\n  BackofficePageHeader,\n  BackofficeTableSkeleton,\n  BackofficeVirtualizedConnectionTable,\n  Button,\n  FilterChipRow,\n  InlineBanner,\n  ListPageTemplate,\n  ResponsiveRecordList,\n  SimpleSelect,\n  type FilterChip,\n  type DataTableColumn,\n  type GetRowId,\n  denseTableClass,\n} from '@plumile/ui';\n\nimport {\n  readWhereValue,\n  setWhereValue,\n} from '@plumile/backoffice-core/filters/where.js';\nimport { resolveBackofficeListRuntimeConfig } from '@plumile/backoffice-core/config/listRuntime.js';\nimport type {\n  BackofficeFilterSpec,\n  BackofficeListState,\n  BackofficePickerScope,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport {\n  EntityFilterValue,\n  EntityFilterValueText,\n} from '../filters/EntityFilterValue.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { DeferredFilterSearchInput } from '../filters/DeferredFilterSearchInput.js';\nimport { BackofficeListToolbar } from '../lists/BackofficeListToolbar.js';\nimport { BackofficeListFilterProvider } from './BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeInfiniteScrollSentinel } from '../../../hooks/useBackofficeInfiniteScrollSentinel.js';\nimport { isDevEnv } from '../../../relay/envHelpers.js';\n\nimport * as styles from './backofficeEntityListScaffold.css.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst getFilterValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  where: Where | null,\n): unknown => {\n  if (filter.fromGraphQL != null && where != null) {\n    return filter.fromGraphQL(where);\n  }\n\n  const key = (filter.whereKey ?? filter.id) as keyof Where;\n  return readWhereValue(where, key, filter.path);\n};\n\nconst getFilterDisplayValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  raw: unknown,\n  options: {\n    enumLabel: (value: string) => string;\n    booleanLabel: (value: boolean) => string;\n    fallbackBooleanLabels: { yes: string; no: string };\n  },\n): ReactNode | null => {\n  if (raw == null) {\n    return null;\n  }\n\n  if (Array.isArray(raw)) {\n    const normalized = raw\n      .map((entry) => {\n        if (entry == null) {\n          return null;\n        }\n        if (\n          typeof entry !== 'string' &&\n          typeof entry !== 'number' &&\n          typeof entry !== 'boolean'\n        ) {\n          return null;\n        }\n        const value = String(entry).trim();\n        if (value === '') {\n          return null;\n        }\n        return value;\n      })\n      .filter((entry): entry is string => {\n        return entry != null;\n      });\n\n    if (normalized.length === 0) {\n      return null;\n    }\n    return normalized.join(', ');\n  }\n\n  if (typeof raw === 'boolean') {\n    if (filter.kind === 'boolean') {\n      return options.booleanLabel(raw);\n    }\n    if (raw) {\n      return options.fallbackBooleanLabels.yes;\n    }\n    return options.fallbackBooleanLabels.no;\n  }\n\n  if (typeof raw !== 'string' && typeof raw !== 'number') {\n    return null;\n  }\n\n  const rawString = String(raw).trim();\n  if (rawString === '') {\n    return null;\n  }\n\n  if (filter.kind === 'entityId') {\n    return <EntityFilterValue entityId={filter.entity} id={rawString} />;\n  }\n\n  if (filter.kind === 'enum') {\n    return options.enumLabel(rawString);\n  }\n\n  return rawString;\n};\n\nconst toDatetimeInputValue = (value: string): string => {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return value;\n  }\n  const offsetMs = date.getTimezoneOffset() * 60_000;\n  return new Date(date.getTime() - offsetMs).toISOString().slice(0, 16);\n};\n\nconst fromDatetimeInputValue = (value: string): string => {\n  const normalized = value.trim();\n  if (normalized === '') {\n    return '';\n  }\n  const date = new Date(normalized);\n  if (Number.isNaN(date.getTime())) {\n    return normalized;\n  }\n  return date.toISOString();\n};\n\ntype RuntimeWhere = Record<string, unknown>;\ntype RuntimeSort = string;\n\ntype Props<RowView> = {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  state: BackofficeListState<RuntimeWhere, RuntimeSort>;\n  pushState: (next: BackofficeListState<RuntimeWhere, RuntimeSort>) => void;\n  header?: {\n    title?: string;\n    subtitle?: string;\n  };\n  headerActions?: ReactNode;\n  rows: readonly RowView[];\n  getRowId: GetRowId<RowView>;\n  columns: readonly DataTableColumn<RowView>[];\n  gridTemplateColumns?: string;\n  hasNextPage: boolean;\n  isLoadingMore: boolean;\n  isRefreshing?: boolean;\n  onLoadMore: () => void;\n  onRefresh?: () => void;\n  totalCount?: number | null;\n  emptyState?: JSX.Element;\n  statusBanner?: ReactNode;\n  isLoadingInitial?: boolean;\n  virtualize?: boolean;\n  variant?: 'page' | 'embedded';\n  showFilters?: boolean;\n};\n\nexport const BackofficeEntityListScaffold = <RowView,>(\n  props: Props<RowView>,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const {\n    config,\n    state,\n    pushState,\n    rows,\n    getRowId,\n    columns,\n    gridTemplateColumns,\n    hasNextPage,\n    isLoadingMore,\n    isRefreshing = false,\n    onLoadMore,\n    onRefresh,\n    totalCount,\n    emptyState,\n    statusBanner,\n    header,\n    headerActions,\n    isLoadingInitial = false,\n    variant = 'page',\n    showFilters = true,\n  } = props;\n  const listConfig = config.list;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const columnsWithPrimary = useMemo(() => {\n    const hasPrimary = columns.some((col) => {\n      return col.isPrimary === true;\n    });\n    if (hasPrimary || columns.length === 0) {\n      return columns;\n    }\n    return columns.map((col, index) => {\n      const { header } = col;\n      if (index === 0) {\n        return { ...col, isPrimary: true, header };\n      }\n      return { ...col, header };\n    });\n  }, [columns]);\n\n  const chips = useMemo<readonly FilterChip[]>(() => {\n    const out: FilterChip[] = [];\n    for (const filter of listConfig.filters) {\n      const raw = getFilterValue(filter, state.where);\n      const displayValue = getFilterDisplayValue(filter, raw, {\n        enumLabel: (value) => {\n          if (filter.kind !== 'enum') {\n            return value;\n          }\n          const match = filter.options.find((option) => {\n            return option.value === value;\n          });\n          if (match != null) {\n            return resolveLabel(match.label, tApp);\n          }\n          return value;\n        },\n        booleanLabel: (value) => {\n          if (filter.kind === 'boolean') {\n            if (value && filter.trueLabel != null) {\n              return resolveLabel(filter.trueLabel, tApp);\n            }\n            if (!value && filter.falseLabel != null) {\n              return resolveLabel(filter.falseLabel, tApp);\n            }\n          }\n          if (value) {\n            return t('filters.boolean.yes');\n          }\n          return t('filters.boolean.no');\n        },\n        fallbackBooleanLabels: {\n          yes: t('filters.boolean.yes'),\n          no: t('filters.boolean.no'),\n        },\n      });\n\n      if (displayValue != null) {\n        let idValue = String(raw);\n        if (Array.isArray(raw)) {\n          idValue = raw.join(',');\n        }\n        const label = (\n          <span>\n            {resolveLabel(filter.label, tApp)}: {displayValue}\n          </span>\n        );\n        out.push({\n          id: `${filter.id}:${idValue}`,\n          label,\n          onRemove: () => {\n            const key = filter.whereKey ?? filter.id;\n            const nextWhere = setWhereValue(\n              state.where,\n              key,\n              null,\n              filter.path,\n            );\n            pushState({ ...state, where: nextWhere });\n          },\n        });\n      }\n    }\n    return out;\n  }, [listConfig.filters, pushState, state, t, tApp]);\n\n  const handleClearAll = useCallback(() => {\n    pushState({\n      ...listDefaults,\n    });\n  }, [listDefaults, pushState]);\n  const [isFilterDrawerOpen, setIsFilterDrawerOpen] = useState(false);\n  const [filterSearch, setFilterSearch] = useState('');\n\n  const [pickerDialog, setPickerDialog] = useState<{\n    entity: string;\n    whereKey: keyof RuntimeWhere;\n    label: string;\n    path?: readonly string[];\n    scope?: BackofficePickerScope<Record<string, unknown>>;\n  } | null>(null);\n\n  const renderFilterControl = useCallback(\n    (filter: BackofficeFilterSpec<RuntimeWhere>): JSX.Element => {\n      const key = filter.whereKey ?? filter.id;\n      const candidate = getFilterValue(filter, state.where);\n      let value = '';\n      if (typeof candidate === 'string') {\n        value = candidate;\n      }\n      if (typeof candidate === 'number' && Number.isFinite(candidate)) {\n        value = String(candidate);\n      }\n\n      const filterLabelText = resolveLabel(filter.label, tApp);\n\n      if (filter.kind === 'text') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={toDatetimeInputValue(value)}\n            onApply={(next) => {\n              const normalized = fromDatetimeInputValue(next);\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                normalized,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n          />\n        );\n      }\n\n      if (filter.kind === 'datetime') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={value}\n            onApply={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n            type=\"datetime-local\"\n          />\n        );\n      }\n\n      if (filter.kind === 'number') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={value}\n            onApply={(next) => {\n              const normalized = next.trim();\n              const parsed = normalized === '' ? null : Number(normalized);\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                Number.isFinite(parsed) ? parsed : null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n            inputMode={filter.inputMode ?? 'numeric'}\n            type=\"number\"\n          />\n        );\n      }\n\n      if (filter.kind === 'enum') {\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          ...filter.options.map((option) => {\n            return {\n              id: option.value,\n              value: option.value,\n              label: resolveLabel(option.label, tApp),\n            };\n          }),\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={value}\n            size=\"small\"\n            ariaLabel={filterLabelText}\n            onChange={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      if (filter.kind === 'boolean') {\n        let current: boolean | null = null;\n        if (typeof candidate === 'boolean') {\n          current = candidate;\n        }\n\n        let selectValue = '';\n        if (current === true) {\n          selectValue = 'true';\n        }\n        if (current === false) {\n          selectValue = 'false';\n        }\n\n        const trueLabel =\n          filter.trueLabel != null\n            ? resolveLabel(filter.trueLabel, tApp)\n            : t('filters.boolean.yes');\n        const falseLabel =\n          filter.falseLabel != null\n            ? resolveLabel(filter.falseLabel, tApp)\n            : t('filters.boolean.no');\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          {\n            id: 'true',\n            value: 'true',\n            label: trueLabel,\n          },\n          {\n            id: 'false',\n            value: 'false',\n            label: falseLabel,\n          },\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={selectValue}\n            size=\"small\"\n            ariaLabel={filterLabelText}\n            onChange={(next) => {\n              let parsed: boolean | null = null;\n              if (next === 'true') {\n                parsed = true;\n              }\n              if (next === 'false') {\n                parsed = false;\n              }\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                parsed,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      const pickerScope = (() => {\n        if (filter.pickerScope == null) {\n          return undefined;\n        }\n        if (typeof filter.pickerScope === 'function') {\n          return filter.pickerScope(state.where);\n        }\n        return filter.pickerScope;\n      })();\n      let currentId: string | null = null;\n      if (typeof candidate === 'string') {\n        currentId = candidate;\n      }\n\n      const renderField = (displayValue: string | null = null) => {\n        const normalizedDisplayValue = displayValue?.trim() ?? '';\n        return (\n          <EntityIdFilterField\n            label={filterLabelText}\n            value={currentId}\n            displayValue={normalizedDisplayValue}\n            placeholder={t('filters.placeholders.anyEntity', {\n              label: filterLabelText,\n            })}\n            onPick={() => {\n              setPickerDialog({\n                entity: filter.entity,\n                whereKey: key,\n                label: filterLabelText,\n                path: filter.path,\n                scope: pickerScope,\n              });\n            }}\n            onClear={() => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      };\n\n      if (currentId == null || currentId.trim() === '') {\n        return renderField();\n      }\n\n      return (\n        <EntityFilterValueText entityId={filter.entity} id={currentId}>\n          {(label) => {\n            return renderField(label);\n          }}\n        </EntityFilterValueText>\n      );\n    },\n    [pushState, state, t, tApp],\n  );\n\n  const hasPlacementConfig = useMemo(() => {\n    return listConfig.filters.some((filter) => {\n      return filter.placement != null;\n    });\n  }, [listConfig.filters]);\n\n  const quickFilters = useMemo(() => {\n    if (listConfig.filters.length === 0) {\n      return [];\n    }\n    const maxPromotedFilters = listConfig.ui?.toolbar?.maxPromotedFilters ?? 3;\n    if (hasPlacementConfig) {\n      return listConfig.filters.filter((filter) => {\n        return filter.placement === 'quick' || filter.placement === 'both';\n      });\n    }\n    return listConfig.filters.slice(0, maxPromotedFilters);\n  }, [listConfig.filters, listConfig.ui?.toolbar, hasPlacementConfig]);\n\n  const drawerFilters = useMemo(() => {\n    return listConfig.filters.filter((filter) => {\n      if (filter.placement == null) {\n        return true;\n      }\n      return filter.placement === 'drawer' || filter.placement === 'both';\n    });\n  }, [listConfig.filters]);\n\n  const searchFilter = useMemo(() => {\n    return quickFilters.find((filter) => {\n      return filter.kind === 'text';\n    });\n  }, [quickFilters]);\n\n  const quickFiltersNode = useMemo(() => {\n    const visibleQuickFilters = quickFilters.filter((filter) => {\n      return filter !== searchFilter;\n    });\n\n    if (visibleQuickFilters.length === 0) {\n      return null;\n    }\n\n    return (\n      <div className={styles.controlsRow}>\n        {visibleQuickFilters.map((filter) => {\n          return <span key={filter.id}>{renderFilterControl(filter)}</span>;\n        })}\n      </div>\n    );\n  }, [quickFilters, renderFilterControl, searchFilter]);\n\n  const searchNode = useMemo(() => {\n    if (searchFilter == null) {\n      return null;\n    }\n    return renderFilterControl(searchFilter);\n  }, [renderFilterControl, searchFilter]);\n\n  const sortNode = useMemo(() => {\n    if (listConfig.sorts.length === 0) {\n      return null;\n    }\n    const firstSort = listConfig.sorts[0];\n    if (firstSort == null) {\n      return null;\n    }\n    const options = listConfig.sorts.map((s) => {\n      return { id: s.id, value: s.id, label: resolveLabel(s.label, tApp) };\n    });\n    return (\n      <SimpleSelect\n        options={options}\n        value={state.sort ?? firstSort.id}\n        size=\"small\"\n        ariaLabel={t('list.sort.label')}\n        onChange={(next) => {\n          pushState({\n            ...state,\n            sort: next,\n          });\n        }}\n      />\n    );\n  }, [listConfig.sorts, pushState, state, t, tApp]);\n\n  const chipsNode = useMemo(() => {\n    if (chips.length === 0) {\n      return null;\n    }\n    return <FilterChipRow chips={chips} onClearAll={handleClearAll} />;\n  }, [chips, handleClearAll]);\n\n  const drawerSections = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return [];\n    }\n\n    const normalizedQuery = filterSearch.trim().toLowerCase();\n    const items: { id: string; node: JSX.Element }[] = [];\n\n    for (const filter of drawerFilters) {\n      const resolvedLabel = resolveLabel(filter.label, tApp);\n      const matchesQuery =\n        normalizedQuery === '' ||\n        resolvedLabel.toLowerCase().includes(normalizedQuery);\n\n      if (matchesQuery) {\n        items.push({\n          id: filter.id,\n          node: (\n            <BackofficeFilterField label={resolvedLabel}>\n              {renderFilterControl(filter)}\n            </BackofficeFilterField>\n          ),\n        });\n      }\n    }\n\n    if (items.length === 0) {\n      return [];\n    }\n\n    return [\n      {\n        id: 'backoffice.filters.sections.default',\n        title: t('filters.sections.default'),\n        items,\n      },\n    ];\n  }, [drawerFilters, filterSearch, renderFilterControl, t, tApp]);\n\n  const allFiltersNode = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return null;\n    }\n    const activeCount = chips.length;\n    let label = t('filters.trigger');\n    if (activeCount > 0) {\n      label = t('filters.triggerWithCount', {\n        count: activeCount,\n      });\n    }\n    return (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"small\"\n        onClick={() => {\n          setIsFilterDrawerOpen(true);\n        }}\n      >\n        {label}\n      </Button>\n    );\n  }, [chips.length, drawerFilters.length, t]);\n\n  const filterDrawerEmptyLabel =\n    filterSearch.trim() === ''\n      ? undefined\n      : t('filters.drawer.emptySearchResults');\n\n  const filterDrawerNode = (\n    <BackofficeFilterDrawer\n      isOpen={isFilterDrawerOpen}\n      onClose={() => {\n        setIsFilterDrawerOpen(false);\n        setFilterSearch('');\n      }}\n      sections={drawerSections}\n      searchValue={filterSearch}\n      onSearchChange={(next) => {\n        setFilterSearch(next);\n      }}\n      onReset={handleClearAll}\n      emptyLabel={filterDrawerEmptyLabel}\n    />\n  );\n\n  const resolvedEmptyState = useMemo((): JSX.Element => {\n    if (emptyState != null) {\n      return emptyState;\n    }\n\n    if (isLoadingInitial) {\n      return (\n        <BackofficeTableSkeleton\n          variant=\"embedded\"\n          ariaLabel={t('common.loading')}\n        />\n      );\n    }\n\n    if (chips.length > 0) {\n      return (\n        <BackofficeEmptyState\n          title={t('emptyState.listEmpty.title')}\n          description={t('emptyState.listEmptyFiltered.description')}\n          actions={\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              onClick={handleClearAll}\n            >\n              {t('emptyState.listEmptyFiltered.actions.reset')}\n            </Button>\n          }\n        />\n      );\n    }\n\n    return (\n      <BackofficeEmptyState\n        title={t('emptyState.listEmpty.title')}\n        description={t('emptyState.listEmpty.description')}\n      />\n    );\n  }, [chips.length, emptyState, handleClearAll, isLoadingInitial, t]);\n\n  const tableFooterMeta = useMemo(() => {\n    if (typeof totalCount !== 'number') {\n      if (rows.length === 0) {\n        return null;\n      }\n      return (\n        <span>\n          {t('list.loaded', {\n            count: rows.length,\n          })}\n        </span>\n      );\n    }\n    return (\n      <span>\n        {t('list.showing', {\n          shown: rows.length,\n          total: totalCount,\n        })}\n      </span>\n    );\n  }, [rows.length, t, totalCount]);\n\n  const runtimeConfig = useMemo(() => {\n    const resolvedDisplayMode =\n      listConfig.ui?.displayMode ?? listConfig.responsive?.mode ?? 'auto';\n    return resolveBackofficeListRuntimeConfig({\n      kind: listConfig.kind,\n      displayMode: resolvedDisplayMode,\n      ui: listConfig.ui,\n    });\n  }, [listConfig.kind, listConfig.responsive?.mode, listConfig.ui]);\n\n  const hasKnownRemainingRows =\n    typeof totalCount === 'number' && rows.length < totalCount;\n  const hasInconsistentPageInfo = hasKnownRemainingRows && !hasNextPage;\n\n  useEffect(() => {\n    if (\n      !hasInconsistentPageInfo ||\n      !runtimeConfig.infiniteScroll.showInconsistentPageInfo ||\n      !isDevEnv()\n    ) {\n      return;\n    }\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Backoffice list received inconsistent pageInfo: loaded rows are lower than totalCount but hasNextPage is false.',\n      {\n        entityId: config.id,\n        loadedCount: rows.length,\n        totalCount,\n      },\n    );\n  }, [\n    config.id,\n    hasInconsistentPageInfo,\n    rows.length,\n    runtimeConfig.infiniteScroll.showInconsistentPageInfo,\n    totalCount,\n  ]);\n\n  const shouldVirtualizeTable =\n    props.virtualize === true || runtimeConfig.virtualization.enabled;\n\n  const { sentinelRef } = useBackofficeInfiniteScrollSentinel({\n    enabled: !shouldVirtualizeTable && runtimeConfig.infiniteScroll.enabled,\n    hasNextPage,\n    isLoading: isLoadingMore,\n    onIntersect: onLoadMore,\n    rootMargin: runtimeConfig.infiniteScroll.rootMargin,\n    threshold: runtimeConfig.infiniteScroll.threshold,\n  });\n\n  const headerTitle = header?.title ?? resolveLabel(listConfig.title, tApp);\n  const headerSubtitle = header?.subtitle;\n\n  const actionColumn = columnsWithPrimary.find((column) => {\n    return column.mobileRole === 'action' || column.id === 'actions';\n  });\n  const listMode =\n    listConfig.ui?.displayMode ?? listConfig.responsive?.mode ?? 'auto';\n  const listDensity =\n    listConfig.ui?.density ?? listConfig.responsive?.density ?? 'compact';\n\n  const tableInnerNode = shouldVirtualizeTable ? (\n    <BackofficeVirtualizedConnectionTable\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      virtualization={runtimeConfig.virtualization}\n      infiniteScroll={{\n        enabled: runtimeConfig.infiniteScroll.enabled,\n        thresholdPx: runtimeConfig.infiniteScroll.thresholdPx,\n        autoLoad: runtimeConfig.infiniteScroll.autoLoad,\n      }}\n      hasNextPage={hasNextPage}\n      isLoadingMore={isLoadingMore}\n      onLoadMore={onLoadMore}\n    />\n  ) : (\n    <ResponsiveRecordList\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      mode={listMode}\n      density={listDensity}\n      renderAction={(row) => {\n        return actionColumn?.cell(row) ?? null;\n      }}\n    />\n  );\n\n  const tableNodeWithErrorBoundary = (\n    <BackofficeErrorBoundary\n      fallback={(args: { error: unknown; reset: () => void }) => {\n        const { reset } = args;\n\n        const retry = (): void => {\n          reset();\n          if (onRefresh != null) {\n            onRefresh();\n          }\n        };\n\n        return (\n          <InlineBanner\n            tone=\"danger\"\n            title={t('list.errors.title')}\n            actions={\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"small\"\n                onClick={retry}\n              >\n                {t('list.actions.retry')}\n              </Button>\n            }\n          >\n            {t('list.errors.tableFailed')}\n          </InlineBanner>\n        );\n      }}\n    >\n      {tableInnerNode}\n    </BackofficeErrorBoundary>\n  );\n\n  const filtersBarNode = showFilters ? (\n    <>\n      <BackofficeListToolbar\n        primaryFilters={\n          searchNode != null || quickFiltersNode != null ? (\n            <>\n              {searchNode}\n              {quickFiltersNode}\n            </>\n          ) : null\n        }\n        filterDrawerTrigger={allFiltersNode}\n        sortControl={sortNode}\n        utilityActions={\n          onRefresh == null ? null : (\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              isLoading={isRefreshing}\n              loadingLabel={t('list.actions.refreshing')}\n              onClick={() => {\n                onRefresh();\n              }}\n            >\n              {t('list.actions.refresh')}\n            </Button>\n          )\n        }\n        activeFilters={chipsNode}\n        density=\"compact\"\n      />\n      {filterDrawerNode}\n    </>\n  ) : null;\n\n  const tableNode = (\n    <div>\n      {tableNodeWithErrorBoundary}\n      <EntityIdPickerDialog\n        isOpen={pickerDialog != null}\n        entity={pickerDialog?.entity ?? config.id}\n        title={pickerDialog?.label ?? t('picker.title')}\n        scope={pickerDialog?.scope}\n        onClose={() => {\n          setPickerDialog(null);\n        }}\n        onSelectId={(id) => {\n          if (pickerDialog == null) {\n            return;\n          }\n          const nextWhere = setWhereValue(\n            state.where,\n            pickerDialog.whereKey,\n            id,\n            pickerDialog.path,\n          );\n          pushState({ ...state, where: nextWhere });\n        }}\n      />\n    </div>\n  );\n\n  const shouldRenderTableFooter =\n    rows.length > 0 || isLoadingMore || hasNextPage;\n\n  const tableFooterNode = shouldRenderTableFooter ? (\n    <>\n      {!shouldVirtualizeTable && <div ref={sentinelRef} aria-hidden=\"true\" />}\n      <BackofficeInfiniteListStatus\n        loadedCount={rows.length}\n        totalCount={totalCount}\n        hasNextPage={hasNextPage}\n        isLoading={isLoadingMore}\n        pageInfoState={\n          hasInconsistentPageInfo\n            ? 'inconsistent'\n            : isLoadingMore\n              ? 'loading'\n              : hasNextPage\n                ? 'ready'\n                : 'complete'\n        }\n        loadedLabel={tableFooterMeta}\n        loadingLabel={t('list.loadMore.loading')}\n        endLabel={t('list.loadMore.end')}\n      />\n    </>\n  ) : null;\n\n  if (variant === 'embedded') {\n    return (\n      <BackofficeListFilterProvider\n        config={config}\n        state={state}\n        pushState={pushState}\n      >\n        <div className={styles.embeddedContainer}>\n          <div className={styles.embeddedHeader}>{headerTitle}</div>\n          {filtersBarNode}\n          {statusBanner}\n          {tableNode}\n          {tableFooterNode}\n        </div>\n      </BackofficeListFilterProvider>\n    );\n  }\n\n  return (\n    <BackofficeListFilterProvider\n      config={config}\n      state={state}\n      pushState={pushState}\n    >\n      <ListPageTemplate\n        headerNode={\n          <BackofficePageHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n          />\n        }\n        toolbarNode={filtersBarNode}\n        statusNode={statusBanner}\n        tableNode={tableNode}\n        tableFooterNode={tableFooterNode}\n        presentation=\"flat\"\n      />\n    </BackofficeListFilterProvider>\n  );\n};\n\nexport default BackofficeEntityListScaffold;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityListScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport {\n  BackofficeEmptyState,\n  BackofficeFilterDrawer,\n  BackofficeFilterField,\n  BackofficeInfiniteListStatus,\n  BackofficePageHeader,\n  BackofficeTableSkeleton,\n  BackofficeVirtualizedConnectionTable,\n  Button,\n  FilterChipRow,\n  InlineBanner,\n  ListPageTemplate,\n  ResponsiveRecordList,\n  SimpleSelect,\n  type FilterChip,\n  type DataTableColumn,\n  type GetRowId,\n  denseTableClass,\n} from '@plumile/ui';\n\nimport {\n  readWhereValue,\n  setWhereValue,\n} from '@plumile/backoffice-core/filters/where.js';\nimport { resolveBackofficeListRuntimeConfig } from '@plumile/backoffice-core/config/listRuntime.js';\nimport type {\n  BackofficeFilterSpec,\n  BackofficeListState,\n  BackofficePickerScope,\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport {\n  EntityFilterValue,\n  EntityFilterValueText,\n} from '../filters/EntityFilterValue.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { DeferredFilterSearchInput } from '../filters/DeferredFilterSearchInput.js';\nimport { BackofficeListToolbar } from '../lists/BackofficeListToolbar.js';\nimport { BackofficeListFilterProvider } from './BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeInfiniteScrollSentinel } from '../../../hooks/useBackofficeInfiniteScrollSentinel.js';\nimport { isDevEnv } from '../../../relay/envHelpers.js';\n\nimport * as styles from './backofficeEntityListScaffold.css.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst getFilterValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  where: Where | null,\n): unknown => {\n  if (filter.fromGraphQL != null && where != null) {\n    return filter.fromGraphQL(where);\n  }\n\n  const key = (filter.whereKey ?? filter.id) as keyof Where;\n  return readWhereValue(where, key, filter.path);\n};\n\nconst getFilterDisplayValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  raw: unknown,\n  options: {\n    enumLabel: (value: string) => string;\n    booleanLabel: (value: boolean) => string;\n    fallbackBooleanLabels: { yes: string; no: string };\n  },\n): ReactNode | null => {\n  if (raw == null) {\n    return null;\n  }\n\n  if (Array.isArray(raw)) {\n    const normalized = raw\n      .map((entry) => {\n        if (entry == null) {\n          return null;\n        }\n        if (\n          typeof entry !== 'string' &&\n          typeof entry !== 'number' &&\n          typeof entry !== 'boolean'\n        ) {\n          return null;\n        }\n        const value = String(entry).trim();\n        if (value === '') {\n          return null;\n        }\n        return value;\n      })\n      .filter((entry): entry is string => {\n        return entry != null;\n      });\n\n    if (normalized.length === 0) {\n      return null;\n    }\n    return normalized.join(', ');\n  }\n\n  if (typeof raw === 'boolean') {\n    if (filter.kind === 'boolean') {\n      return options.booleanLabel(raw);\n    }\n    if (raw) {\n      return options.fallbackBooleanLabels.yes;\n    }\n    return options.fallbackBooleanLabels.no;\n  }\n\n  if (typeof raw !== 'string' && typeof raw !== 'number') {\n    return null;\n  }\n\n  const rawString = String(raw).trim();\n  if (rawString === '') {\n    return null;\n  }\n\n  if (filter.kind === 'entityId') {\n    return <EntityFilterValue entityId={filter.entity} id={rawString} />;\n  }\n\n  if (filter.kind === 'enum') {\n    return options.enumLabel(rawString);\n  }\n\n  return rawString;\n};\n\nconst toDatetimeInputValue = (value: string): string => {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) {\n    return value;\n  }\n  const offsetMs = date.getTimezoneOffset() * 60_000;\n  return new Date(date.getTime() - offsetMs).toISOString().slice(0, 16);\n};\n\nconst fromDatetimeInputValue = (value: string): string => {\n  const normalized = value.trim();\n  if (normalized === '') {\n    return '';\n  }\n  const date = new Date(normalized);\n  if (Number.isNaN(date.getTime())) {\n    return normalized;\n  }\n  return date.toISOString();\n};\n\ntype RuntimeWhere = Record<string, unknown>;\ntype RuntimeSort = string;\n\ntype Props<RowView> = {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  state: BackofficeListState<RuntimeWhere, RuntimeSort>;\n  pushState: (next: BackofficeListState<RuntimeWhere, RuntimeSort>) => void;\n  header?: {\n    title?: string;\n    subtitle?: string;\n  };\n  headerActions?: ReactNode;\n  rows: readonly RowView[];\n  getRowId: GetRowId<RowView>;\n  columns: readonly DataTableColumn<RowView>[];\n  gridTemplateColumns?: string;\n  hasNextPage: boolean;\n  isLoadingMore: boolean;\n  isRefreshing?: boolean;\n  onLoadMore: () => void;\n  onRefresh?: () => void;\n  totalCount?: number | null;\n  emptyState?: JSX.Element;\n  statusBanner?: ReactNode;\n  isLoadingInitial?: boolean;\n  virtualize?: boolean;\n  variant?: 'page' | 'embedded';\n  showFilters?: boolean;\n};\n\nexport const BackofficeEntityListScaffold = <RowView,>(\n  props: Props<RowView>,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const {\n    config,\n    state,\n    pushState,\n    rows,\n    getRowId,\n    columns,\n    gridTemplateColumns,\n    hasNextPage,\n    isLoadingMore,\n    isRefreshing = false,\n    onLoadMore,\n    onRefresh,\n    totalCount,\n    emptyState,\n    statusBanner,\n    header,\n    headerActions,\n    isLoadingInitial = false,\n    variant = 'page',\n    showFilters = true,\n  } = props;\n  const listConfig = config.list;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const columnsWithPrimary = useMemo(() => {\n    const hasPrimary = columns.some((col) => {\n      return col.isPrimary === true;\n    });\n    if (hasPrimary || columns.length === 0) {\n      return columns;\n    }\n    return columns.map((col, index) => {\n      const { header } = col;\n      if (index === 0) {\n        return { ...col, isPrimary: true, header };\n      }\n      return { ...col, header };\n    });\n  }, [columns]);\n\n  const chips = useMemo<readonly FilterChip[]>(() => {\n    const out: FilterChip[] = [];\n    for (const filter of listConfig.filters) {\n      const raw = getFilterValue(filter, state.where);\n      const displayValue = getFilterDisplayValue(filter, raw, {\n        enumLabel: (value) => {\n          if (filter.kind !== 'enum') {\n            return value;\n          }\n          const match = filter.options.find((option) => {\n            return option.value === value;\n          });\n          if (match != null) {\n            return resolveLabel(match.label, tApp);\n          }\n          return value;\n        },\n        booleanLabel: (value) => {\n          if (filter.kind === 'boolean') {\n            if (value && filter.trueLabel != null) {\n              return resolveLabel(filter.trueLabel, tApp);\n            }\n            if (!value && filter.falseLabel != null) {\n              return resolveLabel(filter.falseLabel, tApp);\n            }\n          }\n          if (value) {\n            return t('filters.boolean.yes');\n          }\n          return t('filters.boolean.no');\n        },\n        fallbackBooleanLabels: {\n          yes: t('filters.boolean.yes'),\n          no: t('filters.boolean.no'),\n        },\n      });\n\n      if (displayValue != null) {\n        let idValue = String(raw);\n        if (Array.isArray(raw)) {\n          idValue = raw.join(',');\n        }\n        const label = (\n          <span>\n            {resolveLabel(filter.label, tApp)}: {displayValue}\n          </span>\n        );\n        out.push({\n          id: `${filter.id}:${idValue}`,\n          label,\n          onRemove: () => {\n            const key = filter.whereKey ?? filter.id;\n            const nextWhere = setWhereValue(\n              state.where,\n              key,\n              null,\n              filter.path,\n            );\n            pushState({ ...state, where: nextWhere });\n          },\n        });\n      }\n    }\n    return out;\n  }, [listConfig.filters, pushState, state, t, tApp]);\n\n  const handleClearAll = useCallback(() => {\n    pushState({\n      ...listDefaults,\n    });\n  }, [listDefaults, pushState]);\n  const [isFilterDrawerOpen, setIsFilterDrawerOpen] = useState(false);\n  const [filterSearch, setFilterSearch] = useState('');\n\n  const [pickerDialog, setPickerDialog] = useState<{\n    entity: string;\n    whereKey: keyof RuntimeWhere;\n    label: string;\n    path?: readonly string[];\n    scope?: BackofficePickerScope<Record<string, unknown>>;\n  } | null>(null);\n\n  const renderFilterControl = useCallback(\n    (filter: BackofficeFilterSpec<RuntimeWhere>): JSX.Element => {\n      const key = filter.whereKey ?? filter.id;\n      const candidate = getFilterValue(filter, state.where);\n      let value = '';\n      if (typeof candidate === 'string') {\n        value = candidate;\n      }\n      if (typeof candidate === 'number' && Number.isFinite(candidate)) {\n        value = String(candidate);\n      }\n\n      const filterLabelText = resolveLabel(filter.label, tApp);\n\n      if (filter.kind === 'text') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={toDatetimeInputValue(value)}\n            onApply={(next) => {\n              const normalized = fromDatetimeInputValue(next);\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                normalized,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n          />\n        );\n      }\n\n      if (filter.kind === 'datetime') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={value}\n            onApply={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n            type=\"datetime-local\"\n          />\n        );\n      }\n\n      if (filter.kind === 'number') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <DeferredFilterSearchInput\n            value={value}\n            onApply={(next) => {\n              const normalized = next.trim();\n              const parsed = normalized === '' ? null : Number(normalized);\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                Number.isFinite(parsed) ? parsed : null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            ariaLabel={placeholder}\n            className={styles.filterInput}\n            inputMode={filter.inputMode ?? 'numeric'}\n            type=\"number\"\n          />\n        );\n      }\n\n      if (filter.kind === 'enum') {\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          ...filter.options.map((option) => {\n            return {\n              id: option.value,\n              value: option.value,\n              label: resolveLabel(option.label, tApp),\n            };\n          }),\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={value}\n            size=\"small\"\n            ariaLabel={filterLabelText}\n            onChange={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      if (filter.kind === 'boolean') {\n        let current: boolean | null = null;\n        if (typeof candidate === 'boolean') {\n          current = candidate;\n        }\n\n        let selectValue = '';\n        if (current === true) {\n          selectValue = 'true';\n        }\n        if (current === false) {\n          selectValue = 'false';\n        }\n\n        const trueLabel =\n          filter.trueLabel != null\n            ? resolveLabel(filter.trueLabel, tApp)\n            : t('filters.boolean.yes');\n        const falseLabel =\n          filter.falseLabel != null\n            ? resolveLabel(filter.falseLabel, tApp)\n            : t('filters.boolean.no');\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          {\n            id: 'true',\n            value: 'true',\n            label: trueLabel,\n          },\n          {\n            id: 'false',\n            value: 'false',\n            label: falseLabel,\n          },\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={selectValue}\n            size=\"small\"\n            ariaLabel={filterLabelText}\n            onChange={(next) => {\n              let parsed: boolean | null = null;\n              if (next === 'true') {\n                parsed = true;\n              }\n              if (next === 'false') {\n                parsed = false;\n              }\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                parsed,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      const pickerScope = (() => {\n        if (filter.pickerScope == null) {\n          return undefined;\n        }\n        if (typeof filter.pickerScope === 'function') {\n          return filter.pickerScope(state.where);\n        }\n        return filter.pickerScope;\n      })();\n      let currentId: string | null = null;\n      if (typeof candidate === 'string') {\n        currentId = candidate;\n      }\n\n      const renderField = (\n        displayValue: string | null = null,\n        isResolving = false,\n      ) => {\n        const normalizedDisplayValue = displayValue?.trim() ?? '';\n        return (\n          <EntityIdFilterField\n            label={filterLabelText}\n            value={currentId}\n            displayValue={normalizedDisplayValue}\n            isResolving={isResolving}\n            placeholder={t('filters.placeholders.anyEntity', {\n              label: filterLabelText,\n            })}\n            onPick={() => {\n              setPickerDialog({\n                entity: filter.entity,\n                whereKey: key,\n                label: filterLabelText,\n                path: filter.path,\n                scope: pickerScope,\n              });\n            }}\n            onClear={() => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      };\n\n      if (currentId == null || currentId.trim() === '') {\n        return renderField();\n      }\n\n      return (\n        <EntityFilterValueText entityId={filter.entity} id={currentId}>\n          {(label, valueState) => {\n            const isResolving = valueState?.status === 'loading';\n            return renderField(\n              isResolving ? t('common.loading') : label,\n              isResolving,\n            );\n          }}\n        </EntityFilterValueText>\n      );\n    },\n    [pushState, state, t, tApp],\n  );\n\n  const hasPlacementConfig = useMemo(() => {\n    return listConfig.filters.some((filter) => {\n      return filter.placement != null;\n    });\n  }, [listConfig.filters]);\n\n  const quickFilters = useMemo(() => {\n    if (listConfig.filters.length === 0) {\n      return [];\n    }\n    const maxPromotedFilters = listConfig.ui?.toolbar?.maxPromotedFilters ?? 3;\n    if (hasPlacementConfig) {\n      return listConfig.filters.filter((filter) => {\n        return filter.placement === 'quick' || filter.placement === 'both';\n      });\n    }\n    return listConfig.filters.slice(0, maxPromotedFilters);\n  }, [listConfig.filters, listConfig.ui?.toolbar, hasPlacementConfig]);\n\n  const drawerFilters = useMemo(() => {\n    return listConfig.filters.filter((filter) => {\n      if (filter.placement == null) {\n        return true;\n      }\n      return filter.placement === 'drawer' || filter.placement === 'both';\n    });\n  }, [listConfig.filters]);\n\n  const searchFilter = useMemo(() => {\n    return quickFilters.find((filter) => {\n      return filter.kind === 'text';\n    });\n  }, [quickFilters]);\n\n  const quickFiltersNode = useMemo(() => {\n    const visibleQuickFilters = quickFilters.filter((filter) => {\n      return filter !== searchFilter;\n    });\n\n    if (visibleQuickFilters.length === 0) {\n      return null;\n    }\n\n    return (\n      <div className={styles.controlsRow}>\n        {visibleQuickFilters.map((filter) => {\n          return <span key={filter.id}>{renderFilterControl(filter)}</span>;\n        })}\n      </div>\n    );\n  }, [quickFilters, renderFilterControl, searchFilter]);\n\n  const searchNode = useMemo(() => {\n    if (searchFilter == null) {\n      return null;\n    }\n    return renderFilterControl(searchFilter);\n  }, [renderFilterControl, searchFilter]);\n\n  const sortNode = useMemo(() => {\n    if (listConfig.sorts.length === 0) {\n      return null;\n    }\n    const firstSort = listConfig.sorts[0];\n    if (firstSort == null) {\n      return null;\n    }\n    const options = listConfig.sorts.map((s) => {\n      return { id: s.id, value: s.id, label: resolveLabel(s.label, tApp) };\n    });\n    return (\n      <SimpleSelect\n        options={options}\n        value={state.sort ?? firstSort.id}\n        size=\"small\"\n        ariaLabel={t('list.sort.label')}\n        onChange={(next) => {\n          pushState({\n            ...state,\n            sort: next,\n          });\n        }}\n      />\n    );\n  }, [listConfig.sorts, pushState, state, t, tApp]);\n\n  const chipsNode = useMemo(() => {\n    if (chips.length === 0) {\n      return null;\n    }\n    return <FilterChipRow chips={chips} onClearAll={handleClearAll} />;\n  }, [chips, handleClearAll]);\n\n  const drawerSections = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return [];\n    }\n\n    const normalizedQuery = filterSearch.trim().toLowerCase();\n    const items: { id: string; node: JSX.Element }[] = [];\n\n    for (const filter of drawerFilters) {\n      const resolvedLabel = resolveLabel(filter.label, tApp);\n      const matchesQuery =\n        normalizedQuery === '' ||\n        resolvedLabel.toLowerCase().includes(normalizedQuery);\n\n      if (matchesQuery) {\n        items.push({\n          id: filter.id,\n          node: (\n            <BackofficeFilterField label={resolvedLabel}>\n              {renderFilterControl(filter)}\n            </BackofficeFilterField>\n          ),\n        });\n      }\n    }\n\n    if (items.length === 0) {\n      return [];\n    }\n\n    return [\n      {\n        id: 'backoffice.filters.sections.default',\n        title: t('filters.sections.default'),\n        items,\n      },\n    ];\n  }, [drawerFilters, filterSearch, renderFilterControl, t, tApp]);\n\n  const allFiltersNode = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return null;\n    }\n    const activeCount = chips.length;\n    let label = t('filters.trigger');\n    if (activeCount > 0) {\n      label = t('filters.triggerWithCount', {\n        count: activeCount,\n      });\n    }\n    return (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"small\"\n        onClick={() => {\n          setIsFilterDrawerOpen(true);\n        }}\n      >\n        {label}\n      </Button>\n    );\n  }, [chips.length, drawerFilters.length, t]);\n\n  const filterDrawerEmptyLabel =\n    filterSearch.trim() === ''\n      ? undefined\n      : t('filters.drawer.emptySearchResults');\n\n  const filterDrawerNode = (\n    <BackofficeFilterDrawer\n      isOpen={isFilterDrawerOpen}\n      onClose={() => {\n        setIsFilterDrawerOpen(false);\n        setFilterSearch('');\n      }}\n      sections={drawerSections}\n      searchValue={filterSearch}\n      onSearchChange={(next) => {\n        setFilterSearch(next);\n      }}\n      onReset={handleClearAll}\n      emptyLabel={filterDrawerEmptyLabel}\n    />\n  );\n\n  const resolvedEmptyState = useMemo((): JSX.Element => {\n    if (emptyState != null) {\n      return emptyState;\n    }\n\n    if (isLoadingInitial) {\n      return (\n        <BackofficeTableSkeleton\n          variant=\"embedded\"\n          ariaLabel={t('common.loading')}\n        />\n      );\n    }\n\n    if (chips.length > 0) {\n      return (\n        <BackofficeEmptyState\n          title={t('emptyState.listEmpty.title')}\n          description={t('emptyState.listEmptyFiltered.description')}\n          actions={\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              onClick={handleClearAll}\n            >\n              {t('emptyState.listEmptyFiltered.actions.reset')}\n            </Button>\n          }\n        />\n      );\n    }\n\n    return (\n      <BackofficeEmptyState\n        title={t('emptyState.listEmpty.title')}\n        description={t('emptyState.listEmpty.description')}\n      />\n    );\n  }, [chips.length, emptyState, handleClearAll, isLoadingInitial, t]);\n\n  const tableFooterMeta = useMemo(() => {\n    if (typeof totalCount !== 'number') {\n      if (rows.length === 0) {\n        return null;\n      }\n      return (\n        <span>\n          {t('list.loaded', {\n            count: rows.length,\n          })}\n        </span>\n      );\n    }\n    return (\n      <span>\n        {t('list.showing', {\n          shown: rows.length,\n          total: totalCount,\n        })}\n      </span>\n    );\n  }, [rows.length, t, totalCount]);\n\n  const runtimeConfig = useMemo(() => {\n    const resolvedDisplayMode =\n      listConfig.ui?.displayMode ?? listConfig.responsive?.mode ?? 'auto';\n    return resolveBackofficeListRuntimeConfig({\n      kind: listConfig.kind,\n      displayMode: resolvedDisplayMode,\n      ui: listConfig.ui,\n    });\n  }, [listConfig.kind, listConfig.responsive?.mode, listConfig.ui]);\n\n  const hasKnownRemainingRows =\n    typeof totalCount === 'number' && rows.length < totalCount;\n  const hasInconsistentPageInfo = hasKnownRemainingRows && !hasNextPage;\n\n  useEffect(() => {\n    if (\n      !hasInconsistentPageInfo ||\n      !runtimeConfig.infiniteScroll.showInconsistentPageInfo ||\n      !isDevEnv()\n    ) {\n      return;\n    }\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Backoffice list received inconsistent pageInfo: loaded rows are lower than totalCount but hasNextPage is false.',\n      {\n        entityId: config.id,\n        loadedCount: rows.length,\n        totalCount,\n      },\n    );\n  }, [\n    config.id,\n    hasInconsistentPageInfo,\n    rows.length,\n    runtimeConfig.infiniteScroll.showInconsistentPageInfo,\n    totalCount,\n  ]);\n\n  const shouldVirtualizeTable =\n    props.virtualize === true || runtimeConfig.virtualization.enabled;\n\n  const { sentinelRef } = useBackofficeInfiniteScrollSentinel({\n    enabled: !shouldVirtualizeTable && runtimeConfig.infiniteScroll.enabled,\n    hasNextPage,\n    isLoading: isLoadingMore,\n    onIntersect: onLoadMore,\n    rootMargin: runtimeConfig.infiniteScroll.rootMargin,\n    threshold: runtimeConfig.infiniteScroll.threshold,\n  });\n\n  const headerTitle = header?.title ?? resolveLabel(listConfig.title, tApp);\n  const headerSubtitle = header?.subtitle;\n\n  const actionColumn = columnsWithPrimary.find((column) => {\n    return column.mobileRole === 'action' || column.id === 'actions';\n  });\n  const listMode =\n    listConfig.ui?.displayMode ?? listConfig.responsive?.mode ?? 'auto';\n  const listDensity =\n    listConfig.ui?.density ?? listConfig.responsive?.density ?? 'compact';\n\n  const tableInnerNode = shouldVirtualizeTable ? (\n    <BackofficeVirtualizedConnectionTable\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      virtualization={runtimeConfig.virtualization}\n      infiniteScroll={{\n        enabled: runtimeConfig.infiniteScroll.enabled,\n        thresholdPx: runtimeConfig.infiniteScroll.thresholdPx,\n        autoLoad: runtimeConfig.infiniteScroll.autoLoad,\n      }}\n      hasNextPage={hasNextPage}\n      isLoadingMore={isLoadingMore}\n      onLoadMore={onLoadMore}\n    />\n  ) : (\n    <ResponsiveRecordList\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      mode={listMode}\n      density={listDensity}\n      renderAction={(row) => {\n        return actionColumn?.cell(row) ?? null;\n      }}\n    />\n  );\n\n  const tableNodeWithErrorBoundary = (\n    <BackofficeErrorBoundary\n      fallback={(args: { error: unknown; reset: () => void }) => {\n        const { reset } = args;\n\n        const retry = (): void => {\n          reset();\n          if (onRefresh != null) {\n            onRefresh();\n          }\n        };\n\n        return (\n          <InlineBanner\n            tone=\"danger\"\n            title={t('list.errors.title')}\n            actions={\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"small\"\n                onClick={retry}\n              >\n                {t('list.actions.retry')}\n              </Button>\n            }\n          >\n            {t('list.errors.tableFailed')}\n          </InlineBanner>\n        );\n      }}\n    >\n      {tableInnerNode}\n    </BackofficeErrorBoundary>\n  );\n\n  const filtersBarNode = showFilters ? (\n    <>\n      <BackofficeListToolbar\n        primaryFilters={\n          searchNode != null || quickFiltersNode != null ? (\n            <>\n              {searchNode}\n              {quickFiltersNode}\n            </>\n          ) : null\n        }\n        filterDrawerTrigger={allFiltersNode}\n        sortControl={sortNode}\n        utilityActions={\n          onRefresh == null ? null : (\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              isLoading={isRefreshing}\n              loadingLabel={t('list.actions.refreshing')}\n              onClick={() => {\n                onRefresh();\n              }}\n            >\n              {t('list.actions.refresh')}\n            </Button>\n          )\n        }\n        activeFilters={chipsNode}\n        density=\"compact\"\n      />\n      {filterDrawerNode}\n    </>\n  ) : null;\n\n  const tableNode = (\n    <div>\n      {tableNodeWithErrorBoundary}\n      <EntityIdPickerDialog\n        isOpen={pickerDialog != null}\n        entity={pickerDialog?.entity ?? config.id}\n        title={pickerDialog?.label ?? t('picker.title')}\n        scope={pickerDialog?.scope}\n        onClose={() => {\n          setPickerDialog(null);\n        }}\n        onSelectId={(id) => {\n          if (pickerDialog == null) {\n            return;\n          }\n          const nextWhere = setWhereValue(\n            state.where,\n            pickerDialog.whereKey,\n            id,\n            pickerDialog.path,\n          );\n          pushState({ ...state, where: nextWhere });\n        }}\n      />\n    </div>\n  );\n\n  const shouldRenderTableFooter =\n    rows.length > 0 || isLoadingMore || hasNextPage;\n\n  const tableFooterNode = shouldRenderTableFooter ? (\n    <>\n      {!shouldVirtualizeTable && <div ref={sentinelRef} aria-hidden=\"true\" />}\n      <BackofficeInfiniteListStatus\n        loadedCount={rows.length}\n        totalCount={totalCount}\n        hasNextPage={hasNextPage}\n        isLoading={isLoadingMore}\n        pageInfoState={\n          hasInconsistentPageInfo\n            ? 'inconsistent'\n            : isLoadingMore\n              ? 'loading'\n              : hasNextPage\n                ? 'ready'\n                : 'complete'\n        }\n        loadedLabel={tableFooterMeta}\n        loadingLabel={t('list.loadMore.loading')}\n        endLabel={t('list.loadMore.end')}\n      />\n    </>\n  ) : null;\n\n  if (variant === 'embedded') {\n    return (\n      <BackofficeListFilterProvider\n        config={config}\n        state={state}\n        pushState={pushState}\n      >\n        <div className={styles.embeddedContainer}>\n          <div className={styles.embeddedHeader}>{headerTitle}</div>\n          {filtersBarNode}\n          {statusBanner}\n          {tableNode}\n          {tableFooterNode}\n        </div>\n      </BackofficeListFilterProvider>\n    );\n  }\n\n  return (\n    <BackofficeListFilterProvider\n      config={config}\n      state={state}\n      pushState={pushState}\n    >\n      <ListPageTemplate\n        headerNode={\n          <BackofficePageHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n          />\n        }\n        toolbarNode={filtersBarNode}\n        statusNode={statusBanner}\n        tableNode={tableNode}\n        tableFooterNode={tableFooterNode}\n        presentation=\"flat\"\n      />\n    </BackofficeListFilterProvider>\n  );\n};\n\nexport default BackofficeEntityListScaffold;\n"],"mappings":"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"}

package/lib/esm/style.css

@@ -1,2 +1,2 @@
-.tc0xii0{max-width:720px;color:var(--plumile-colors-text);background-color:var(--plumile-colors-white);border:1px solid var(--plumile-colors-borderStrong);box-shadow:var(--plumile-boxShadow-lg);margin:0 auto;padding:10px 14px;bottom:16px;left:16px;right:16px}.tc0xii1{background-color:var(--plumile-colors-warning);border-radius:999px;flex:none;width:8px;height:8px}.w8yhmy0{cursor:pointer;background:0 0;border-style:none;border-width:0;padding:0;text-decoration:none}.w8yhmy0:hover{color:var(--plumile-colors-brandSecondaryOrange);text-decoration:underline}.w8yhmy1:hover:not(:disabled){background-color:color-mix(in srgb, var(--plumile-colors-brandPrimaryRed) 8%, transparent);color:var(--plumile-colors-brandSecondaryOrange);border-color:var(--plumile-colors-brandSecondaryOrange)}._15f5d9v0{border:0;min-width:0;margin:0;padding:0}.oa1uye0{grid-template-columns:minmax(0,1fr) auto;min-height:2.5rem}.oa1uye0:hover:not(:disabled){background-color:var(--plumile-colors-surfaceMuted);border-color:var(--plumile-colors-borderStrong)}.oa1uye0:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.oa1uye0:disabled{cursor:not-allowed;opacity:.65}.oa1uye1{grid-column:1/-1}._1ev5hus0{flex:none;width:14px;height:14px}._1ev5hus1{min-width:0}._1vn15b70{max-width:10ch}._1vn15b71{max-width:18ch}._1vn15b72,._1vn15b73{max-width:28ch}._1vn15b74{max-width:44ch}._1vn15b75{max-width:64ch}._1vn15b76{max-width:100%}._1lzrtns0{flex:none}._1lzrtns1{flex:0 auto}._93gupm0:hover{background-color:var(--plumile-colors-surfaceSecondary);border-color:var(--plumile-colors-borderSubtle)}._93gupm0:focus-visible{background-color:var(--plumile-colors-surfaceSecondary);border-color:var(--plumile-colors-borderSubtle);outline:2px solid var(--plumile-colors-primary);outline-offset:2px}@media screen and (width<=640px){._93gupm0{flex-direction:column;align-items:flex-start}}.ds2thc1{flex-shrink:0}@media screen and (width<=767px){.ds2thc0{flex-direction:column;align-items:stretch}.ds2thc1{justify-content:flex-end}}.sqlyj42{grid-template-columns:minmax(0,1fr) auto}.sqlyj41 .sqlyj42{grid-template-columns:minmax(0,1fr)}.sqlyj45{width:11.5rem}@media screen and (width<=1023px){.sqlyj42{grid-template-columns:minmax(0,1fr)}.sqlyj44,.sqlyj46{justify-content:flex-start}}@media screen and (width<=767px){.sqlyj43,.sqlyj44{align-items:stretch;width:100%}.sqlyj45{width:100%}.sqlyj46{align-items:stretch;width:100%}._8gc5760{width:100%}}.hwnq700:hover{color:var(--plumile-colors-text);background-color:var(--plumile-colors-primaryLight);border-color:var(--plumile-colors-primary)}.hwnq700:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}._1q232kj0{grid-template-columns:auto minmax(0,1fr);display:inline-grid}._1q232kj4:hover{color:var(--plumile-colors-text);text-underline-offset:3px;text-decoration:underline}._1q232kj4:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px;border-radius:var(--plumile-borderRadius-sm)}._1q232kj5{width:14px;height:14px}._1bcdpm60{min-width:0}._13200uy0{grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,auto))}.u4nszr0{margin-top:1px}.u4nszr1{min-height:92px}.u4nszr1:hover{border-color:var(--plumile-colors-border);background-color:var(--plumile-colors-surfaceMuted);transform:translateY(-1px)}.u4nszr1:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}._1xws1b00:hover{background-color:var(--plumile-colors-surfaceMuted);color:var(--plumile-colors-text)}._1xws1b00:focus-visible{outline:2px solid var(--plumile-colors-blue-500);outline-offset:2px}._80s44h0{margin:0;padding:0;list-style:none}._80s44h1{text-decoration:none}._80s44h2:hover{background-color:var(--plumile-colors-surfaceMuted);color:var(--plumile-colors-text)}._80s44h2:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}._80s44h4{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._80s44h5{text-decoration:none}._80s44h5:hover{text-decoration:underline}._80s44h5:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.wy96wu0{justify-content:center;padding:0 4px}.wy96wu1{justify-content:center;align-items:center;gap:6px;width:100%;display:inline-flex}.wy96wu2{place-items:center;width:24px;height:24px;display:grid}.kk18lv0:hover{color:var(--plumile-colors-brandPrimaryRed);background-color:var(--plumile-colors-surface);border-color:var(--plumile-colors-brandPrimaryRed);box-shadow:var(--plumile-boxShadow-sm)}.kk18lv0:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.kk18lv0:hover .kk18lv1{color:var(--plumile-colors-brandPrimaryRed)}._1acv5pt0:hover{text-decoration:underline}@keyframes _11exksg0{0%{transform:translate(-120%)}60%{transform:translate(30%)}to{transform:translate(120%)}}._11exksg1{height:3px}._11exksg2{background:linear-gradient(90deg, var(--plumile-colors-primaryLight) 0%, var(--plumile-colors-primary) 60%, var(--plumile-colors-primaryLight) 100%);animation:1.1s ease-in-out infinite _11exksg0}._8o9eh80:focus-visible{box-shadow:inset 0 0 0 2px var(--plumile-colors-primary);outline:none}._9npmwz0{align-items:stretch}._9npmwz1{height:100%;transition-property:border-color,box-shadow,transform;transition-duration:var(--plumile-transitionDuration-150);transition-timing-function:var(--plumile-transitionTimingFunction-ease)}._9npmwz2{transition-property:transform;transition-duration:var(--plumile-transitionDuration-150);transition-timing-function:var(--plumile-transitionTimingFunction-ease)}._9npmwz2:hover{transform:translateY(-1px)}._9npmwz2:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:3px;border-radius:var(--plumile-borderRadius-lg)}._1v9etop0{min-height:100%;box-shadow:0 1px 0 var(--plumile-colors-borderLight)}._1v9etop0._1v9etop0{background-color:var(--plumile-colors-surface)}._3w0i4k0{transition-property:background-color,border-color,box-shadow;transition-duration:var(--plumile-transitionDuration-150);transition-timing-function:var(--plumile-transitionTimingFunction-ease)}._3w0i4k0:hover{background-color:var(--plumile-colors-primaryLight);border-color:var(--plumile-colors-primary)}._3w0i4k0:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.s560xy2{transition-property:background-color,color;transition-duration:var(--plumile-transitionDuration-150);transition-timing-function:var(--plumile-transitionTimingFunction-ease)}.s560xy2:hover{background-color:var(--plumile-colors-surfaceMuted);color:var(--plumile-colors-primary)}.s560xy2:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}@media screen and (width>=768px){._1i6bm7z0{padding-left:var(--plumile-spacing-2);border-left:1px solid var(--plumile-colors-borderSubtle)}}.c0tad0{justify-content:flex-end}.c0tad1{flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}
+.tc0xii0{max-width:720px;color:var(--plumile-colors-text);background-color:var(--plumile-colors-white);border:1px solid var(--plumile-colors-borderStrong);box-shadow:var(--plumile-boxShadow-lg);margin:0 auto;padding:10px 14px;bottom:16px;left:16px;right:16px}.tc0xii1{background-color:var(--plumile-colors-warning);border-radius:999px;flex:none;width:8px;height:8px}.w8yhmy0{cursor:pointer;background:0 0;border-style:none;border-width:0;padding:0;text-decoration:none}.w8yhmy0:hover{color:var(--plumile-colors-brandSecondaryOrange);text-decoration:underline}.w8yhmy1:hover:not(:disabled){background-color:color-mix(in srgb, var(--plumile-colors-brandPrimaryRed) 8%, transparent);color:var(--plumile-colors-brandSecondaryOrange);border-color:var(--plumile-colors-brandSecondaryOrange)}._15f5d9v0{border:0;min-width:0;margin:0;padding:0}.oa1uye0{column-gap:var(--plumile-spacing-1);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"content pickAction clearAction";width:100%;min-height:2.5rem}.oa1uye0:hover{background-color:var(--plumile-colors-surfaceMuted)}.oa1uye1{grid-area:content;min-height:100%}.oa1uye1:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.oa1uye1:disabled{cursor:not-allowed;opacity:.65}.oa1uye2{max-width:100%}.oa1uye3{min-width:0}.oa1uye4{align-self:center}.oa1uye4:hover:not(:disabled){color:var(--plumile-colors-text);background-color:var(--plumile-colors-surfaceMuted);border-color:var(--plumile-colors-borderStrong)}.oa1uye4:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.oa1uye4:disabled{cursor:not-allowed;opacity:.65}.oa1uye5{grid-area:pickAction}.oa1uye6{grid-area:clearAction}.oa1uye7{width:1rem;height:1rem}._10f5c550:empty{display:none}._10f5c551{min-height:3.25rem}._10f5c551+._10f5c551{border-top:1px solid var(--plumile-colors-borderSubtle)}._10f5c551:hover{background-color:var(--plumile-colors-surfaceMuted)}._10f5c551:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:-2px}._1ev5hus0{flex:none;width:14px;height:14px}._1ev5hus1{min-width:0}._1vn15b70{max-width:10ch}._1vn15b71{max-width:18ch}._1vn15b72,._1vn15b73{max-width:28ch}._1vn15b74{max-width:44ch}._1vn15b75{max-width:64ch}._1vn15b76{max-width:100%}._1lzrtns0{flex:none}._1lzrtns1{flex:0 auto}._93gupm0:hover{background-color:var(--plumile-colors-surfaceSecondary);border-color:var(--plumile-colors-borderSubtle)}._93gupm0:focus-visible{background-color:var(--plumile-colors-surfaceSecondary);border-color:var(--plumile-colors-borderSubtle);outline:2px solid var(--plumile-colors-primary);outline-offset:2px}@media screen and (width<=640px){._93gupm0{flex-direction:column;align-items:flex-start}}.ds2thc1{flex-shrink:0}@media screen and (width<=767px){.ds2thc0{flex-direction:column;align-items:stretch}.ds2thc1{justify-content:flex-end}}.sqlyj42{grid-template-columns:minmax(0,1fr) auto}.sqlyj41 .sqlyj42{grid-template-columns:minmax(0,1fr)}.sqlyj45{width:11.5rem}@media screen and (width<=1023px){.sqlyj42{grid-template-columns:minmax(0,1fr)}.sqlyj44,.sqlyj46{justify-content:flex-start}}@media screen and (width<=767px){.sqlyj43,.sqlyj44{align-items:stretch;width:100%}.sqlyj45{width:100%}.sqlyj46{align-items:stretch;width:100%}._8gc5760{width:100%}}.hwnq700:hover{color:var(--plumile-colors-text);background-color:var(--plumile-colors-primaryLight);border-color:var(--plumile-colors-primary)}.hwnq700:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}._1q232kj0{grid-template-columns:auto minmax(0,1fr);display:inline-grid}._1q232kj4:hover{color:var(--plumile-colors-text);text-underline-offset:3px;text-decoration:underline}._1q232kj4:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px;border-radius:var(--plumile-borderRadius-sm)}._1q232kj5{width:14px;height:14px}._1bcdpm60{min-width:0}._13200uy0{grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,auto))}.u4nszr0{margin-top:1px}.u4nszr1{min-height:92px}.u4nszr1:hover{border-color:var(--plumile-colors-border);background-color:var(--plumile-colors-surfaceMuted);transform:translateY(-1px)}.u4nszr1:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}._1xws1b00:hover{background-color:var(--plumile-colors-surfaceMuted);color:var(--plumile-colors-text)}._1xws1b00:focus-visible{outline:2px solid var(--plumile-colors-blue-500);outline-offset:2px}._80s44h0{margin:0;padding:0;list-style:none}._80s44h1{text-decoration:none}._80s44h2:hover{background-color:var(--plumile-colors-surfaceMuted);color:var(--plumile-colors-text)}._80s44h2:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}._80s44h4{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._80s44h5{text-decoration:none}._80s44h5:hover{text-decoration:underline}._80s44h5:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.wy96wu0{justify-content:center;padding:0 4px}.wy96wu1{justify-content:center;align-items:center;gap:6px;width:100%;display:inline-flex}.wy96wu2{place-items:center;width:24px;height:24px;display:grid}.kk18lv0:hover{color:var(--plumile-colors-brandPrimaryRed);background-color:var(--plumile-colors-surface);border-color:var(--plumile-colors-brandPrimaryRed);box-shadow:var(--plumile-boxShadow-sm)}.kk18lv0:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.kk18lv0:hover .kk18lv1{color:var(--plumile-colors-brandPrimaryRed)}._1acv5pt0:hover{text-decoration:underline}@keyframes _11exksg0{0%{transform:translate(-120%)}60%{transform:translate(30%)}to{transform:translate(120%)}}._11exksg1{height:3px}._11exksg2{background:linear-gradient(90deg, var(--plumile-colors-primaryLight) 0%, var(--plumile-colors-primary) 60%, var(--plumile-colors-primaryLight) 100%);animation:1.1s ease-in-out infinite _11exksg0}._8o9eh80:focus-visible{box-shadow:inset 0 0 0 2px var(--plumile-colors-primary);outline:none}._9npmwz0{align-items:stretch}._9npmwz1{height:100%;transition-property:border-color,box-shadow,transform;transition-duration:var(--plumile-transitionDuration-150);transition-timing-function:var(--plumile-transitionTimingFunction-ease)}._9npmwz2{transition-property:transform;transition-duration:var(--plumile-transitionDuration-150);transition-timing-function:var(--plumile-transitionTimingFunction-ease)}._9npmwz2:hover{transform:translateY(-1px)}._9npmwz2:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:3px;border-radius:var(--plumile-borderRadius-lg)}._1v9etop0{min-height:100%;box-shadow:0 1px 0 var(--plumile-colors-borderLight)}._1v9etop0._1v9etop0{background-color:var(--plumile-colors-surface)}._3w0i4k0{transition-property:background-color,border-color,box-shadow;transition-duration:var(--plumile-transitionDuration-150);transition-timing-function:var(--plumile-transitionTimingFunction-ease)}._3w0i4k0:hover{background-color:var(--plumile-colors-primaryLight);border-color:var(--plumile-colors-primary)}._3w0i4k0:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}.s560xy2{transition-property:background-color,color;transition-duration:var(--plumile-transitionDuration-150);transition-timing-function:var(--plumile-transitionTimingFunction-ease)}.s560xy2:hover{background-color:var(--plumile-colors-surfaceMuted);color:var(--plumile-colors-primary)}.s560xy2:focus-visible{outline:2px solid var(--plumile-colors-primary);outline-offset:2px}@media screen and (width>=768px){._1i6bm7z0{padding-left:var(--plumile-spacing-2);border-left:1px solid var(--plumile-colors-borderSubtle)}}.c0tad0{justify-content:flex-end}.c0tad1{flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}
 /*$vite$:1*/

package/lib/types/components/backoffice/filters/EntityFilterValue.d.ts

@@ -1,8 +1,12 @@
 import { type JSX } from 'react';
+export type EntityFilterValueTextState = {
+    status: 'loading' | 'resolved' | 'unresolved' | 'unavailable' | 'error';
+};
+export type EntityFilterValueTextChildren = (label: string | null, state?: EntityFilterValueTextState) => JSX.Element;
 export type EntityFilterValueTextProps = {
     entityId: string;
     id: string;
-    children: (label: string | null) => JSX.Element;
+    children: EntityFilterValueTextChildren;
 };
 export declare const EntityFilterValueText: ({ entityId, id, children, }: EntityFilterValueTextProps) => JSX.Element;
 export type EntityFilterValueProps = {

package/lib/types/components/backoffice/filters/EntityFilterValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFilterValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/EntityFilterValue.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAiD3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,6BAInC,0BAA0B,KAAG,GAAG,CAAC,OA4BnC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mBAG/B,sBAAsB,KAAG,GAAG,CAAC,OAe/B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"EntityFilterValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/EntityFilterValue.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAqD3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CAAC;CACzE,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,CAC1C,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,KAAK,CAAC,EAAE,0BAA0B,KAC/B,GAAG,CAAC,OAAO,CAAC;AAEjB,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,6BAA6B,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,6BAInC,0BAA0B,KAAG,GAAG,CAAC,OA4CnC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mBAG/B,sBAAsB,KAAG,GAAG,CAAC,OAe/B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/types/components/backoffice/filters/EntityIdFilterField.d.ts

@@ -7,6 +7,7 @@ export type EntityIdFilterFieldProps = {
     placeholder?: string;
     ariaDescribedBy?: string;
     ariaInvalid?: boolean;
+    isResolving?: boolean;
     onPick?: () => void;
     onClear?: () => void;
     disabled?: boolean;

package/lib/types/components/backoffice/filters/EntityIdFilterField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIdFilterField.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/EntityIdFilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjC,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,wBAAwB,KAC9B,GAAG,CAAC,OAwFN,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"EntityIdFilterField.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/EntityIdFilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAUjC,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,wBAAwB,KAC9B,GAAG,CAAC,OAqIN,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/types/components/backoffice/filters/entityIdFilterField.css.d.ts

@@ -1,9 +1,12 @@
 export declare const container: string;
+export declare const pickerControl: string;
 export declare const pickerButton: string;
+export declare const content: string;
 export declare const valueBox: string;
 export declare const labelText: string;
 export declare const valueText: string;
 export declare const placeholder: string;
-export declare const pickText: string;
-export declare const actions: string;
+export declare const pickActionButton: string;
+export declare const clearButton: string;
+export declare const actionIcon: string;
 //# sourceMappingURL=entityIdFilterField.css.d.ts.map

package/lib/types/components/backoffice/filters/entityIdFilterField.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entityIdFilterField.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,YAAY,QAwCvB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,SAAS,QAapB,CAAC;AAEH,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,OAAO,QAIlB,CAAC"}
+{"version":3,"file":"entityIdFilterField.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,aAAa,QA8BxB,CAAC;AAEH,eAAO,MAAM,YAAY,QA6BvB,CAAC;AAEH,eAAO,MAAM,OAAO,QAYlB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,SAAS,QAapB,CAAC;AAEH,eAAO,MAAM,SAAS,QAQpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAQtB,CAAC;AA0CH,eAAO,MAAM,gBAAgB,QAK3B,CAAC;AAEH,eAAO,MAAM,WAAW,QAStB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC"}

package/lib/types/components/backoffice/pickers/entityIdPickerDialog.css.d.ts

@@ -2,6 +2,8 @@ export declare const layout: string;
 export declare const searchRequiredMessage: string;
 export declare const loadingState: string;
 export declare const loadingLabel: string;
+export declare const list: string;
+export declare const listItem: string;
 export declare const row: string;
 export declare const rowText: string;
 export declare const rowTitle: string;

package/lib/types/components/backoffice/pickers/entityIdPickerDialog.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entityIdPickerDialog.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,QAIjB,CAAC;AAEH,eAAO,MAAM,qBAAqB,QAMhC,CAAC;AAEH,eAAO,MAAM,YAAY,QAQvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,GAAG,QAId,CAAC;AAEH,eAAO,MAAM,OAAO,QAMlB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC;AAEH,eAAO,MAAM,OAAO,QAKlB,CAAC"}
+{"version":3,"file":"entityIdPickerDialog.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,QAIjB,CAAC;AAEH,eAAO,MAAM,qBAAqB,QAMhC,CAAC;AAEH,eAAO,MAAM,YAAY,QAQvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,IAAI,QAkBf,CAAC;AAEH,eAAO,MAAM,QAAQ,QA+BnB,CAAC;AAEH,eAAO,MAAM,GAAG,QAKd,CAAC;AAEH,eAAO,MAAM,OAAO,QAMlB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAQnB,CAAC;AAEH,eAAO,MAAM,WAAW,QAOtB,CAAC;AAEH,eAAO,MAAM,OAAO,QAKlB,CAAC"}

package/lib/types/components/backoffice/pickers/shared/EntityPickerList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPickerList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,SAAS,wBAAwB,EAAE,CAAC;IAC3C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,oCAI9B,qBAAqB,KAAG,GAAG,CAAC,OAiC9B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"EntityPickerList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAG5D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,SAAS,wBAAwB,EAAE,CAAC;IAC3C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,oCAI9B,qBAAqB,KAAG,GAAG,CAAC,OAkC9B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/types/components/backoffice/scaffolds/BackofficeEntityListScaffold.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListScaffold.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,OAAO,EAeL,KAAK,eAAe,EACpB,KAAK,QAAQ,EAEd,MAAM,aAAa,CAAC;AAOrB,OAAO,KAAK,EAEV,mBAAmB,EAEnB,wCAAwC,EAEzC,MAAM,mCAAmC,CAAC;AA+H3C,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC5C,KAAK,WAAW,GAAG,MAAM,CAAC;AAE1B,KAAK,KAAK,CAAC,OAAO,IAAI;IACpB,MAAM,EAAE,wCAAwC,CAAC;IACjD,KAAK,EAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IACtD,SAAS,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1E,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,EAAE,SAAS,OAAO,EAAE,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,OAAO,EAAE,SAAS,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,EAClD,OAAO,KAAK,CAAC,OAAO,CAAC,KACpB,GAAG,CAAC,OAAO,GAAG,IA64BhB,CAAC;AAEF,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"BackofficeEntityListScaffold.d.ts","sourceRoot":"","sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,OAAO,EAeL,KAAK,eAAe,EACpB,KAAK,QAAQ,EAEd,MAAM,aAAa,CAAC;AAOrB,OAAO,KAAK,EAEV,mBAAmB,EAEnB,wCAAwC,EAEzC,MAAM,mCAAmC,CAAC;AA+H3C,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC5C,KAAK,WAAW,GAAG,MAAM,CAAC;AAE1B,KAAK,KAAK,CAAC,OAAO,IAAI;IACpB,MAAM,EAAE,wCAAwC,CAAC;IACjD,KAAK,EAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IACtD,SAAS,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1E,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,EAAE,SAAS,OAAO,EAAE,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,OAAO,EAAE,SAAS,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC;IAC7C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,EAClD,OAAO,KAAK,CAAC,OAAO,CAAC,KACpB,GAAG,CAAC,OAAO,GAAG,IAq5BhB,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumile/backoffice-react",
-  "version": "0.1.108",
+  "version": "0.1.109",
   "description": "React provider and pages for Kronex backoffice",
   "type": "module",
   "license": "MIT",
@@ -170,11 +170,11 @@
     "npm": ">=8.0.0"
   },
   "dependencies": {
-    "@plumile/auth": "^0.1.108",
-    "@plumile/backoffice-core": "^0.1.108",
-    "@plumile/filter-query": "^0.1.108",
-    "@plumile/router": "^0.1.108",
-    "@plumile/ui": "^0.1.108",
+    "@plumile/auth": "^0.1.109",
+    "@plumile/backoffice-core": "^0.1.109",
+    "@plumile/filter-query": "^0.1.109",
+    "@plumile/router": "^0.1.109",
+    "@plumile/ui": "^0.1.109",
     "graphql-ws": "6.0.8",
     "i18next": "^26.0.10",
     "i18next-browser-languagedetector": "8.2.1",