@plumile/backoffice-react 0.1.59

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

@@ -0,0 +1,446 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { EntityIdFilterField as t } from "../filters/EntityIdFilterField.js";
+import { BackofficeErrorBoundary as n } from "../errors/BackofficeErrorBoundary.js";
+import { EntityIdPickerDialog as r } from "../pickers/EntityIdPickerDialog.js";
+import { EntityFilterValue as i, EntityFilterValueText as a } from "../filters/EntityFilterValue.js";
+import { BackofficeListFilterProvider as o } from "./BackofficeListFilterContext.js";
+import { controlsRow as s, embeddedContainer as c, embeddedHeader as l, filterInput as ee } from "./backofficeEntityListScaffold.css.js";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useTranslation as te } from "react-i18next";
+import { Button as p, SimpleSelect as m } from "@plumile/ui";
+import { useCallback as h, useMemo as g, useState as _ } from "react";
+import { BackofficeEmptyState as v, BackofficeFilterDrawer as ne, BackofficeFilterField as re, BackofficePageHeader as ie, BackofficeTableToolbar as ae } from "@plumile/ui-backoffice";
+import { readWhereValue as y, setWhereValue as b } from "@plumile/backoffice-core/filters/where.js";
+import { BackofficeTableSkeleton as oe } from "@plumile/ui-backoffice/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
+import { BackofficeLoadMore as se } from "@plumile/ui-backoffice/backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js";
+import { BackofficeVirtualizedConnectionTable as ce } from "@plumile/ui-backoffice/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js";
+import { FilterChipRow as le } from "@plumile/ui-backoffice/backoffice/molecules/filter_chip_row/FilterChipRow.js";
+import { GlobalSearchInput as ue } from "@plumile/ui-backoffice/backoffice/molecules/global_search_input/GlobalSearchInput.js";
+import { InlineBanner as de } from "@plumile/ui-backoffice/backoffice/molecules/inline_banner/InlineBanner.js";
+import { ListPageTemplate as fe } from "@plumile/ui-backoffice/backoffice/templates/list_page_template/ListPageTemplate.js";
+import { denseTableClass as pe } from "@plumile/ui-backoffice/shared/backofficeTableDensity.css.js";
+//#region src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx
+var x = (e, t) => e(t), S = (e, t) => e.fromGraphQL != null && t != null ? e.fromGraphQL(t) : y(t, e.whereKey ?? e.id, e.path), me = (e, t, n) => {
+	if (t == null) return null;
+	if (Array.isArray(t)) {
+		let e = t.map((e) => {
+			if (e == null || typeof e != "string" && typeof e != "number" && typeof e != "boolean") return null;
+			let t = String(e).trim();
+			return t === "" ? null : t;
+		}).filter((e) => e != null);
+		return e.length === 0 ? null : e.join(", ");
+	}
+	if (typeof t == "boolean") return e.kind === "boolean" ? n.booleanLabel(t) : t ? n.fallbackBooleanLabels.yes : n.fallbackBooleanLabels.no;
+	if (typeof t != "string" && typeof t != "number") return null;
+	let r = String(t).trim();
+	return r === "" ? null : e.kind === "entityId" ? /* @__PURE__ */ d(i, {
+		entityId: e.entity,
+		id: r
+	}) : e.kind === "enum" ? n.enumLabel(r) : r;
+}, C = (i) => {
+	let { t: y } = te(), { t: C } = e(), { config: w, state: T, pushState: E, rows: D, getRowId: he, columns: O, gridTemplateColumns: ge, hasNextPage: k, isLoadingMore: A, onLoadMore: _e, onRefresh: j, totalCount: M, emptyState: N, header: P, headerActions: ve, isLoadingInitial: F = !1, virtualize: I = !0, variant: ye = "page", showFilters: be = !0 } = i, L = w.list, R = w.listDefaults ?? L.defaultState ?? {
+		where: null,
+		sort: null
+	}, xe = g(() => O.some((e) => e.isPrimary === !0) || O.length === 0 ? O : O.map((e, t) => {
+		let { header: n } = e;
+		return t === 0 ? {
+			...e,
+			isPrimary: !0,
+			header: n
+		} : {
+			...e,
+			header: n
+		};
+	}), [O]), z = g(() => {
+		let e = [];
+		for (let t of L.filters) {
+			let n = S(t, T.where), r = me(t, n, {
+				enumLabel: (e) => {
+					if (t.kind !== "enum") return e;
+					let n = t.options.find((t) => t.value === e);
+					return n == null ? e : x(n.label, y);
+				},
+				booleanLabel: (e) => {
+					if (t.kind === "boolean") {
+						if (e && t.trueLabel != null) return x(t.trueLabel, y);
+						if (!e && t.falseLabel != null) return x(t.falseLabel, y);
+					}
+					return C(e ? "filters.boolean.yes" : "filters.boolean.no");
+				},
+				fallbackBooleanLabels: {
+					yes: C("filters.boolean.yes"),
+					no: C("filters.boolean.no")
+				}
+			});
+			if (r != null) {
+				let i = String(n);
+				Array.isArray(n) && (i = n.join(","));
+				let a = /* @__PURE__ */ f("span", { children: [
+					x(t.label, y),
+					": ",
+					r
+				] });
+				e.push({
+					id: `${t.id}:${i}`,
+					label: a,
+					onRemove: () => {
+						let e = t.whereKey ?? t.id, n = b(T.where, e, null, t.path);
+						E({
+							...T,
+							where: n
+						});
+					}
+				});
+			}
+		}
+		return e;
+	}, [
+		L.filters,
+		E,
+		T,
+		C,
+		y
+	]), B = h(() => {
+		E({ ...R });
+	}, [R, E]), [Se, V] = _(!1), [H, U] = _(""), [W, G] = _(null), K = h((e) => {
+		let n = e.whereKey ?? e.id, r = S(e, T.where), i = "";
+		typeof r == "string" && (i = r);
+		let o = x(e.label, y);
+		if (e.kind === "text") {
+			let t = C("filters.placeholders.search", { label: e.placeholderLabel == null ? o : x(e.placeholderLabel, y) });
+			return e.placeholderText != null && (t = x(e.placeholderText, y)), /* @__PURE__ */ d(ue, {
+				value: i,
+				onChange: (t) => {
+					let r = b(T.where, n, t, e.path);
+					E({
+						...T,
+						where: r
+					});
+				},
+				placeholder: t,
+				className: ee
+			});
+		}
+		if (e.kind === "enum") return /* @__PURE__ */ d(m, {
+			options: [{
+				id: "any",
+				value: "",
+				label: C("filters.all", { label: o })
+			}, ...e.options.map((e) => ({
+				id: e.value,
+				value: e.value,
+				label: x(e.label, y)
+			}))],
+			value: i,
+			onChange: (t) => {
+				let r = b(T.where, n, t, e.path);
+				E({
+					...T,
+					where: r
+				});
+			}
+		});
+		if (e.kind === "boolean") {
+			let t = null;
+			typeof r == "boolean" && (t = r);
+			let i = "";
+			t === !0 && (i = "true"), t === !1 && (i = "false");
+			let a = e.trueLabel == null ? C("filters.boolean.yes") : x(e.trueLabel, y), s = e.falseLabel == null ? C("filters.boolean.no") : x(e.falseLabel, y);
+			return /* @__PURE__ */ d(m, {
+				options: [
+					{
+						id: "any",
+						value: "",
+						label: C("filters.all", { label: o })
+					},
+					{
+						id: "true",
+						value: "true",
+						label: a
+					},
+					{
+						id: "false",
+						value: "false",
+						label: s
+					}
+				],
+				value: i,
+				onChange: (t) => {
+					let r = null;
+					t === "true" && (r = !0), t === "false" && (r = !1);
+					let i = b(T.where, n, r, e.path);
+					E({
+						...T,
+						where: i
+					});
+				}
+			});
+		}
+		let s = (() => {
+			if (e.pickerScope != null) return typeof e.pickerScope == "function" ? e.pickerScope(T.where) : e.pickerScope;
+		})(), c = null;
+		typeof r == "string" && (c = r);
+		let l = (r = null) => {
+			let i = r?.trim() ?? "";
+			return /* @__PURE__ */ d(t, {
+				label: o,
+				value: c,
+				displayValue: i,
+				onPick: () => {
+					G({
+						entity: e.entity,
+						whereKey: n,
+						label: o,
+						path: e.path,
+						scope: s
+					});
+				},
+				onClear: () => {
+					let t = b(T.where, n, null, e.path);
+					E({
+						...T,
+						where: t
+					});
+				}
+			});
+		};
+		return c == null || c.trim() === "" ? l() : /* @__PURE__ */ d(a, {
+			entityId: e.entity,
+			id: c,
+			children: (e) => l(e)
+		});
+	}, [
+		E,
+		T,
+		C,
+		y
+	]), q = g(() => L.filters.some((e) => e.placement != null), [L.filters]), J = g(() => L.filters.length === 0 ? [] : q ? L.filters.filter((e) => e.placement === "quick" || e.placement === "both") : L.filters.slice(0, 3), [L.filters, q]), Y = g(() => L.filters.filter((e) => e.placement == null ? !0 : e.placement === "drawer" || e.placement === "both"), [L.filters]), X = g(() => J.find((e) => e.kind === "text"), [J]), Ce = g(() => {
+		let e = J.filter((e) => e !== X);
+		return e.length === 0 ? null : /* @__PURE__ */ d("div", {
+			className: s,
+			children: e.map((e) => /* @__PURE__ */ d("span", { children: K(e) }, e.id))
+		});
+	}, [
+		J,
+		K,
+		X
+	]), we = g(() => X == null ? null : K(X), [K, X]), Te = g(() => {
+		if (L.sorts.length === 0) return null;
+		let e = L.sorts[0];
+		return e == null ? null : /* @__PURE__ */ d(m, {
+			options: L.sorts.map((e) => ({
+				id: e.id,
+				value: e.id,
+				label: x(e.label, y)
+			})),
+			value: T.sort ?? e.id,
+			onChange: (e) => {
+				E({
+					...T,
+					sort: e
+				});
+			}
+		});
+	}, [
+		L.sorts,
+		E,
+		T,
+		y
+	]), Ee = g(() => /* @__PURE__ */ d(le, {
+		chips: z,
+		onClearAll: B
+	}), [z, B]), De = g(() => {
+		if (Y.length === 0) return [];
+		let e = H.trim().toLowerCase(), t = [];
+		for (let n of Y) {
+			let r = x(n.label, y);
+			(e === "" || r.toLowerCase().includes(e)) && t.push({
+				id: n.id,
+				node: /* @__PURE__ */ d(re, {
+					label: r,
+					children: K(n)
+				})
+			});
+		}
+		return t.length === 0 ? [] : [{
+			id: "backoffice.filters.sections.default",
+			title: C("filters.sections.default"),
+			items: t
+		}];
+	}, [
+		Y,
+		H,
+		K,
+		C,
+		y
+	]), Oe = g(() => {
+		if (Y.length === 0) return null;
+		let e = z.length, t = C("filters.allFilters");
+		return e > 0 && (t = C("filters.allFiltersWithCount", { count: e })), /* @__PURE__ */ d(p, {
+			type: "button",
+			variant: "secondary",
+			size: "small",
+			onClick: () => {
+				V(!0);
+			},
+			children: t
+		});
+	}, [
+		z.length,
+		Y.length,
+		C
+	]), ke = /* @__PURE__ */ d(ne, {
+		isOpen: Se,
+		onClose: () => {
+			V(!1), U("");
+		},
+		sections: De,
+		searchValue: H,
+		onSearchChange: (e) => {
+			U(e);
+		},
+		onReset: B
+	}), Ae = g(() => N ?? (F ? /* @__PURE__ */ d(oe, {}) : z.length > 0 ? /* @__PURE__ */ d(v, {
+		title: C("emptyState.listEmpty.title"),
+		description: C("emptyState.listEmptyFiltered.description"),
+		actions: /* @__PURE__ */ d(p, {
+			type: "button",
+			variant: "secondary",
+			size: "small",
+			onClick: B,
+			children: C("emptyState.listEmptyFiltered.actions.reset")
+		})
+	}) : /* @__PURE__ */ d(v, {
+		title: C("emptyState.listEmpty.title"),
+		description: C("emptyState.listEmpty.description")
+	})), [
+		z.length,
+		N,
+		B,
+		F,
+		C
+	]), je = g(() => typeof M == "number" ? /* @__PURE__ */ d("span", { children: C("list.showing", {
+		shown: D.length,
+		total: M
+	}) }) : null, [
+		D.length,
+		C,
+		M
+	]), Z = P?.title ?? x(L.title, y), Me = P?.subtitle, Ne = /* @__PURE__ */ d(n, {
+		fallback: (e) => {
+			let { reset: t } = e;
+			return /* @__PURE__ */ d(de, {
+				tone: "danger",
+				title: C("list.errors.title"),
+				actions: /* @__PURE__ */ d(p, {
+					type: "button",
+					variant: "secondary",
+					size: "small",
+					onClick: () => {
+						t(), j?.();
+					},
+					children: C("list.actions.retry")
+				}),
+				children: C("list.errors.tableFailed")
+			});
+		},
+		children: /* @__PURE__ */ d(ce, {
+			columns: xe,
+			rows: D,
+			getRowId: he,
+			emptyState: Ae,
+			className: pe,
+			gridTemplateColumns: ge,
+			virtualization: g(() => I ? {
+				enabled: !0,
+				rowHeightPx: 52,
+				overscan: 10
+			} : {
+				enabled: !1,
+				rowHeightPx: 0,
+				overscan: 0
+			}, [I]),
+			infiniteScroll: {
+				enabled: !0,
+				thresholdPx: 800,
+				autoLoad: !0
+			},
+			hasNextPage: k,
+			isLoadingMore: A,
+			onLoadMore: _e
+		})
+	}), Q = be ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(ae, {
+		searchSlot: we,
+		filtersSlot: /* @__PURE__ */ f(u, { children: [Ce, Oe] }),
+		sortSlot: Te,
+		refreshSlot: /* @__PURE__ */ d(p, {
+			type: "button",
+			variant: "text",
+			size: "small",
+			disabled: j == null,
+			onClick: () => {
+				j?.();
+			},
+			children: C("list.actions.refresh")
+		}),
+		chipsSlot: Ee
+	}), ke] }) : null, Pe = /* @__PURE__ */ f("div", { children: [Ne, /* @__PURE__ */ d(r, {
+		isOpen: W != null,
+		entity: W?.entity ?? w.id,
+		title: W?.label ?? C("picker.title"),
+		scope: W?.scope,
+		onClose: () => {
+			G(null);
+		},
+		onSelectId: (e) => {
+			if (W == null) return;
+			let t = b(T.where, W.whereKey, e, W.path);
+			E({
+				...T,
+				where: t
+			});
+		}
+	})] }), $ = /* @__PURE__ */ d(se, {
+		hasNextPage: k,
+		isLoading: A,
+		meta: je,
+		loadMoreLabel: C("list.loadMore.more"),
+		endLabel: C("list.loadMore.end"),
+		loadingLabel: C("list.loadMore.loading")
+	});
+	return ye === "embedded" ? /* @__PURE__ */ d(o, {
+		config: w,
+		state: T,
+		pushState: E,
+		children: /* @__PURE__ */ f("div", {
+			className: c,
+			children: [
+				/* @__PURE__ */ d("div", {
+					className: l,
+					children: Z
+				}),
+				Q,
+				Pe,
+				$
+			]
+		})
+	}) : /* @__PURE__ */ d(o, {
+		config: w,
+		state: T,
+		pushState: E,
+		children: /* @__PURE__ */ d(fe, {
+			headerNode: /* @__PURE__ */ d(ie, {
+				title: Z,
+				subtitle: Me,
+				actions: ve
+			}),
+			toolbarNode: Q,
+			tableNode: Pe,
+			tableFooterNode: $
+		})
+	});
+};
+//#endregion
+export { C as BackofficeEntityListScaffold, C as default };
+
+//# sourceMappingURL=BackofficeEntityListScaffold.js.map

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

@@ -0,0 +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  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Button,\n  SimpleSelect,\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui';\nimport { BackofficeLoadMore } from '@plumile/ui-backoffice/backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js';\nimport { BackofficeTableSkeleton } from '@plumile/ui-backoffice/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js';\nimport { BackofficeVirtualizedConnectionTable } from '@plumile/ui-backoffice/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js';\nimport {\n  FilterChipRow,\n  type FilterChip,\n} from '@plumile/ui-backoffice/backoffice/molecules/filter_chip_row/FilterChipRow.js';\nimport { GlobalSearchInput } from '@plumile/ui-backoffice/backoffice/molecules/global_search_input/GlobalSearchInput.js';\nimport { InlineBanner } from '@plumile/ui-backoffice/backoffice/molecules/inline_banner/InlineBanner.js';\nimport { ListPageTemplate } from '@plumile/ui-backoffice/backoffice/templates/list_page_template/ListPageTemplate.js';\n\nimport {\n  readWhereValue,\n  setWhereValue,\n} from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeFilterSpec,\n  BackofficeListState,\n  BackofficePickerScope,\n  BackofficeResolvedListFacetConfig,\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 { BackofficeListFilterProvider } from './BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport {\n  BackofficeEmptyState,\n  BackofficeFilterDrawer,\n  BackofficeFilterField,\n  BackofficePageHeader,\n  BackofficeTableToolbar,\n} from '@plumile/ui-backoffice';\nimport { denseTableClass } from '@plumile/ui-backoffice/shared/backofficeTableDensity.css.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\ntype Props<\n  RowView,\n  Where extends Record<string, unknown>,\n  Sort extends string,\n> = {\n  config: BackofficeResolvedListFacetConfig<Where, Sort>;\n  state: BackofficeListState<Where, Sort>;\n  pushState: (next: BackofficeListState<Where, Sort>) => void;\n  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  onLoadMore: () => void;\n  onRefresh?: () => void;\n  totalCount?: number | null;\n  emptyState?: JSX.Element;\n  isLoadingInitial?: boolean;\n  virtualize?: boolean;\n  variant?: 'page' | 'embedded';\n  showFilters?: boolean;\n};\n\nexport const BackofficeEntityListScaffold = <\n  RowView,\n  Where extends Record<string, unknown>,\n  Sort extends string,\n>(\n  props: Props<RowView, Where, Sort>,\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    onLoadMore,\n    onRefresh,\n    totalCount,\n    emptyState,\n    header,\n    headerActions,\n    isLoadingInitial = false,\n    virtualize = true,\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) as keyof Where;\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 Where;\n    label: string;\n    path?: readonly string[];\n    scope?: BackofficePickerScope;\n  } | null>(null);\n\n  const renderFilterControl = useCallback(\n    (filter: BackofficeFilterSpec<Where>): JSX.Element => {\n      const key = (filter.whereKey ?? filter.id) as keyof Where;\n      const candidate = getFilterValue(filter, state.where);\n      let value = '';\n      if (typeof candidate === 'string') {\n        value = 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          <GlobalSearchInput\n            value={value}\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            placeholder={placeholder}\n            className={styles.filterInput}\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            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            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            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    if (hasPlacementConfig) {\n      return listConfig.filters.filter((filter) => {\n        return filter.placement === 'quick' || filter.placement === 'both';\n      });\n    }\n    return listConfig.filters.slice(0, 3);\n  }, [listConfig.filters, 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        onChange={(next) => {\n          pushState({\n            ...state,\n            sort: next as Sort,\n          });\n        }}\n      />\n    );\n  }, [listConfig.sorts, pushState, state, tApp]);\n\n  const chipsNode = useMemo(() => {\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.allFilters');\n    if (activeCount > 0) {\n      label = t('filters.allFiltersWithCount', {\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 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    />\n  );\n\n  const resolvedEmptyState = useMemo((): JSX.Element => {\n    if (emptyState != null) {\n      return emptyState;\n    }\n\n    if (isLoadingInitial) {\n      return <BackofficeTableSkeleton />;\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      return null;\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 headerTitle = header?.title ?? resolveLabel(listConfig.title, tApp);\n  const headerSubtitle = header?.subtitle;\n\n  const virtualizationConfig = useMemo(() => {\n    if (!virtualize) {\n      return { enabled: false, rowHeightPx: 0, overscan: 0 };\n    }\n\n    return { enabled: true, rowHeightPx: 52, overscan: 10 };\n  }, [virtualize]);\n\n  const tableInnerNode = (\n    <BackofficeVirtualizedConnectionTable\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      virtualization={virtualizationConfig}\n      infiniteScroll={{\n        enabled: true,\n        thresholdPx: 800,\n        autoLoad: true,\n      }}\n      hasNextPage={hasNextPage}\n      isLoadingMore={isLoadingMore}\n      onLoadMore={onLoadMore}\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      <BackofficeTableToolbar\n        searchSlot={searchNode}\n        filtersSlot={\n          <>\n            {quickFiltersNode}\n            {allFiltersNode}\n          </>\n        }\n        sortSlot={sortNode}\n        refreshSlot={\n          <Button\n            type=\"button\"\n            variant=\"text\"\n            size=\"small\"\n            disabled={onRefresh == null}\n            onClick={() => {\n              if (onRefresh != null) {\n                onRefresh();\n              }\n            }}\n          >\n            {t('list.actions.refresh')}\n          </Button>\n        }\n        chipsSlot={chipsNode}\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 tableFooterNode = (\n    <BackofficeLoadMore\n      hasNextPage={hasNextPage}\n      isLoading={isLoadingMore}\n      meta={tableFooterMeta}\n      loadMoreLabel={t('list.loadMore.more')}\n      endLabel={t('list.loadMore.end')}\n      loadingLabel={t('list.loadMore.loading')}\n    />\n  );\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          {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        tableNode={tableNode}\n        tableFooterNode={tableFooterNode}\n      />\n    </BackofficeListFilterProvider>\n  );\n};\n\nexport default BackofficeEntityListScaffold;\n"],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as t, useCallback as n, useContext as r, useMemo as i } from "react";
+import { buildBackofficeListLink as a } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as o } from "@plumile/backoffice-core/filters/where.js";
+//#region src/components/backoffice/scaffolds/BackofficeListFilterContext.tsx
+var s = t(null), c = (t) => {
+	let { config: r, state: c, pushState: l, children: u } = t, d = n((e, t, n) => {
+		let r = o(c.where, e, t, n);
+		l({
+			...c,
+			where: r
+		});
+	}, [l, c]), f = n((e, t, n) => {
+		let i = o(c.where, e, t, n);
+		return a(r, {
+			...c,
+			where: i
+		});
+	}, [r, c]), p = i(() => ({
+		config: r,
+		state: c,
+		pushState: l,
+		applyFilter: d,
+		buildFilterLink: f
+	}), [
+		d,
+		f,
+		r,
+		l,
+		c
+	]);
+	return /* @__PURE__ */ e(s.Provider, {
+		value: p,
+		children: u
+	});
+}, l = () => r(s);
+//#endregion
+export { c as BackofficeListFilterProvider, s as default, l as useBackofficeListFilterContext };
+
+//# sourceMappingURL=BackofficeListFilterContext.js.map

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

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

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

@@ -0,0 +1,25 @@
+import { tabBody as e, tabs as t } from "./backofficeTabbedDetailShell.css.js";
+import { jsx as n } from "react/jsx-runtime";
+import { DetailPageTemplate as r } from "@plumile/ui-backoffice/backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { BackofficeTabs as i } from "@plumile/ui-backoffice/backoffice/molecules/backoffice_tabs/BackofficeTabs.js";
+//#region src/components/backoffice/scaffolds/BackofficeTabbedDetailShell.tsx
+var a = ({ headerNode: a, tabs: o, activeId: s, children: c }) => {
+	let l = null;
+	return o != null && o.length > 1 && s != null && (l = /* @__PURE__ */ n(i, {
+		items: o,
+		activeId: s,
+		onChange: () => {},
+		className: t
+	})), /* @__PURE__ */ n(r, {
+		headerNode: a,
+		tabsNode: l,
+		children: /* @__PURE__ */ n("div", {
+			className: e,
+			children: c
+		})
+	});
+};
+//#endregion
+export { a as BackofficeTabbedDetailShell, a as default };
+
+//# sourceMappingURL=BackofficeTabbedDetailShell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeTabbedDetailShell.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeTabbedDetailShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { DetailPageTemplate } from '@plumile/ui-backoffice/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport {\n  BackofficeTabs,\n  type BackofficeTabItem,\n} from '@plumile/ui-backoffice/backoffice/molecules/backoffice_tabs/BackofficeTabs.js';\n\nimport * as styles from './backofficeTabbedDetailShell.css.js';\n\nexport type BackofficeTabbedDetailShellProps = {\n  headerNode: ReactNode;\n  tabs?: readonly BackofficeTabItem[];\n  activeId?: string;\n  children: ReactNode;\n};\n\nexport const BackofficeTabbedDetailShell = ({\n  headerNode,\n  tabs,\n  activeId,\n  children,\n}: BackofficeTabbedDetailShellProps): JSX.Element => {\n  let tabsNode: JSX.Element | null = null;\n  if (tabs != null && tabs.length > 1 && activeId != null) {\n    tabsNode = (\n      <BackofficeTabs\n        items={tabs}\n        activeId={activeId}\n        onChange={() => {}}\n        className={styles.tabs}\n      />\n    );\n  }\n\n  return (\n    <DetailPageTemplate headerNode={headerNode} tabsNode={tabsNode}>\n      <div className={styles.tabBody}>{children}</div>\n    </DetailPageTemplate>\n  );\n};\n\nexport default BackofficeTabbedDetailShell;\n"],"mappings":";;;;;AAiBA,IAAa,KAA+B,EAC1C,eACA,MAAA,GACA,aACA,kBACmD;CACnD,IAAI,IAA+B;AAYnC,QAXI,KAAQ,QAAQ,EAAK,SAAS,KAAK,KAAY,SACjD,IACE,kBAAC,GAAD;EACE,OAAO;EACG;EACV,gBAAgB;EAChB,WAAW;EACX,CAAA,GAKJ,kBAAC,GAAD;EAAgC;EAAsB;YACpD,kBAAC,OAAD;GAAK,WAAW;GAAiB;GAAe,CAAA;EAC7B,CAAA"}

package/lib/esm/components/backoffice/scaffolds/backofficeEntityListScaffold.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                            */
+//#region src/components/backoffice/scaffolds/backofficeEntityListScaffold.css.ts
+var e = "_8gc5760 vncd899io vncd89ajx vncd89co vncd89ao6", t = "_8gc5761 vncd89u3f vncd89jdo", n = "_8gc5762 vncd899io vncd89ai6 vncd89aof", r = "_8gc5763 vncd8996 vncd89amo vncd89v8p";
+//#endregion
+export { e as controlsRow, n as embeddedContainer, r as embeddedHeader, t as filterInput };
+
+//# sourceMappingURL=backofficeEntityListScaffold.css.js.map

package/lib/esm/components/backoffice/scaffolds/backofficeEntityListScaffold.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeEntityListScaffold.css.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/backofficeEntityListScaffold.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const controlsRow = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  gap: 2,\n});\n\nexport const filterInput = sprinkles({\n  width: 72,\n  maxWidth: 'full',\n});\n\nexport const embeddedContainer = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const embeddedHeader = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/scaffolds/backofficeTabbedDetailShell.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                           */
+//#region src/components/backoffice/scaffolds/backofficeTabbedDetailShell.css.ts
+var e = "_12zehnj0 vncd899io", t = "_12zehnj1 vncd899io vncd89ai6 vncd89aoo";
+//#endregion
+export { t as tabBody, e as tabs };
+
+//# sourceMappingURL=backofficeTabbedDetailShell.css.js.map

package/lib/esm/components/backoffice/scaffolds/backofficeTabbedDetailShell.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeTabbedDetailShell.css.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/backofficeTabbedDetailShell.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const tabs = sprinkles({\n  display: 'flex',\n});\n\nexport const tabBody = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/shared/BackofficeInlineFilterRow.js

@@ -0,0 +1,12 @@
+import { container as e } from "./backofficeInlineFilterRow.css.js";
+import { jsx as t } from "react/jsx-runtime";
+import { cx as n } from "@plumile/ui/theme/tools.js";
+//#region src/components/backoffice/shared/BackofficeInlineFilterRow.tsx
+var r = ({ children: r, className: i }) => /* @__PURE__ */ t("span", {
+	className: n(e, i),
+	children: r
+});
+//#endregion
+export { r as BackofficeInlineFilterRow, r as default };
+
+//# sourceMappingURL=BackofficeInlineFilterRow.js.map

package/lib/esm/components/backoffice/shared/BackofficeInlineFilterRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeInlineFilterRow.js","names":[],"sources":["../../../../../src/components/backoffice/shared/BackofficeInlineFilterRow.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '@plumile/ui/theme/tools.js';\n\nimport * as styles from './backofficeInlineFilterRow.css.js';\n\nexport type BackofficeInlineFilterRowProps = {\n  children: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeInlineFilterRow = ({\n  children,\n  className,\n}: BackofficeInlineFilterRowProps): JSX.Element => {\n  return <span className={cx(styles.container, className)}>{children}</span>;\n};\n\nexport default BackofficeInlineFilterRow;\n"],"mappings":";;;;AAWA,IAAa,KAA6B,EACxC,aACA,mBAEO,kBAAC,QAAD;CAAM,WAAW,EAAG,GAAkB,EAAU;CAAG;CAAgB,CAAA"}

package/lib/esm/components/backoffice/shared/backofficeInlineFilterRow.css.js

@@ -0,0 +1,8 @@
+/* empty css                                             */
+/* empty css                                         */
+//#region src/components/backoffice/shared/backofficeInlineFilterRow.css.ts
+var e = "_11j0ox80 vncd899jf vncd89co vncd89anx vncd89ajx";
+//#endregion
+export { e as container };
+
+//# sourceMappingURL=backofficeInlineFilterRow.css.js.map