@plumile/backoffice-react 0.1.165 → 0.1.166

package/lib/esm/auth/authRefreshNotice.css.js

@@ -1,4 +1,3 @@
-/* empty css                                                    */
 /* empty css                                 */
 //#region src/auth/authRefreshNotice.css.ts
 var e = "txvbqbqhu txvbqbrff txvbqbry7 txvbqbp5g txvbqb13ik txvbqb1auw txvbqblx6 txvbqb13l3 txvbqbdjn txvbqbtxc txvbqbegv";

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

@@ -1,3 +1,4 @@
+/* empty css                                                       */
 /* empty css                                                           */
 /* empty css                         */
 //#region src/auth/login/loginPage.css.ts

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/backofficeFilterAction.css.js

@@ -1,3 +1,4 @@
+/* empty css                                                             */
 /* empty css                                      */
 //#region src/components/backoffice/filters/backofficeFilterAction.css.ts
 var e = "hwnq700 txvbqbfqq txvbqbey txvbqbls4 txvbqbh6d txvbqb19gp txvbqbjm4 txvbqbwvi txvbqb2tz txvbqb28o txvbqb2sj txvbqb1d9 txvbqb1b83 txvbqb1bhb txvbqbv txvbqb3f txvbqb7h txvbqb75 txvbqb7t txvbqb1eol txvbqb1czh txvbqb1dth qbwcue0 txvbqb1ffs txvbqb1ga0", t = "txvbqb19fm txvbqbjl1";

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/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