@plumile/backoffice-react 0.1.165 → 0.1.167

package/lib/esm/auth/login/loginPage.css.js

@@ -1,4 +1,3 @@
-/* empty css                                                           */
 /* empty css                         */
 //#region src/auth/login/loginPage.css.ts
 var e = "txvbqbfpn txvbqbh4x txvbqbheb", t = "txvbqbfpn txvbqbh4x txvbqb19uf", n = "txvbqb1bg3 txvbqb9j txvbqbo7v txvbqbny4", r = "txvbqbey txvbqb1bg3 txvbqbfpn txvbqbhdl txvbqbs00 txvbqbp6j", i = "txvbqb1b9r txvbqbk07 txvbqbfvs txvbqb2wi txvbqb1bk3", a = "txvbqbey txvbqbfpn txvbqbh7g txvbqbhdy txvbqblt7 txvbqbrza", o = "w8yhmy0 txvbqb1b4r txvbqb1tv txvbqb2rt txvbqb1bhb txvbqbv txvbqbhbf txvbqbwvi txvbqb3f txvbqb7h txvbqb76 txvbqb7t txvbqb1etp txvbqb1gct", s = "txvbqb10o0 txvbqb11ll txvbqb12j6 txvbqbxv9 txvbqbc7z txvbqbc27 txvbqbci3 txvbqbce4", c = "txvbqbfpn txvbqbh4x txvbqbheb", l = "txvbqb19uf", u = "txvbqbo7v txvbqbam txvbqbhbs txvbqb1bhb txvbqbmu1", d = "txvbqbrzn", f = "w8yhmy1 txvbqb1f2 txvbqb29r txvbqb2sj txvbqb1bhb txvbqb1b9n txvbqb7h txvbqb75 txvbqb7t";

package/lib/esm/components/backoffice/detail/BackofficeDetailRelationListBlock.js

@@ -5,106 +5,122 @@ import { buildDataTableColumns as r } from "../columns/buildDataTableColumns.js"
 import { useBackofficeLoadMore as i } from "../../../hooks/useBackofficeLoadMore.js";
 import { useBackofficeListRefetch as a } from "../../../hooks/useBackofficeListRefetch.js";
 import { BackofficeEntityListScaffold as o } from "../scaffolds/BackofficeEntityListScaffold.js";
-import { Suspense as s, useCallback as c, useMemo as l, useState as u } from "react";
-import { InlineBanner as d } from "@plumile/ui/components/feedback/InlineBanner.js";
-import { jsx as f } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import * as m from "react-relay";
-import { BACKOFFICE_LIST_REFETCH_POLICY as h, BACKOFFICE_RELATED_TAB_PAGE_SIZE as g } from "@plumile/backoffice-core/constants.js";
-import { setWhereValue as _ } from "@plumile/backoffice-core/filters/where.js";
-import { BackofficeTableSkeleton as v } from "@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
+import { BackofficeLazyEntityCountLabel as s } from "../refs/BackofficeLazyEntityCount.js";
+import { Suspense as c, useCallback as l, useMemo as u, useState as d } from "react";
+import { InlineBanner as f } from "@plumile/ui/components/feedback/InlineBanner.js";
+import { jsx as p } from "react/jsx-runtime";
+import { useTranslation as m } from "react-i18next";
+import * as h from "react-relay";
+import { BACKOFFICE_LIST_REFETCH_POLICY as g, BACKOFFICE_RELATED_TAB_PAGE_SIZE as _ } from "@plumile/backoffice-core/constants.js";
+import { setWhereValue as v } from "@plumile/backoffice-core/filters/where.js";
+import { BackofficeTableSkeleton as y } from "@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
 //#region src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx
-var { useLazyLoadQuery: y, usePaginationFragment: b } = m, x = () => {
+var { useLazyLoadQuery: b, usePaginationFragment: x } = h, S = () => {
 	let { t } = e();
-	return /* @__PURE__ */ f(v, {
+	return /* @__PURE__ */ p(y, {
 		rows: 6,
 		ariaLabel: t("common.loading")
 	});
-}, S = ({ title: t, config: n, relation: s, value: d }) => {
-	let { t: m } = p(), { t: v } = e(), x = n.list, S = n.listDefaults ?? x.defaultState ?? {
+}, C = ({ title: t, config: n, relation: c, value: f }) => {
+	let { t: h } = m(), { t: y } = e(), S = n.list, C = n.listDefaults ?? S.defaultState ?? {
 		where: null,
 		sort: null
-	}, [C, w] = u({
-		where: S.where,
-		sort: S.sort ?? null
-	}), T = l(() => d == null || d.trim() === "" ? null : _(C.where, s.whereKey, d, s.path), [
-		s.path,
-		s.whereKey,
-		C.where,
-		d
-	]), E = T ?? C.where, D = C.sort ?? S.sort, O = l(() => ({
-		where: E,
-		sort: D,
-		count: g,
+	}, [w, T] = d({
+		where: C.where,
+		sort: C.sort ?? null
+	}), [E, D] = d(0), O = u(() => f == null || f.trim() === "" ? null : v(w.where, c.whereKey, f, c.path), [
+		c.path,
+		c.whereKey,
+		w.where,
+		f
+	]), k = O ?? w.where, A = w.sort ?? C.sort, j = u(() => ({
+		where: k,
+		sort: A,
+		count: _,
 		cursor: null
-	}), [E, D]), k = l(() => x.buildQueryVariables(O), [x, O]), A = y(x.query, k, { fetchPolicy: "store-or-network" }), { data: j, loadNext: M, hasNext: N, isLoadingNext: P, refetch: F } = b(x.fragment, A), I = x.getConnection(j), L = l(() => I.edges.map((e) => x.toRow(e.node)), [I.edges, x]), R = l(() => r(x.columns, {
-		tApp: m,
-		t: v
+	}), [k, A]), M = u(() => S.buildQueryVariables(j), [S, j]), N = b(S.query, M, { fetchPolicy: "store-or-network" }), { data: P, loadNext: F, hasNext: I, isLoadingNext: L, refetch: R } = x(S.fragment, N), z = S.getConnection(P), B = u(() => z.edges.map((e) => S.toRow(e.node)), [z.edges, S]), V = u(() => r(S.columns, {
+		tApp: h,
+		t: y
 	}), [
-		x.columns,
-		v,
-		m
-	]), z = c((e) => x.getRowId(e), [x]), { onRefresh: B } = a({
-		refetch: F,
-		variables: O,
-		defaults: l(() => ({
-			where: T ?? S.where,
-			sort: S.sort,
-			count: g,
+		S.columns,
+		y,
+		h
+	]), H = l((e) => S.getRowId(e), [S]), { isRefreshing: U, onRefresh: W } = a({
+		refetch: R,
+		variables: j,
+		defaults: u(() => ({
+			where: O ?? C.where,
+			sort: C.sort,
+			count: _,
 			cursor: null
 		}), [
-			S.sort,
-			S.where,
-			T
+			C.sort,
+			C.where,
+			O
 		]),
-		fetchPolicy: h,
-		buildQueryVariables: x.buildQueryVariables
-	}), V = i({
-		hasNext: N,
-		isLoadingNext: P,
-		loadNext: M,
-		count: g
+		fetchPolicy: g,
+		buildQueryVariables: S.buildQueryVariables
+	}), G = l(() => {
+		D((e) => e + 1), W();
+	}, [W]), K = i({
+		hasNext: I,
+		isLoadingNext: L,
+		loadNext: F,
+		count: _
+	}), q = null;
+	B.length > 0 && (q = /* @__PURE__ */ p("span", { children: y("list.loaded", { count: B.length }) }));
+	let J = /* @__PURE__ */ p(s, {
+		count: S.count,
+		where: k,
+		fetchKey: E,
+		fallback: q,
+		children: (e) => /* @__PURE__ */ p("span", { children: y("list.showing", {
+			shown: B.length,
+			total: e
+		}) })
 	});
-	return /* @__PURE__ */ f(o, {
+	return /* @__PURE__ */ p(o, {
 		config: n,
-		state: C,
+		state: w,
 		pushState: (e) => {
-			w(e);
+			T(e);
 		},
 		header: { title: t },
-		rows: L,
-		columns: R,
-		getRowId: z,
-		hasNextPage: N,
-		isLoadingMore: P,
-		onLoadMore: V,
-		onRefresh: B,
-		totalCount: I.totalCount ?? null,
+		rows: B,
+		columns: V,
+		getRowId: H,
+		hasNextPage: I,
+		isLoadingMore: L,
+		isRefreshing: U,
+		onLoadMore: K,
+		onRefresh: G,
+		totalCount: null,
+		loadedCountLabel: J,
 		variant: "embedded"
 	});
-}, C = ({ title: t, relation: r, value: i }) => {
-	let { t: a } = e(), o = n(l(() => [r.target], [r.target]));
-	if (o.status === "loading") return /* @__PURE__ */ f(v, {
+}, w = ({ title: t, relation: r, value: i }) => {
+	let { t: a } = e(), o = n(u(() => [r.target], [r.target]));
+	if (o.status === "loading") return /* @__PURE__ */ p(y, {
 		rows: 6,
 		ariaLabel: a("common.loading")
 	});
-	if (o.status === "error") return /* @__PURE__ */ f(d, {
+	if (o.status === "error") return /* @__PURE__ */ p(f, {
 		tone: "warning",
 		title: a("relations.unavailable.title"),
 		children: a("relations.unavailable.description")
 	});
 	let s = o.modules[r.target]?.config;
-	return s == null ? null : /* @__PURE__ */ f(S, {
+	return s == null ? null : /* @__PURE__ */ p(C, {
 		title: t,
 		config: s,
 		relation: r,
 		value: i
 	});
-}, w = ({ title: e, relation: n, value: r }) => /* @__PURE__ */ f(t, {
-	fallback: () => /* @__PURE__ */ f(x, {}),
-	children: /* @__PURE__ */ f(s, {
-		fallback: /* @__PURE__ */ f(x, {}),
-		children: /* @__PURE__ */ f(C, {
+}, T = ({ title: e, relation: n, value: r }) => /* @__PURE__ */ p(t, {
+	fallback: () => /* @__PURE__ */ p(S, {}),
+	children: /* @__PURE__ */ p(c, {
+		fallback: /* @__PURE__ */ p(S, {}),
+		children: /* @__PURE__ */ p(w, {
 			title: e,
 			relation: n,
 			value: r
@@ -112,6 +128,6 @@ var { useLazyLoadQuery: y, usePaginationFragment: b } = m, x = () => {
 	})
 });
 //#endregion
-export { w as BackofficeDetailRelationListBlock, w as default };
+export { T as BackofficeDetailRelationListBlock, T as default };
 
 //# sourceMappingURL=BackofficeDetailRelationListBlock.js.map

package/lib/esm/components/backoffice/detail/BackofficeDetailRelationListBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDetailRelationListBlock.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx"],"sourcesContent":["import { Suspense, useCallback, useMemo, useState, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport {\n  BACKOFFICE_LIST_REFETCH_POLICY,\n  BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n} from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeListState,\n  BackofficeRuntimeRelationFilterSpec,\n  BackofficeRuntimeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeTableSkeleton } from '@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\n\nimport { buildDataTableColumns } from '../columns/buildDataTableColumns.js';\nimport { useBackofficeLoadMore } from '../../../hooks/useBackofficeLoadMore.js';\nimport { useBackofficeListRefetch } from '../../../hooks/useBackofficeListRefetch.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeListEntitiesLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeEntityListScaffold } from '../scaffolds/BackofficeEntityListScaffold.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst { useLazyLoadQuery, usePaginationFragment } = ReactRelay;\n\nexport type BackofficeDetailRelationListBlockProps = {\n  title: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\ntype RelationListContentProps = {\n  title: string;\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\ntype RelationListBlockBodyProps = {\n  title: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\nconst RelationListSkeleton = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeTableSkeleton rows={6} ariaLabel={t('common.loading')} />;\n};\n\nconst RelationListContent = ({\n  title,\n  config,\n  relation,\n  value,\n}: RelationListContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const listConfig = config.list;\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const [state, setState] = useState<BackofficeListState<unknown, string>>({\n    where: listDefaults.where as never,\n    sort: listDefaults.sort ?? null,\n  });\n\n  const relationWhere = useMemo(() => {\n    if (value == null || value.trim() === '') {\n      return null;\n    }\n    return setWhereValue(\n      state.where as Record<string, unknown> | null,\n      relation.whereKey as never,\n      value,\n      relation.path,\n    );\n  }, [relation.path, relation.whereKey, state.where, value]);\n\n  const effectiveWhere = relationWhere ?? (state.where as never);\n  const resolvedSort = state.sort ?? listDefaults.sort;\n  const variablesBase = useMemo(() => {\n    return {\n      where: effectiveWhere as never,\n      sort: resolvedSort as never,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [effectiveWhere, resolvedSort]);\n\n  const variables = useMemo(() => {\n    return listConfig.buildQueryVariables(variablesBase);\n  }, [listConfig, variablesBase]);\n\n  const queryData = useLazyLoadQuery<OperationType>(\n    listConfig.query,\n    variables,\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n    refetch,\n  } = usePaginationFragment(listConfig.fragment, queryData as never);\n\n  const connection = listConfig.getConnection(fragmentData);\n  const rows = useMemo(() => {\n    return connection.edges.map((edge) => {\n      return listConfig.toRow(edge.node);\n    });\n  }, [connection.edges, listConfig]);\n\n  const columns = useMemo(() => {\n    return buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n    });\n  }, [listConfig.columns, t, tApp]);\n\n  const getRowId = useCallback(\n    (row: unknown) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const defaults = useMemo(() => {\n    const baseWhere = relationWhere ?? listDefaults.where;\n    return {\n      where: baseWhere,\n      sort: listDefaults.sort,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [listDefaults.sort, listDefaults.where, relationWhere]);\n\n  const { onRefresh } = useBackofficeListRefetch({\n    refetch,\n    variables: variablesBase,\n    defaults,\n    fetchPolicy: BACKOFFICE_LIST_REFETCH_POLICY,\n    buildQueryVariables: listConfig.buildQueryVariables,\n  });\n\n  const handleLoadMore = useBackofficeLoadMore({\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n  });\n\n  return (\n    <BackofficeEntityListScaffold\n      config={config as never}\n      state={state as never}\n      pushState={(next) => {\n        setState(next);\n      }}\n      header={{ title }}\n      rows={rows}\n      columns={columns as never}\n      getRowId={getRowId}\n      hasNextPage={hasNext}\n      isLoadingMore={isLoadingNext}\n      onLoadMore={handleLoadMore}\n      onRefresh={onRefresh}\n      totalCount={connection.totalCount ?? null}\n      variant=\"embedded\"\n    />\n  );\n};\n\nconst RelationListBlockBody = ({\n  title,\n  relation,\n  value,\n}: RelationListBlockBodyProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n  const relatedEntityIds = useMemo(() => {\n    return [relation.target];\n  }, [relation.target]);\n  const relatedEntitiesState =\n    useBackofficeListEntitiesLoader(relatedEntityIds);\n\n  if (relatedEntitiesState.status === 'loading') {\n    return <BackofficeTableSkeleton rows={6} ariaLabel={t('common.loading')} />;\n  }\n\n  if (relatedEntitiesState.status === 'error') {\n    return (\n      <InlineBanner tone=\"warning\" title={t('relations.unavailable.title')}>\n        {t('relations.unavailable.description')}\n      </InlineBanner>\n    );\n  }\n\n  const config = relatedEntitiesState.modules[relation.target]?.config;\n  if (config == null) {\n    return null;\n  }\n\n  return (\n    <RelationListContent\n      title={title}\n      config={config}\n      relation={relation}\n      value={value}\n    />\n  );\n};\n\nexport const BackofficeDetailRelationListBlock = ({\n  title,\n  relation,\n  value,\n}: BackofficeDetailRelationListBlockProps): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return <RelationListSkeleton />;\n      }}\n    >\n      <Suspense fallback={<RelationListSkeleton />}>\n        <RelationListBlockBody\n          title={title}\n          relation={relation}\n          value={value}\n        />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeDetailRelationListBlock;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeDetailRelationListBlock.js","names":[],"sources":["../../../../../src/components/backoffice/detail/BackofficeDetailRelationListBlock.tsx"],"sourcesContent":["import { Suspense, useCallback, useMemo, useState, type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport {\n  BACKOFFICE_LIST_REFETCH_POLICY,\n  BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n} from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeListState,\n  BackofficeRuntimeRelationFilterSpec,\n  BackofficeRuntimeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeTableSkeleton } from '@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js';\nimport { InlineBanner } from '@plumile/ui/components/feedback/InlineBanner.js';\n\nimport { buildDataTableColumns } from '../columns/buildDataTableColumns.js';\nimport { useBackofficeLoadMore } from '../../../hooks/useBackofficeLoadMore.js';\nimport { useBackofficeListRefetch } from '../../../hooks/useBackofficeListRefetch.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeListEntitiesLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeEntityListScaffold } from '../scaffolds/BackofficeEntityListScaffold.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport { BackofficeLazyEntityCountLabel } from '../refs/BackofficeLazyEntityCount.js';\n\nconst { useLazyLoadQuery, usePaginationFragment } = ReactRelay;\n\nexport type BackofficeDetailRelationListBlockProps = {\n  title: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\ntype RelationListContentProps = {\n  title: string;\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\ntype RelationListBlockBodyProps = {\n  title: string;\n  relation: BackofficeRuntimeRelationFilterSpec;\n  value: string | null;\n};\n\nconst RelationListSkeleton = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeTableSkeleton rows={6} ariaLabel={t('common.loading')} />;\n};\n\nconst RelationListContent = ({\n  title,\n  config,\n  relation,\n  value,\n}: RelationListContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const listConfig = config.list;\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const [state, setState] = useState<BackofficeListState<unknown, string>>({\n    where: listDefaults.where as never,\n    sort: listDefaults.sort ?? null,\n  });\n  const [countFetchKey, setCountFetchKey] = useState(0);\n\n  const relationWhere = useMemo(() => {\n    if (value == null || value.trim() === '') {\n      return null;\n    }\n    return setWhereValue(\n      state.where as Record<string, unknown> | null,\n      relation.whereKey as never,\n      value,\n      relation.path,\n    );\n  }, [relation.path, relation.whereKey, state.where, value]);\n\n  const effectiveWhere = relationWhere ?? (state.where as never);\n  const resolvedSort = state.sort ?? listDefaults.sort;\n  const variablesBase = useMemo(() => {\n    return {\n      where: effectiveWhere as never,\n      sort: resolvedSort as never,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [effectiveWhere, resolvedSort]);\n\n  const variables = useMemo(() => {\n    return listConfig.buildQueryVariables(variablesBase);\n  }, [listConfig, variablesBase]);\n\n  const queryData = useLazyLoadQuery<OperationType>(\n    listConfig.query,\n    variables,\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  const {\n    data: fragmentData,\n    loadNext,\n    hasNext,\n    isLoadingNext,\n    refetch,\n  } = usePaginationFragment(listConfig.fragment, queryData as never);\n\n  const connection = listConfig.getConnection(fragmentData);\n  const rows = useMemo(() => {\n    return connection.edges.map((edge) => {\n      return listConfig.toRow(edge.node);\n    });\n  }, [connection.edges, listConfig]);\n\n  const columns = useMemo(() => {\n    return buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n    });\n  }, [listConfig.columns, t, tApp]);\n\n  const getRowId = useCallback(\n    (row: unknown) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const defaults = useMemo(() => {\n    const baseWhere = relationWhere ?? listDefaults.where;\n    return {\n      where: baseWhere,\n      sort: listDefaults.sort,\n      count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n      cursor: null,\n    };\n  }, [listDefaults.sort, listDefaults.where, relationWhere]);\n\n  const { isRefreshing, onRefresh } = useBackofficeListRefetch({\n    refetch,\n    variables: variablesBase,\n    defaults,\n    fetchPolicy: BACKOFFICE_LIST_REFETCH_POLICY,\n    buildQueryVariables: listConfig.buildQueryVariables,\n  });\n\n  const handleRefresh = useCallback(() => {\n    setCountFetchKey((current) => {\n      return current + 1;\n    });\n    onRefresh();\n  }, [onRefresh]);\n\n  const handleLoadMore = useBackofficeLoadMore({\n    hasNext,\n    isLoadingNext,\n    loadNext,\n    count: BACKOFFICE_RELATED_TAB_PAGE_SIZE,\n  });\n\n  let loadedCountFallback: JSX.Element | null = null;\n  if (rows.length > 0) {\n    loadedCountFallback = (\n      <span>\n        {t('list.loaded', {\n          count: rows.length,\n        })}\n      </span>\n    );\n  }\n  const loadedCountLabel = (\n    <BackofficeLazyEntityCountLabel\n      count={listConfig.count}\n      where={effectiveWhere}\n      fetchKey={countFetchKey}\n      fallback={loadedCountFallback}\n    >\n      {(totalCount) => {\n        return (\n          <span>\n            {t('list.showing', {\n              shown: rows.length,\n              total: totalCount,\n            })}\n          </span>\n        );\n      }}\n    </BackofficeLazyEntityCountLabel>\n  );\n\n  return (\n    <BackofficeEntityListScaffold\n      config={config as never}\n      state={state as never}\n      pushState={(next) => {\n        setState(next);\n      }}\n      header={{ title }}\n      rows={rows}\n      columns={columns as never}\n      getRowId={getRowId}\n      hasNextPage={hasNext}\n      isLoadingMore={isLoadingNext}\n      isRefreshing={isRefreshing}\n      onLoadMore={handleLoadMore}\n      onRefresh={handleRefresh}\n      totalCount={null}\n      loadedCountLabel={loadedCountLabel}\n      variant=\"embedded\"\n    />\n  );\n};\n\nconst RelationListBlockBody = ({\n  title,\n  relation,\n  value,\n}: RelationListBlockBodyProps): JSX.Element | null => {\n  const { t } = useBackofficeReactTranslation();\n  const relatedEntityIds = useMemo(() => {\n    return [relation.target];\n  }, [relation.target]);\n  const relatedEntitiesState =\n    useBackofficeListEntitiesLoader(relatedEntityIds);\n\n  if (relatedEntitiesState.status === 'loading') {\n    return <BackofficeTableSkeleton rows={6} ariaLabel={t('common.loading')} />;\n  }\n\n  if (relatedEntitiesState.status === 'error') {\n    return (\n      <InlineBanner tone=\"warning\" title={t('relations.unavailable.title')}>\n        {t('relations.unavailable.description')}\n      </InlineBanner>\n    );\n  }\n\n  const config = relatedEntitiesState.modules[relation.target]?.config;\n  if (config == null) {\n    return null;\n  }\n\n  return (\n    <RelationListContent\n      title={title}\n      config={config}\n      relation={relation}\n      value={value}\n    />\n  );\n};\n\nexport const BackofficeDetailRelationListBlock = ({\n  title,\n  relation,\n  value,\n}: BackofficeDetailRelationListBlockProps): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return <RelationListSkeleton />;\n      }}\n    >\n      <Suspense fallback={<RelationListSkeleton />}>\n        <RelationListBlockBody\n          title={title}\n          relation={relation}\n          value={value}\n        />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeDetailRelationListBlock;\n"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+/* empty css                                                              */
 /* empty css                                         */
 //#region src/components/backoffice/filters/deferredFilterSearchInput.css.ts
 var e = "txvbqb19uf", t = "ds2thc0 txvbqbfqq txvbqbey txvbqbi8a", n = "ds2thc1 txvbqb6 txvbqbfqq txvbqbey txvbqbls4 txvbqb19gp txvbqbjm4 txvbqbwvi txvbqb2tz txvbqb1tv txvbqb1b4r txvbqb1bg5 txvbqbv txvbqb7h txvbqb75 txvbqb7t", r = "txvbqbfqq txvbqb19gp txvbqbjm4 txvbqbh6d";

package/lib/esm/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.js

@@ -1,4 +1,3 @@
-/* empty css                                                                */
 /* empty css                                                                 */
 /* empty css                                          */
 //#region src/components/backoffice/layout/breadcrumb/backofficeTopbarBreadcrumb.css.ts

package/lib/esm/components/backoffice/refs/BackofficeLazyEntityCount.js

@@ -4,28 +4,37 @@ import { Suspense as n } from "react";
 import { Fragment as r, jsx as i } from "react/jsx-runtime";
 import { useLazyLoadQuery as a } from "react-relay";
 //#region src/components/backoffice/refs/BackofficeLazyEntityCount.tsx
-var o = "store-or-network", s = ({ config: e, where: t }) => {
-	let { count: n } = e.list, s = n.buildVariables({ where: t }), c = a(n.query, s, { fetchPolicy: o }), l = n.getCount(c);
-	return l == null ? null : /* @__PURE__ */ i(r, { children: l });
-}, c = ({ entity: e, where: n }) => {
+var o = "store-or-network", s = ({ count: e, where: t, fetchKey: n, children: s }) => {
+	let c = e.buildVariables({ where: t }), l = a(e.query, c, {
+		fetchPolicy: o,
+		fetchKey: n
+	}), u = e.getCount(l);
+	return u == null ? null : s == null ? /* @__PURE__ */ i(r, { children: u }) : /* @__PURE__ */ i(r, { children: s(u) });
+}, c = ({ fallback: t, ...a }) => /* @__PURE__ */ i(e, {
+	fallback: () => /* @__PURE__ */ i(r, { children: t }),
+	children: /* @__PURE__ */ i(n, {
+		fallback: t,
+		children: /* @__PURE__ */ i(s, { ...a })
+	})
+}), l = ({ entity: e, where: n }) => {
 	let r = t([e]);
 	if (r.status !== "loaded") return null;
 	let a = r.modules[e]?.config;
 	return a == null ? null : /* @__PURE__ */ i(s, {
-		config: a,
+		count: a.list.count,
 		where: n
 	});
-}, l = ({ entity: t, where: r }) => /* @__PURE__ */ i(e, {
+}, u = ({ entity: t, where: r }) => /* @__PURE__ */ i(e, {
 	fallback: () => null,
 	children: /* @__PURE__ */ i(n, {
 		fallback: null,
-		children: /* @__PURE__ */ i(c, {
+		children: /* @__PURE__ */ i(l, {
 			entity: t,
 			where: r
 		})
 	})
 });
 //#endregion
-export { l as BackofficeLazyEntityCount, l as default };
+export { s as BackofficeEntityCountValue, u as BackofficeLazyEntityCount, u as default, c as BackofficeLazyEntityCountLabel };
 
 //# sourceMappingURL=BackofficeLazyEntityCount.js.map

package/lib/esm/components/backoffice/refs/BackofficeLazyEntityCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeLazyEntityCount.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeLazyEntityCount.tsx"],"sourcesContent":["import { Suspense, type JSX } from 'react';\nimport { useLazyLoadQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport type { BackofficeRuntimeResolvedListFacetConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeListEntitiesLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst COUNT_FETCH_POLICY = 'store-or-network' as const;\n\nexport type BackofficeLazyEntityCountProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  entity: string;\n  where: Where | null;\n};\n\nconst BackofficeEntityCountValue = ({\n  config,\n  where,\n}: {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  where: Record<string, unknown> | null;\n}): JSX.Element | null => {\n  const { count } = config.list;\n  const variables = count.buildVariables({ where });\n  const data = useLazyLoadQuery<OperationType>(count.query, variables, {\n    fetchPolicy: COUNT_FETCH_POLICY,\n  });\n  const value = count.getCount(data);\n  if (value == null) {\n    return null;\n  }\n  return <>{value}</>;\n};\n\nconst BackofficeLazyEntityCountBody = ({\n  entity,\n  where,\n}: BackofficeLazyEntityCountProps): JSX.Element | null => {\n  const relatedEntitiesState = useBackofficeListEntitiesLoader([entity]);\n  if (relatedEntitiesState.status !== 'loaded') {\n    return null;\n  }\n\n  const config = relatedEntitiesState.modules[entity]?.config;\n  if (config == null) {\n    return null;\n  }\n\n  return <BackofficeEntityCountValue config={config} where={where} />;\n};\n\nexport const BackofficeLazyEntityCount = ({\n  entity,\n  where,\n}: BackofficeLazyEntityCountProps): JSX.Element | null => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return null;\n      }}\n    >\n      <Suspense fallback={null}>\n        <BackofficeLazyEntityCountBody entity={entity} where={where} />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeLazyEntityCount;\n"],"mappings":";;;;;;AASA,IAAM,IAAqB,oBASrB,KAA8B,EAClC,WACA,eAIwB;CACxB,IAAM,EAAE,aAAU,EAAO,MACnB,IAAY,EAAM,eAAe,EAAE,SAAM,CAAC,GAC1C,IAAO,EAAgC,EAAM,OAAO,GAAW,EACnE,aAAa,EACf,CAAC,GACK,IAAQ,EAAM,SAAS,CAAI;CAIjC,OAHI,KAAS,OACJ,OAEF,kBAAA,GAAA,EAAA,UAAG,EAAQ,CAAA;AACpB,GAEM,KAAiC,EACrC,WACA,eACwD;CACxD,IAAM,IAAuB,EAAgC,CAAC,CAAM,CAAC;CACrE,IAAI,EAAqB,WAAW,UAClC,OAAO;CAGT,IAAM,IAAS,EAAqB,QAAQ,IAAS;CAKrD,OAJI,KAAU,OACL,OAGF,kBAAC,GAAD;EAAoC;EAAe;CAAQ,CAAA;AACpE,GAEa,KAA6B,EACxC,WACA,eAGE,kBAAC,GAAD;CACE,gBACS;WAGT,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD;GAAuC;GAAe;EAAQ,CAAA;CACtD,CAAA;AACa,CAAA"}
+{"version":3,"file":"BackofficeLazyEntityCount.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeLazyEntityCount.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useLazyLoadQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport type { BackofficeRuntimeEntityCountConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeListEntitiesLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst COUNT_FETCH_POLICY = 'store-or-network' as const;\n\nexport type BackofficeLazyEntityCountProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  entity: string;\n  where: Where | null;\n};\n\nexport type BackofficeEntityCountValueProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count: BackofficeRuntimeEntityCountConfig<Where>;\n  where: Where | null;\n  fetchKey?: string | number;\n  children?: (value: number) => ReactNode;\n};\n\nexport type BackofficeLazyEntityCountLabelProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = BackofficeEntityCountValueProps<Where> & {\n  fallback: ReactNode;\n};\n\nexport const BackofficeEntityCountValue = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  where,\n  fetchKey,\n  children,\n}: BackofficeEntityCountValueProps<Where>): JSX.Element | null => {\n  const variables = count.buildVariables({ where });\n  const data = useLazyLoadQuery<OperationType>(count.query, variables, {\n    fetchPolicy: COUNT_FETCH_POLICY,\n    fetchKey,\n  });\n  const value = count.getCount(data);\n  if (value == null) {\n    return null;\n  }\n  if (children == null) {\n    return <>{value}</>;\n  }\n  return <>{children(value)}</>;\n};\n\nexport const BackofficeLazyEntityCountLabel = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  fallback,\n  ...props\n}: BackofficeLazyEntityCountLabelProps<Where>): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return <>{fallback}</>;\n      }}\n    >\n      <Suspense fallback={fallback}>\n        <BackofficeEntityCountValue {...props} />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nconst BackofficeLazyEntityCountBody = ({\n  entity,\n  where,\n}: BackofficeLazyEntityCountProps): JSX.Element | null => {\n  const relatedEntitiesState = useBackofficeListEntitiesLoader([entity]);\n  if (relatedEntitiesState.status !== 'loaded') {\n    return null;\n  }\n\n  const config = relatedEntitiesState.modules[entity]?.config;\n  if (config == null) {\n    return null;\n  }\n\n  return <BackofficeEntityCountValue count={config.list.count} where={where} />;\n};\n\nexport const BackofficeLazyEntityCount = ({\n  entity,\n  where,\n}: BackofficeLazyEntityCountProps): JSX.Element | null => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return null;\n      }}\n    >\n      <Suspense fallback={null}>\n        <BackofficeLazyEntityCountBody entity={entity} where={where} />\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeLazyEntityCount;\n"],"mappings":";;;;;;AASA,IAAM,IAAqB,oBAwBd,KAEX,EACA,UACA,UACA,aACA,kBACgE;CAChE,IAAM,IAAY,EAAM,eAAe,EAAE,SAAM,CAAC,GAC1C,IAAO,EAAgC,EAAM,OAAO,GAAW;EACnE,aAAa;EACb;CACF,CAAC,GACK,IAAQ,EAAM,SAAS,CAAI;CAOjC,OANI,KAAS,OACJ,OAEL,KAAY,OACP,kBAAA,GAAA,EAAA,UAAG,EAAQ,CAAA,IAEb,kBAAA,GAAA,EAAA,UAAG,EAAS,CAAK,EAAI,CAAA;AAC9B,GAEa,KAEX,EACA,aACA,GAAG,QAGD,kBAAC,GAAD;CACE,gBACS,kBAAA,GAAA,EAAA,UAAG,EAAW,CAAA;WAGvB,kBAAC,GAAD;EAAoB;YAClB,kBAAC,GAAD,EAA4B,GAAI,EAAQ,CAAA;CAChC,CAAA;AACa,CAAA,GAIvB,KAAiC,EACrC,WACA,eACwD;CACxD,IAAM,IAAuB,EAAgC,CAAC,CAAM,CAAC;CACrE,IAAI,EAAqB,WAAW,UAClC,OAAO;CAGT,IAAM,IAAS,EAAqB,QAAQ,IAAS;CAKrD,OAJI,KAAU,OACL,OAGF,kBAAC,GAAD;EAA4B,OAAO,EAAO,KAAK;EAAc;CAAQ,CAAA;AAC9E,GAEa,KAA6B,EACxC,WACA,eAGE,kBAAC,GAAD;CACE,gBACS;WAGT,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD;GAAuC;GAAe;EAAQ,CAAA;CACtD,CAAA;AACa,CAAA"}

package/lib/esm/components/backoffice/refs/backofficeRelatedCountLink.css.js

@@ -1,3 +1,4 @@
+/* empty css                                                             */
 /* empty css                                          */
 //#region src/components/backoffice/refs/backofficeRelatedCountLink.css.ts
 var e = "qbwcuem qbwcuek txvbqb10mk txvbqb11k5 txvbqb12hd txvbqbxtg txvbqbfqq txvbqbey txvbqbls4 txvbqbhd8 txvbqbvb6 txvbqb1bg1 txvbqb1b81 txvbqb1d9 txvbqb2sj txvbqb29r txvbqb2wi txvbqbhbf txvbqbo4m txvbqb3f txvbqb7g txvbqb75 txvbqb7t qbwcuel txvbqb1etp txvbqb1cst txvbqb1dth txvbqb1e2l qbwcue0 txvbqb1ffs txvbqb1ga0", t = "txvbqbv8n txvbqb18dp txvbqbh86", n = "kk18lv0 txvbqbh6d txvbqb1bg3 txvbqb9j txvbqbo4m txvbqb7h txvbqb75 txvbqb7t";

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

@@ -58,7 +58,7 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 	let n = new Date(t);
 	return Number.isNaN(n.getTime()) ? t : n.toISOString();
 }, T = (i) => {
-	let { t: b } = oe(), { t: T } = e(), { config: E, state: D, pushState: O, rows: k, getRowId: A, columns: j, gridTemplateColumns: M, hasNextPage: N, isLoadingMore: P, isRefreshing: Se = !1, onLoadMore: F, onRefresh: I, totalCount: L, emptyState: R, statusBanner: z, header: B, headerActions: Ce, isLoadingInitial: we = !1, variant: Te = "page", showFilters: Ee = !0 } = i, V = E.list, De = E.listDefaults ?? V.defaultState ?? {
+	let { t: b } = oe(), { t: T } = e(), { config: E, state: D, pushState: O, rows: k, getRowId: A, columns: j, gridTemplateColumns: M, hasNextPage: N, isLoadingMore: P, isRefreshing: Se = !1, onLoadMore: F, onRefresh: I, totalCount: L, loadedCountLabel: R, emptyState: z, statusBanner: B, header: Ce, headerActions: we, isLoadingInitial: Te = !1, variant: Ee = "page", showFilters: De = !0 } = i, V = E.list, Oe = E.listDefaults ?? V.defaultState ?? {
 		where: null,
 		sort: null
 	}, H = p(() => j.some((e) => e.isPrimary === !0) || j.length === 0 ? j : j.map((e, t) => {
@@ -121,8 +121,8 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		T,
 		b
 	]), W = f(() => {
-		O({ ...De });
-	}, [De, O]), [Oe, ke] = m(!1), [G, Ae] = m(""), [K, je] = m(null), q = f((e) => {
+		O({ ...Oe });
+	}, [Oe, O]), [ke, Ae] = m(!1), [G, je] = m(""), [K, Me] = m(null), q = 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, b);
@@ -249,7 +249,7 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 				isResolving: i,
 				placeholder: T("filters.placeholders.anyEntity", { label: s }),
 				onPick: () => {
-					je({
+					Me({
 						entity: e.entity,
 						whereKey: n,
 						label: s,
@@ -279,15 +279,15 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		D,
 		T,
 		b
-	]), Me = p(() => V.filters.some((e) => e.placement != null), [V.filters]), J = p(() => {
+	]), Ne = p(() => V.filters.some((e) => e.placement != null), [V.filters]), J = p(() => {
 		if (V.filters.length === 0) return [];
 		let e = V.ui?.toolbar?.maxPromotedFilters ?? 3;
-		return Me ? V.filters.filter((e) => e.placement === "quick" || e.placement === "both") : V.filters.slice(0, e);
+		return Ne ? V.filters.filter((e) => e.placement === "quick" || e.placement === "both") : V.filters.slice(0, e);
 	}, [
 		V.filters,
 		V.ui?.toolbar,
-		Me
-	]), Y = p(() => V.filters.filter((e) => e.placement == null ? !0 : e.placement === "drawer" || e.placement === "both"), [V.filters]), X = p(() => J.find((e) => e.kind === "text"), [J]), Ne = p(() => {
+		Ne
+	]), Y = p(() => V.filters.filter((e) => e.placement == null ? !0 : e.placement === "drawer" || e.placement === "both"), [V.filters]), X = p(() => J.find((e) => e.kind === "text"), [J]), Pe = p(() => {
 		let e = J.filter((e) => e !== X);
 		return e.length === 0 ? null : /* @__PURE__ */ g("div", {
 			className: ee,
@@ -297,7 +297,7 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		J,
 		q,
 		X
-	]), Pe = p(() => X == null ? null : q(X), [q, X]), Fe = p(() => {
+	]), Fe = p(() => X == null ? null : q(X), [q, X]), Ie = p(() => {
 		if (V.sorts.length === 0) return null;
 		let e = V.sorts[0];
 		return e == null ? null : /* @__PURE__ */ g(y, {
@@ -322,10 +322,10 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		D,
 		T,
 		b
-	]), Ie = p(() => U.length === 0 ? null : /* @__PURE__ */ g(me, {
+	]), Le = p(() => U.length === 0 ? null : /* @__PURE__ */ g(me, {
 		chips: U,
 		onClearAll: W
-	}), [U, W]), Le = p(() => {
+	}), [U, W]), Re = p(() => {
 		if (Y.length === 0) return [];
 		let e = G.trim().toLowerCase(), t = [];
 		for (let n of Y) {
@@ -349,7 +349,7 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		q,
 		T,
 		b
-	]), Re = p(() => {
+	]), ze = p(() => {
 		if (Y.length === 0) return null;
 		let e = U.length, t = T("filters.trigger");
 		return e > 0 && (t = T("filters.triggerWithCount", { count: e })), /* @__PURE__ */ g(v, {
@@ -357,7 +357,7 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 			variant: "secondary",
 			size: "small",
 			onClick: () => {
-				ke(!0);
+				Ae(!0);
 			},
 			children: t
 		});
@@ -365,19 +365,19 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		U.length,
 		Y.length,
 		T
-	]), ze = /* @__PURE__ */ g(le, {
-		isOpen: Oe,
+	]), Be = /* @__PURE__ */ g(le, {
+		isOpen: ke,
 		onClose: () => {
-			ke(!1), Ae("");
+			Ae(!1), je("");
 		},
-		sections: Le,
+		sections: Re,
 		searchValue: G,
 		onSearchChange: (e) => {
-			Ae(e);
+			je(e);
 		},
 		onReset: W,
 		emptyLabel: G.trim() === "" ? void 0 : T("filters.drawer.emptySearchResults")
-	}), Be = p(() => R ?? (we ? /* @__PURE__ */ g(ce, {
+	}), Ve = p(() => z ?? (Te ? /* @__PURE__ */ g(ce, {
 		variant: "embedded",
 		ariaLabel: T("common.loading")
 	}) : U.length > 0 ? /* @__PURE__ */ g(se, {
@@ -395,14 +395,15 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		description: T("emptyState.listEmpty.description")
 	})), [
 		U.length,
-		R,
+		z,
 		W,
-		we,
+		Te,
 		T
-	]), Ve = p(() => typeof L == "number" ? /* @__PURE__ */ g("span", { children: T("list.showing", {
+	]), He = p(() => R ?? (typeof L == "number" ? /* @__PURE__ */ g("span", { children: T("list.showing", {
 		shown: k.length,
 		total: L
-	}) }) : k.length === 0 ? null : /* @__PURE__ */ g("span", { children: T("list.loaded", { count: k.length }) }), [
+	}) }) : k.length === 0 ? null : /* @__PURE__ */ g("span", { children: T("list.loaded", { count: k.length }) })), [
+		R,
 		k.length,
 		T,
 		L
@@ -431,14 +432,14 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		Z.infiniteScroll.showInconsistentPageInfo,
 		L
 	]);
-	let He = i.virtualize === !0 || Z.virtualization.enabled, { sentinelRef: Ue } = l({
-		enabled: !He && Z.infiniteScroll.enabled,
+	let Ue = i.virtualize === !0 || Z.virtualization.enabled, { sentinelRef: We } = l({
+		enabled: !Ue && Z.infiniteScroll.enabled,
 		hasNextPage: N,
 		isLoading: P,
 		onIntersect: F,
 		rootMargin: Z.infiniteScroll.rootMargin,
 		threshold: Z.infiniteScroll.threshold
-	}), We = B?.title ?? C(V.title, b), Ge = B?.subtitle, Ke = H.find((e) => e.mobileRole === "action" || e.id === "actions"), qe = V.ui?.displayMode ?? V.responsive?.mode ?? "auto", Je = V.ui?.density ?? V.responsive?.density ?? "compact", Ye = /* @__PURE__ */ g(n, {
+	}), Ge = Ce?.title ?? C(V.title, b), Ke = Ce?.subtitle, qe = H.find((e) => e.mobileRole === "action" || e.id === "actions"), Je = V.ui?.displayMode ?? V.responsive?.mode ?? "auto", Ye = V.ui?.density ?? V.responsive?.density ?? "compact", Xe = /* @__PURE__ */ g(n, {
 		fallback: (e) => {
 			let { reset: t } = e;
 			return /* @__PURE__ */ g(ae, {
@@ -456,11 +457,11 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 				children: T("list.errors.tableFailed")
 			});
 		},
-		children: He ? /* @__PURE__ */ g(_e, {
+		children: Ue ? /* @__PURE__ */ g(_e, {
 			columns: H,
 			rows: k,
 			getRowId: A,
-			emptyState: Be,
+			emptyState: Ve,
 			className: S,
 			gridTemplateColumns: M,
 			virtualization: Z.virtualization,
@@ -477,23 +478,23 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 			columns: H,
 			rows: k,
 			getRowId: A,
-			emptyState: Be,
+			emptyState: Ve,
 			className: S,
 			gridTemplateColumns: M,
-			mode: qe,
-			density: Je,
+			mode: Je,
+			density: Ye,
 			bodyScrollMode: c,
 			bodyFooterNode: Z.infiniteScroll.enabled ? /* @__PURE__ */ g("div", {
-				ref: Ue,
+				ref: We,
 				"aria-hidden": "true"
 			}) : null,
-			renderAction: (e) => Ke?.cell(e) ?? null
+			renderAction: (e) => qe?.cell(e) ?? null
 		})
-	}), Xe = Ee ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(pe, {
-		search: Pe,
-		primaryFilters: Ne,
-		filterDrawerTrigger: Re,
-		sort: Fe,
+	}), Ze = De ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(pe, {
+		search: Fe,
+		primaryFilters: Pe,
+		filterDrawerTrigger: ze,
+		sort: Ie,
 		utilityActions: I == null ? null : /* @__PURE__ */ g(v, {
 			type: "button",
 			variant: "secondary",
@@ -505,17 +506,17 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 			},
 			children: T("list.actions.refresh")
 		}),
-		chips: Ie,
+		chips: Le,
 		density: "compact"
-	}), ze] }) : null, Ze = /* @__PURE__ */ _("div", {
+	}), Be] }) : null, Qe = /* @__PURE__ */ _("div", {
 		className: re,
-		children: [Ye, /* @__PURE__ */ g(r, {
+		children: [Xe, /* @__PURE__ */ g(r, {
 			isOpen: K != null,
 			entity: K?.entity ?? E.id,
 			title: K?.label ?? T("picker.title"),
 			scope: K?.scope,
 			onClose: () => {
-				je(null);
+				Me(null);
 			},
 			onSelectId: (e) => {
 				if (K == null) return;
@@ -534,12 +535,12 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		isLoading: P,
 		pageInfoState: Q ? "inconsistent" : P ? "loading" : N ? "ready" : "complete",
 		labels: {
-			loaded: Ve,
+			loaded: He,
 			loading: T("list.loadMore.loading"),
 			end: T("list.loadMore.end")
 		}
 	}) }) : null;
-	return Te === "embedded" ? /* @__PURE__ */ g(s, {
+	return Ee === "embedded" ? /* @__PURE__ */ g(s, {
 		config: E,
 		state: D,
 		pushState: O,
@@ -548,11 +549,11 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 			children: [
 				/* @__PURE__ */ g("div", {
 					className: ne,
-					children: We
+					children: Ge
 				}),
-				Xe,
-				z,
 				Ze,
+				B,
+				Qe,
 				$
 			]
 		})
@@ -562,13 +563,13 @@ var C = (e, t) => e(t), w = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		pushState: O,
 		children: /* @__PURE__ */ g(he, {
 			headerNode: /* @__PURE__ */ g(fe, {
-				title: We,
-				subtitle: Ge,
-				actions: Ce
+				title: Ge,
+				subtitle: Ke,
+				actions: we
 			}),
-			toolbarNode: Xe,
-			statusNode: z,
-			tableNode: Ze,
+			toolbarNode: Ze,
+			statusNode: B,
+			tableNode: Qe,
 			tableFooterNode: $,
 			presentation: "flat",
 			bodyScrollMode: c