@plumile/backoffice-react 0.1.104 → 0.1.106

package/lib/esm/components/backoffice/routing/BackofficeContentFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeContentFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Skeleton } from '@plumile/ui';\n\nimport * as styles from './backofficeContentFallback.css.js';\n\nexport const BackofficeContentFallback = (): JSX.Element => {\n  return (\n    <div\n      className={styles.container}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Skeleton variant=\"text\" width=\"38%\" className={styles.title} />\n      <Skeleton variant=\"text\" width=\"62%\" />\n      <div className={styles.grid}>\n        {Array.from({ length: 4 }, (_, index) => {\n          return (\n            <div key={`content-skeleton-${index}`} className={styles.card}>\n              <Skeleton variant=\"text\" width=\"46%\" />\n              <Skeleton variant=\"text\" width=\"82%\" lines={2} />\n              <Skeleton variant=\"block\" width=\"100%\" height={120} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeContentFallback;\n"],"mappings":";;;;AAMA,IAAa,UAET,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ;EAME,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAM,WAAW;GAAgB,CAAA;EAChE,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAQ,CAAA;EACvC,kBAAC,OAAD;GAAK,WAAW;aACb,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,GAAG,MAE3B,kBAAC,OAAD;IAAuC,WAAW;cAAlD;KACE,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAQ,CAAA;KACvC,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAM,OAAO;MAAK,CAAA;KACjD,kBAAC,GAAD;MAAU,SAAQ;MAAQ,OAAM;MAAO,QAAQ;MAAO,CAAA;KAClD;MAJI,oBAAoB,IAIxB,CAER;GACE,CAAA;EACF"}

package/lib/esm/components/backoffice/routing/BackofficeRouteFallback.js

@@ -0,0 +1,25 @@
+import { label as e, root as t } from "./backofficeRouteFallback.css.js";
+import { Spinner as n } from "@plumile/ui";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as a } from "react-i18next";
+//#region src/components/backoffice/routing/BackofficeRouteFallback.tsx
+var o = ({ label: a = "Loading..." }) => /* @__PURE__ */ i("div", {
+	className: t,
+	role: "status",
+	"aria-live": "polite",
+	"aria-busy": "true",
+	children: [/* @__PURE__ */ r(n, {
+		size: 28,
+		ariaLabel: a
+	}), /* @__PURE__ */ r("div", {
+		className: e,
+		children: a
+	})]
+}), s = () => {
+	let { t: e, i18n: t } = a("backofficeReact", { useSuspense: !1 }), n = "Loading...";
+	return t.isInitialized && (n = e("common.loading")), /* @__PURE__ */ r(o, { label: n });
+};
+//#endregion
+export { s as BackofficeRouteFallback, s as default, o as BackofficeStaticRouteFallback };
+
+//# sourceMappingURL=BackofficeRouteFallback.js.map

package/lib/esm/components/backoffice/routing/BackofficeRouteFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeRouteFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeRouteFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Spinner } from '@plumile/ui';\n\nimport * as styles from './backofficeRouteFallback.css.js';\n\nexport type BackofficeRouteFallbackProps = {\n  label?: string;\n};\n\nexport const BackofficeStaticRouteFallback = ({\n  label = 'Loading...',\n}: BackofficeRouteFallbackProps): JSX.Element => {\n  return (\n    <div\n      className={styles.root}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Spinner size={28} ariaLabel={label} />\n      <div className={styles.label}>{label}</div>\n    </div>\n  );\n};\n\nexport const BackofficeRouteFallback = (): JSX.Element => {\n  const { t, i18n } = useTranslation('backofficeReact', {\n    useSuspense: false,\n  });\n  let label = 'Loading...';\n  if (i18n.isInitialized) {\n    label = t('common.loading');\n  }\n\n  return <BackofficeStaticRouteFallback label={label} />;\n};\n\nexport default BackofficeRouteFallback;\n"],"mappings":";;;;;AAWA,IAAa,KAAiC,EAC5C,OAAA,IAAQ,mBAGN,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ,CAME,kBAAC,GAAD;EAAS,MAAM;EAAI,WAAW;EAAS,CAAA,EACvC,kBAAC,OAAD;EAAK,WAAW;YAAe;EAAY,CAAA,CACvC;IAIG,UAA6C;CACxD,IAAM,EAAE,MAAG,YAAS,EAAe,mBAAmB,EACpD,aAAa,IACd,CAAC,EACE,IAAQ;CAKZ,OAJI,EAAK,kBACP,IAAQ,EAAE,iBAAiB,GAGtB,kBAAC,GAAD,EAAsC,UAAS,CAAA"}

package/lib/esm/components/backoffice/routing/BackofficeRoutePendingBar.js

@@ -0,0 +1,12 @@
+import { bar as e, root as t } from "./backofficeRoutePendingBar.css.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/backoffice/routing/BackofficeRoutePendingBar.tsx
+var r = () => /* @__PURE__ */ n("div", {
+	className: t,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ n("div", { className: e })
+});
+//#endregion
+export { r as BackofficeRoutePendingBar, r as default };
+
+//# sourceMappingURL=BackofficeRoutePendingBar.js.map

package/lib/esm/components/backoffice/routing/BackofficeRoutePendingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeRoutePendingBar.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeRoutePendingBar.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport * as styles from './backofficeRoutePendingBar.css.js';\n\nexport const BackofficeRoutePendingBar = (): JSX.Element => {\n  return (\n    <div className={styles.root} aria-hidden=\"true\">\n      <div className={styles.bar} />\n    </div>\n  );\n};\n\nexport default BackofficeRoutePendingBar;\n"],"mappings":";;;AAIA,IAAa,UAET,kBAAC,OAAD;CAAK,WAAW;CAAa,eAAY;WACvC,kBAAC,OAAD,EAAK,WAAW,GAAc,CAAA;CAC1B,CAAA"}

package/lib/esm/components/backoffice/routing/backofficeContentBoundary.css.js

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/routing/backofficeContentBoundary.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbjs7 txvbqbu7g txvbqbk5y";
+//#endregion
+export { e as root };
+
+//# sourceMappingURL=backofficeContentBoundary.css.js.map

package/lib/esm/components/backoffice/routing/backofficeContentBoundary.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeContentBoundary.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentBoundary.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: 'full',\n  width: 'full',\n  minWidth: 0,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeContentError.css.js

@@ -0,0 +1,7 @@
+/* empty css                                      */
+//#region src/components/backoffice/routing/backofficeContentError.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbu7g", t = "txvbqbwy";
+//#endregion
+export { t as banner, e as root };
+
+//# sourceMappingURL=backofficeContentError.css.js.map

package/lib/esm/components/backoffice/routing/backofficeContentError.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeContentError.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentError.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  width: 'full',\n});\n\nexport const banner = sprinkles({\n  borderColor: 'borderStrong',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeContentFallback.css.js

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/routing/backofficeContentFallback.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaop txvbqbu7g txvbqbjs7", t = "txvbqbjfg", n = "txvbqb9iy txvbqbaop txvbqbc17", r = "txvbqb9ip txvbqbai7 txvbqbaog txvbqblbg txvbqbjny txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45";
+//#endregion
+export { r as card, e as container, n as grid, t as title };
+
+//# sourceMappingURL=backofficeContentFallback.css.js.map

package/lib/esm/components/backoffice/routing/backofficeContentFallback.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeContentFallback.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeContentFallback.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  width: 'full',\n  minHeight: 'full',\n});\n\nexport const title = sprinkles({\n  maxWidth: 'md',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 4,\n  gridTemplateColumns: 'autoFitMinmax240',\n});\n\nexport const card = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n  padding: 4,\n  minHeight: 44,\n  borderRadius: 'xl',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  backgroundColor: 'surfaceMuted',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeRouteFallback.css.js

@@ -0,0 +1,7 @@
+/* empty css                                       */
+//#region src/components/backoffice/routing/backofficeRouteFallback.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbcp txvbqbdoy txvbqbk5p txvbqbu7g txvbqbaop txvbqbv43 txvbqbva1", t = "txvbqbva3";
+//#endregion
+export { t as label, e as root };
+
+//# sourceMappingURL=backofficeRouteFallback.css.js.map

package/lib/esm/components/backoffice/routing/backofficeRouteFallback.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeRouteFallback.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeRouteFallback.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const root = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: 'screen',\n  width: 'full',\n  gap: 4,\n  backgroundColor: 'surfaceSecondary',\n  color: 'textSecondary',\n});\n\nexport const label = sprinkles({\n  color: 'textMuted',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/routing/backofficeRoutePendingBar.css.js

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/routing/backofficeRoutePendingBar.css.ts
+var e = "_11exksg1 txvbqbv45 txvbqbptp txvbqbt7y txvbqbdqg txvbqbl7g txvbqb2k txvbqbu7g txvbqbuwp", t = "_11exksg2 txvbqbcgg txvbqbuog";
+//#endregion
+export { t as bar, e as root };
+
+//# sourceMappingURL=backofficeRoutePendingBar.css.js.map

package/lib/esm/components/backoffice/routing/backofficeRoutePendingBar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeRoutePendingBar.css.js","names":[],"sources":["../../../../../src/components/backoffice/routing/backofficeRoutePendingBar.css.ts"],"sourcesContent":["import { keyframes, style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nconst slide = keyframes({\n  '0%': { transform: 'translateX(-120%)' },\n  '60%': { transform: 'translateX(30%)' },\n  '100%': { transform: 'translateX(120%)' },\n});\n\nexport const root = style([\n  sprinkles({\n    backgroundColor: 'surfaceMuted',\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n    width: 'full',\n    zIndex: 50,\n  }),\n  {\n    height: '3px',\n  },\n]);\n\nexport const bar = style([\n  sprinkles({\n    height: 'full',\n    width: '2/5',\n  }),\n  {\n    background: `linear-gradient(90deg, ${vars.colors.primaryLight} 0%, ${vars.colors.primary} 60%, ${vars.colors.primaryLight} 100%)`,\n    animation: `${slide} 1.1s ease-in-out infinite`,\n  },\n]);\n"],"mappings":""}

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

@@ -0,0 +1,12 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeEmptyState as t } from "@plumile/ui";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx
+var r = ({ node: r, render: i, notFound: a }) => {
+	let { t: o } = e(), s = a ?? o("detail.notFound");
+	return r == null ? /* @__PURE__ */ n(t, { title: s }) : i(r) ?? /* @__PURE__ */ n(t, { title: s });
+};
+//#endregion
+export { r as BackofficeEntityDetailScaffold, r as default };
+
+//# sourceMappingURL=BackofficeEntityDetailScaffold.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeEntityDetailScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { BackofficeEmptyState } from '@plumile/ui';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityDetailScaffoldProps<\n  NodeUnion extends { __typename: string },\n> = {\n  node: NodeUnion | null | undefined;\n  render: (node: NodeUnion) => JSX.Element | null;\n  notFound?: ReactNode;\n};\n\nexport const BackofficeEntityDetailScaffold = <\n  NodeUnion extends { __typename: string },\n>({\n  node,\n  render,\n  notFound,\n}: BackofficeEntityDetailScaffoldProps<NodeUnion>): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedNotFound = notFound ?? t('detail.notFound');\n  if (node == null) {\n    return <BackofficeEmptyState title={resolvedNotFound} />;\n  }\n\n  const content = render(node);\n  if (content == null) {\n    return <BackofficeEmptyState title={resolvedNotFound} />;\n  }\n\n  return content;\n};\n\nexport default BackofficeEntityDetailScaffold;\n"],"mappings":";;;;AAaA,IAAa,KAEX,EACA,SACA,WACA,kBACiE;CACjE,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAmB,KAAY,EAAE,kBAAkB;CAUzD,OATI,KAAQ,OACH,kBAAC,GAAD,EAAsB,OAAO,GAAoB,CAAA,GAG1C,EAAO,EACnB,IACK,kBAAC,GAAD,EAAsB,OAAO,GAAoB,CAAA"}

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

@@ -0,0 +1,506 @@
+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 { DeferredFilterSearchInput as o } from "../filters/DeferredFilterSearchInput.js";
+import { BackofficeListToolbar as s } from "../lists/BackofficeListToolbar.js";
+import { BackofficeListFilterProvider as c } from "./BackofficeListFilterContext.js";
+import { useBackofficeInfiniteScrollSentinel as l } from "../../../hooks/useBackofficeInfiniteScrollSentinel.js";
+import { controlsRow as u, embeddedContainer as ee, embeddedHeader as te, filterInput as d } from "./backofficeEntityListScaffold.css.js";
+import { useCallback as f, useMemo as p, useState as m } from "react";
+import { BackofficeEmptyState as h, BackofficeFilterDrawer as ne, BackofficeFilterField as re, BackofficeInfiniteListStatus as ie, BackofficePageHeader as ae, BackofficeTableSkeleton as oe, Button as g, FilterChipRow as se, InlineBanner as ce, ListPageTemplate as le, ResponsiveRecordList as ue, SimpleSelect as _, denseTableClass as de } from "@plumile/ui";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useTranslation as fe } from "react-i18next";
+import { readWhereValue as x, setWhereValue as S } from "@plumile/backoffice-core/filters/where.js";
+//#region src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx
+var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fromGraphQL(t) : x(t, e.whereKey ?? e.id, e.path), pe = (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__ */ y(i, {
+		entityId: e.entity,
+		id: r
+	}) : e.kind === "enum" ? n.enumLabel(r) : r;
+}, me = (e) => {
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return e;
+	let n = t.getTimezoneOffset() * 6e4;
+	return new Date(t.getTime() - n).toISOString().slice(0, 16);
+}, he = (e) => {
+	let t = e.trim();
+	if (t === "") return "";
+	let n = new Date(t);
+	return Number.isNaN(n.getTime()) ? t : n.toISOString();
+}, T = (i) => {
+	let { t: x } = fe(), { t: T } = e(), { config: E, state: D, pushState: O, rows: k, getRowId: ge, columns: A, gridTemplateColumns: _e, hasNextPage: j, isLoadingMore: M, isRefreshing: ve = !1, onLoadMore: ye, onRefresh: N, totalCount: P, emptyState: F, statusBanner: I, header: L, headerActions: be, isLoadingInitial: R = !1, variant: xe = "page", showFilters: Se = !0 } = i, z = E.list, B = E.listDefaults ?? z.defaultState ?? {
+		where: null,
+		sort: null
+	}, V = p(() => A.some((e) => e.isPrimary === !0) || A.length === 0 ? A : A.map((e, t) => {
+		let { header: n } = e;
+		return t === 0 ? {
+			...e,
+			isPrimary: !0,
+			header: n
+		} : {
+			...e,
+			header: n
+		};
+	}), [A]), H = p(() => {
+		let e = [];
+		for (let t of z.filters) {
+			let n = w(t, D.where), r = pe(t, n, {
+				enumLabel: (e) => {
+					if (t.kind !== "enum") return e;
+					let n = t.options.find((t) => t.value === e);
+					return n == null ? e : C(n.label, x);
+				},
+				booleanLabel: (e) => {
+					if (t.kind === "boolean") {
+						if (e && t.trueLabel != null) return C(t.trueLabel, x);
+						if (!e && t.falseLabel != null) return C(t.falseLabel, x);
+					}
+					return T(e ? "filters.boolean.yes" : "filters.boolean.no");
+				},
+				fallbackBooleanLabels: {
+					yes: T("filters.boolean.yes"),
+					no: T("filters.boolean.no")
+				}
+			});
+			if (r != null) {
+				let i = String(n);
+				Array.isArray(n) && (i = n.join(","));
+				let a = /* @__PURE__ */ b("span", { children: [
+					C(t.label, x),
+					": ",
+					r
+				] });
+				e.push({
+					id: `${t.id}:${i}`,
+					label: a,
+					onRemove: () => {
+						let e = t.whereKey ?? t.id, n = S(D.where, e, null, t.path);
+						O({
+							...D,
+							where: n
+						});
+					}
+				});
+			}
+		}
+		return e;
+	}, [
+		z.filters,
+		O,
+		D,
+		T,
+		x
+	]), U = f(() => {
+		O({ ...B });
+	}, [B, O]), [Ce, W] = m(!1), [G, K] = m(""), [q, J] = m(null), Y = f((e) => {
+		let n = e.whereKey ?? e.id, r = w(e, D.where), i = "";
+		typeof r == "string" && (i = r), typeof r == "number" && Number.isFinite(r) && (i = String(r));
+		let s = C(e.label, x);
+		if (e.kind === "text") {
+			let t = T("filters.placeholders.search", { label: e.placeholderLabel == null ? s : C(e.placeholderLabel, x) });
+			return e.placeholderText != null && (t = C(e.placeholderText, x)), /* @__PURE__ */ y(o, {
+				value: me(i),
+				onApply: (t) => {
+					let r = he(t), i = S(D.where, n, r, e.path);
+					O({
+						...D,
+						where: i
+					});
+				},
+				placeholder: t,
+				ariaLabel: t,
+				className: d
+			});
+		}
+		if (e.kind === "datetime") {
+			let t = T("filters.placeholders.search", { label: e.placeholderLabel == null ? s : C(e.placeholderLabel, x) });
+			return e.placeholderText != null && (t = C(e.placeholderText, x)), /* @__PURE__ */ y(o, {
+				value: i,
+				onApply: (t) => {
+					let r = S(D.where, n, t, e.path);
+					O({
+						...D,
+						where: r
+					});
+				},
+				placeholder: t,
+				ariaLabel: t,
+				className: d,
+				type: "datetime-local"
+			});
+		}
+		if (e.kind === "number") {
+			let t = T("filters.placeholders.search", { label: e.placeholderLabel == null ? s : C(e.placeholderLabel, x) });
+			return e.placeholderText != null && (t = C(e.placeholderText, x)), /* @__PURE__ */ y(o, {
+				value: i,
+				onApply: (t) => {
+					let r = t.trim(), i = r === "" ? null : Number(r), a = S(D.where, n, Number.isFinite(i) ? i : null, e.path);
+					O({
+						...D,
+						where: a
+					});
+				},
+				placeholder: t,
+				ariaLabel: t,
+				className: d,
+				inputMode: e.inputMode ?? "numeric",
+				type: "number"
+			});
+		}
+		if (e.kind === "enum") return /* @__PURE__ */ y(_, {
+			options: [{
+				id: "any",
+				value: "",
+				label: T("filters.all", { label: s })
+			}, ...e.options.map((e) => ({
+				id: e.value,
+				value: e.value,
+				label: C(e.label, x)
+			}))],
+			value: i,
+			size: "small",
+			ariaLabel: s,
+			onChange: (t) => {
+				let r = S(D.where, n, t, e.path);
+				O({
+					...D,
+					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 ? T("filters.boolean.yes") : C(e.trueLabel, x), o = e.falseLabel == null ? T("filters.boolean.no") : C(e.falseLabel, x);
+			return /* @__PURE__ */ y(_, {
+				options: [
+					{
+						id: "any",
+						value: "",
+						label: T("filters.all", { label: s })
+					},
+					{
+						id: "true",
+						value: "true",
+						label: a
+					},
+					{
+						id: "false",
+						value: "false",
+						label: o
+					}
+				],
+				value: i,
+				size: "small",
+				ariaLabel: s,
+				onChange: (t) => {
+					let r = null;
+					t === "true" && (r = !0), t === "false" && (r = !1);
+					let i = S(D.where, n, r, e.path);
+					O({
+						...D,
+						where: i
+					});
+				}
+			});
+		}
+		let c = (() => {
+			if (e.pickerScope != null) return typeof e.pickerScope == "function" ? e.pickerScope(D.where) : e.pickerScope;
+		})(), l = null;
+		typeof r == "string" && (l = r);
+		let u = (r = null) => {
+			let i = r?.trim() ?? "";
+			return /* @__PURE__ */ y(t, {
+				label: s,
+				value: l,
+				displayValue: i,
+				placeholder: T("filters.placeholders.anyEntity", { label: s }),
+				onPick: () => {
+					J({
+						entity: e.entity,
+						whereKey: n,
+						label: s,
+						path: e.path,
+						scope: c
+					});
+				},
+				onClear: () => {
+					let t = S(D.where, n, null, e.path);
+					O({
+						...D,
+						where: t
+					});
+				}
+			});
+		};
+		return l == null || l.trim() === "" ? u() : /* @__PURE__ */ y(a, {
+			entityId: e.entity,
+			id: l,
+			children: (e) => u(e)
+		});
+	}, [
+		O,
+		D,
+		T,
+		x
+	]), X = p(() => z.filters.some((e) => e.placement != null), [z.filters]), Z = p(() => {
+		if (z.filters.length === 0) return [];
+		let e = z.ui?.toolbar?.maxPromotedFilters ?? 3;
+		return X ? z.filters.filter((e) => e.placement === "quick" || e.placement === "both") : z.filters.slice(0, e);
+	}, [
+		z.filters,
+		z.ui?.toolbar,
+		X
+	]), Q = p(() => z.filters.filter((e) => e.placement == null ? !0 : e.placement === "drawer" || e.placement === "both"), [z.filters]), $ = p(() => Z.find((e) => e.kind === "text"), [Z]), we = p(() => {
+		let e = Z.filter((e) => e !== $);
+		return e.length === 0 ? null : /* @__PURE__ */ y("div", {
+			className: u,
+			children: e.map((e) => /* @__PURE__ */ y("span", { children: Y(e) }, e.id))
+		});
+	}, [
+		Z,
+		Y,
+		$
+	]), Te = p(() => $ == null ? null : Y($), [Y, $]), Ee = p(() => {
+		if (z.sorts.length === 0) return null;
+		let e = z.sorts[0];
+		return e == null ? null : /* @__PURE__ */ y(_, {
+			options: z.sorts.map((e) => ({
+				id: e.id,
+				value: e.id,
+				label: C(e.label, x)
+			})),
+			value: D.sort ?? e.id,
+			size: "small",
+			ariaLabel: T("list.sort.label"),
+			onChange: (e) => {
+				O({
+					...D,
+					sort: e
+				});
+			}
+		});
+	}, [
+		z.sorts,
+		O,
+		D,
+		T,
+		x
+	]), De = p(() => H.length === 0 ? null : /* @__PURE__ */ y(se, {
+		chips: H,
+		onClearAll: U
+	}), [H, U]), Oe = p(() => {
+		if (Q.length === 0) return [];
+		let e = G.trim().toLowerCase(), t = [];
+		for (let n of Q) {
+			let r = C(n.label, x);
+			(e === "" || r.toLowerCase().includes(e)) && t.push({
+				id: n.id,
+				node: /* @__PURE__ */ y(re, {
+					label: r,
+					children: Y(n)
+				})
+			});
+		}
+		return t.length === 0 ? [] : [{
+			id: "backoffice.filters.sections.default",
+			title: T("filters.sections.default"),
+			items: t
+		}];
+	}, [
+		Q,
+		G,
+		Y,
+		T,
+		x
+	]), ke = p(() => {
+		if (Q.length === 0) return null;
+		let e = H.length, t = T("filters.trigger");
+		return e > 0 && (t = T("filters.triggerWithCount", { count: e })), /* @__PURE__ */ y(g, {
+			type: "button",
+			variant: "secondary",
+			size: "small",
+			onClick: () => {
+				W(!0);
+			},
+			children: t
+		});
+	}, [
+		H.length,
+		Q.length,
+		T
+	]), Ae = /* @__PURE__ */ y(ne, {
+		isOpen: Ce,
+		onClose: () => {
+			W(!1), K("");
+		},
+		sections: Oe,
+		searchValue: G,
+		onSearchChange: (e) => {
+			K(e);
+		},
+		onReset: U,
+		emptyLabel: G.trim() === "" ? void 0 : T("filters.drawer.emptySearchResults")
+	}), je = p(() => F ?? (R ? /* @__PURE__ */ y(oe, {
+		variant: "embedded",
+		ariaLabel: T("common.loading")
+	}) : H.length > 0 ? /* @__PURE__ */ y(h, {
+		title: T("emptyState.listEmpty.title"),
+		description: T("emptyState.listEmptyFiltered.description"),
+		actions: /* @__PURE__ */ y(g, {
+			type: "button",
+			variant: "secondary",
+			size: "small",
+			onClick: U,
+			children: T("emptyState.listEmptyFiltered.actions.reset")
+		})
+	}) : /* @__PURE__ */ y(h, {
+		title: T("emptyState.listEmpty.title"),
+		description: T("emptyState.listEmpty.description")
+	})), [
+		H.length,
+		F,
+		U,
+		R,
+		T
+	]), Me = p(() => typeof P == "number" ? /* @__PURE__ */ y("span", { children: T("list.showing", {
+		shown: k.length,
+		total: P
+	}) }) : k.length === 0 ? null : /* @__PURE__ */ y("span", { children: T("list.loaded", { count: k.length }) }), [
+		k.length,
+		T,
+		P
+	]), { sentinelRef: Ne } = l({
+		enabled: !0,
+		hasNextPage: j,
+		isLoading: M,
+		onIntersect: ye
+	}), Pe = L?.title ?? C(z.title, x), Fe = L?.subtitle, Ie = V.find((e) => e.mobileRole === "action" || e.id === "actions"), Le = /* @__PURE__ */ y(n, {
+		fallback: (e) => {
+			let { reset: t } = e;
+			return /* @__PURE__ */ y(ce, {
+				tone: "danger",
+				title: T("list.errors.title"),
+				actions: /* @__PURE__ */ y(g, {
+					type: "button",
+					variant: "secondary",
+					size: "small",
+					onClick: () => {
+						t(), N?.();
+					},
+					children: T("list.actions.retry")
+				}),
+				children: T("list.errors.tableFailed")
+			});
+		},
+		children: /* @__PURE__ */ y(ue, {
+			columns: V,
+			rows: k,
+			getRowId: ge,
+			emptyState: je,
+			className: de,
+			gridTemplateColumns: _e,
+			mode: z.ui?.displayMode ?? z.responsive?.mode ?? "auto",
+			density: z.ui?.density ?? z.responsive?.density ?? "compact",
+			renderAction: (e) => Ie?.cell(e) ?? null
+		})
+	}), Re = Se ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(s, {
+		primaryFilters: Te != null || we != null ? /* @__PURE__ */ b(v, { children: [Te, we] }) : null,
+		filterDrawerTrigger: ke,
+		sortControl: Ee,
+		utilityActions: N == null ? null : /* @__PURE__ */ y(g, {
+			type: "button",
+			variant: "secondary",
+			size: "small",
+			isLoading: ve,
+			loadingLabel: T("list.actions.refreshing"),
+			onClick: () => {
+				N();
+			},
+			children: T("list.actions.refresh")
+		}),
+		activeFilters: De,
+		density: "compact"
+	}), Ae] }) : null, ze = /* @__PURE__ */ b("div", { children: [Le, /* @__PURE__ */ y(r, {
+		isOpen: q != null,
+		entity: q?.entity ?? E.id,
+		title: q?.label ?? T("picker.title"),
+		scope: q?.scope,
+		onClose: () => {
+			J(null);
+		},
+		onSelectId: (e) => {
+			if (q == null) return;
+			let t = S(D.where, q.whereKey, e, q.path);
+			O({
+				...D,
+				where: t
+			});
+		}
+	})] }), Be = k.length > 0 || M || j ? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
+		ref: Ne,
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ y(ie, {
+		loadedCount: k.length,
+		totalCount: P,
+		hasNextPage: j,
+		isLoading: M,
+		loadedLabel: Me,
+		loadingLabel: T("list.loadMore.loading"),
+		endLabel: T("list.loadMore.end")
+	})] }) : null;
+	return xe === "embedded" ? /* @__PURE__ */ y(c, {
+		config: E,
+		state: D,
+		pushState: O,
+		children: /* @__PURE__ */ b("div", {
+			className: ee,
+			children: [
+				/* @__PURE__ */ y("div", {
+					className: te,
+					children: Pe
+				}),
+				Re,
+				I,
+				ze,
+				Be
+			]
+		})
+	}) : /* @__PURE__ */ y(c, {
+		config: E,
+		state: D,
+		pushState: O,
+		children: /* @__PURE__ */ y(le, {
+			headerNode: /* @__PURE__ */ y(ae, {
+				title: Pe,
+				subtitle: Fe,
+				actions: be
+			}),
+			toolbarNode: Re,
+			statusNode: I,
+			tableNode: ze,
+			tableFooterNode: Be,
+			presentation: "flat"
+		})
+	});
+};
+//#endregion
+export { T as BackofficeEntityListScaffold, T as default };
+
+//# sourceMappingURL=BackofficeEntityListScaffold.js.map