@plumile/backoffice-react 0.1.206 → 0.2.3

package/lib/esm/pages/BackofficeEntityListPage.js

@@ -7,20 +7,19 @@ import { rowFlagsColumnCell as a } from "../components/backoffice/list/RowFlagsC
 import { RowFlagsCell as o } from "../components/backoffice/list/RowFlagsCell.js";
 import { BackofficeEntityListScaffold as s } from "../components/backoffice/scaffolds/BackofficeEntityListScaffold.js";
 import { useBackofficeListUrlState as c } from "../hooks/useBackofficeListUrlState.js";
-import { createBackofficeEntityListUiStateKey as l, useBackofficeListFilterDrawerState as u } from "../provider/BackofficeListUiStateContext.js";
-import { BackofficeEntityListRouteProvider as d } from "./BackofficeEntityListRouteContext.js";
-import { buildActionsColumn as f, computeActionsColumnWidthPx as p, computeRowFlagsColumnWidthPx as m, isFormMutationAction as h, isRouteAction as g, resolveActionVariant as _, resolveLabel as v, resolveTrackBySize as y } from "./BackofficeEntityListPage.helpers.js";
-import { actionTrigger as b, actionsColumnCell as x, headerActions as S } from "./backofficeEntityListPage.css.js";
-import { Suspense as C, useCallback as w, useMemo as T, useRef as E, useState as D } from "react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { useTranslation as A } from "react-i18next";
-import { Button as ee } from "@plumile/ui/atomic/atoms/button/Button.js";
-import j from "@plumile/router/routing/Link.js";
-import { LinkButton as M } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
-import { TableCell as N } from "@plumile/ui/components/data-table/TableCell.js";
-import { EyeSvg as P } from "@plumile/ui/icons/EyeSvg.js";
+import { BackofficeEntityListRouteProvider as l } from "./BackofficeEntityListRouteContext.js";
+import { buildActionsColumn as u, computeActionsColumnWidthPx as d, computeRowFlagsColumnWidthPx as f, isFormMutationAction as p, isRouteAction as m, resolveActionVariant as h, resolveLabel as g, resolveTrackBySize as _ } from "./BackofficeEntityListPage.helpers.js";
+import { actionTrigger as v, actionsColumnCell as y, headerActions as b } from "./backofficeEntityListPage.css.js";
+import { Suspense as x, useCallback as S, useMemo as C, useRef as w, useState as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { useTranslation as O } from "react-i18next";
+import { Button as k } from "@plumile/ui/atomic/atoms/button/Button.js";
+import A from "@plumile/router/routing/Link.js";
+import { LinkButton as j } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
+import { TableCell as M } from "@plumile/ui/components/data-table/TableCell.js";
+import { EyeSvg as N } from "@plumile/ui/icons/EyeSvg.js";
 //#region src/pages/BackofficeEntityListPage.tsx
-var F = (e, t, n, r) => {
+var P = (e, t, n, r) => {
 	let i = t != null && t.length > 0, s = e;
 	if (i) {
 		let n = [{
@@ -28,7 +27,7 @@ var F = (e, t, n, r) => {
 			header: "",
 			className: a,
 			mobileRole: "badge",
-			cell: (e) => /* @__PURE__ */ O(o, {
+			cell: (e) => /* @__PURE__ */ E(o, {
 				row: e,
 				flags: t,
 				tApp: r
@@ -41,56 +40,56 @@ var F = (e, t, n, r) => {
 	}
 	let c = 0;
 	i && (c = t.length);
-	let l = m(c), u = p(n), d = 0;
-	i && (d = 1);
-	let f = s.length - d - 1, h = s.slice(d, d + Math.max(0, f)).map((e) => y(e, "1fr")).join(" "), g = "";
+	let l = f(c), u = d(n), p = 0;
+	i && (p = 1);
+	let m = s.length - p - 1, h = s.slice(p, p + Math.max(0, m)).map((e) => _(e, "1fr")).join(" "), g = "";
 	return g = i ? `${l}px ${h} ${u}px` : `${h} ${u}px`, {
 		columns: s,
 		gridTemplateColumns: g
 	};
-}, I = ({ children: i, config: a, breadcrumb: o }) => {
-	let p = a.list, { t: m } = A(), { t: y } = e(), [I, L] = D(null), [R, z] = D(0), B = E(null), V = w((e) => {
-		B.current = e;
-	}, []), { columns: H, gridTemplateColumns: U } = T(() => {
-		let e = n(p.columns, {
-			tApp: m,
-			t: y
-		}), t = f({
-			ariaLabel: y("actions.view"),
-			fallback: y("common.notAvailable"),
-			className: x,
+}, F = ({ children: i, config: a, breadcrumb: o }) => {
+	let d = a.list, { t: f } = O(), { t: _ } = e(), [F, I] = T(null), [L, R] = T(0), z = w(null), B = S((e) => {
+		z.current = e;
+	}, []), { columns: V, gridTemplateColumns: H } = C(() => {
+		let e = n(d.columns, {
+			tApp: f,
+			t: _
+		}), t = u({
+			ariaLabel: _("actions.view"),
+			fallback: _("common.notAvailable"),
+			className: y,
 			resolveDetailHref: (e) => a.routes.detail(e),
-			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ O(N.Actions, { children: /* @__PURE__ */ O(j, {
+			renderAction: ({ href: e, ariaLabel: t }) => /* @__PURE__ */ E(M.Actions, { children: /* @__PURE__ */ E(A, {
 				to: e,
-				className: b,
+				className: v,
 				"aria-label": t,
 				title: t,
 				preloadOnHover: "code",
-				children: /* @__PURE__ */ O(P, {
+				children: /* @__PURE__ */ E(N, {
 					width: 16,
 					height: 16
 				})
 			}) })
 		});
-		return F([...e, t], p.rowFlags, 1, m);
+		return P([...e, t], d.rowFlags, 1, f);
 	}, [
 		a.routes,
-		p.columns,
-		p.rowFlags,
-		y,
-		m
-	]), W = w((e) => p.getRowId(e), [p]), { state: G, pushState: K } = c(a), q = T(() => l(a.id), [a.id]), J = u(q), Y = w(() => {
-		z((e) => e + 1), B.current?.();
-	}, []), X = T(() => a.listActions ?? [], [a.listActions]), Z = T(() => X.filter((e) => e.isVisible == null || e.isVisible(null)), [X]), Q = T(() => {
-		if (Z.length !== 0) return /* @__PURE__ */ O("div", {
-			className: S,
-			children: Z.map((e, t) => {
-				let { variant: n } = e, r = v(e.label, m), i = r;
-				e.ariaLabel != null && (i = v(e.ariaLabel, m));
-				let a = _(n, t), o = e.size ?? "small", s = e.isDisabled?.(null) === !0;
-				if (g(e)) {
+		d.columns,
+		d.rowFlags,
+		_,
+		f
+	]), U = S((e) => d.getRowId(e), [d]), { state: W, pushState: G } = c(a), K = S(() => {
+		R((e) => e + 1), z.current?.();
+	}, []), q = C(() => a.listActions ?? [], [a.listActions]), J = C(() => q.filter((e) => e.isVisible == null || e.isVisible(null)), [q]), Y = C(() => {
+		if (J.length !== 0) return /* @__PURE__ */ E("div", {
+			className: b,
+			children: J.map((e, t) => {
+				let { variant: n } = e, r = g(e.label, f), i = r;
+				e.ariaLabel != null && (i = g(e.ariaLabel, f));
+				let a = h(n, t), o = e.size ?? "small", s = e.isDisabled?.(null) === !0;
+				if (m(e)) {
 					let t = e.to(null);
-					return /* @__PURE__ */ O(M, {
+					return /* @__PURE__ */ E(j, {
 						to: t,
 						variant: a,
 						size: o,
@@ -100,85 +99,82 @@ var F = (e, t, n, r) => {
 						children: r
 					}, e.id);
 				}
-				return h(e) ? /* @__PURE__ */ O(ee, {
+				return p(e) ? /* @__PURE__ */ E(k, {
 					type: "button",
 					variant: a,
 					size: o,
 					disabled: s,
 					onClick: () => {
-						L(e.id);
+						I(e.id);
 					},
 					"aria-label": i,
 					children: r
 				}, e.id) : null;
 			})
 		});
-	}, [m, Z]), $ = X.find((e) => e.id === I), te = () => /* @__PURE__ */ O(s, {
+	}, [f, J]), X = q.find((e) => e.id === F), Z = () => /* @__PURE__ */ E(s, {
 		config: a,
-		state: G,
-		pushState: K,
-		headerActions: Q,
+		state: W,
+		pushState: G,
+		headerActions: Y,
 		rows: [],
-		columns: H,
-		gridTemplateColumns: U,
-		getRowId: W,
+		columns: V,
+		gridTemplateColumns: H,
+		getRowId: U,
 		hasNextPage: !1,
 		isLoadingMore: !1,
 		incrementalError: null,
 		isRefreshing: !1,
 		onLoadMore: () => {},
 		onRetryLoadMore: () => {},
-		onRefresh: Y,
+		onRefresh: K,
 		totalCount: null,
-		isLoadingInitial: !0,
-		filterDrawerState: J
-	}), ne = T(() => ({
+		isLoadingInitial: !0
+	}), Q = C(() => ({
 		config: a,
-		state: G,
-		pushState: K,
-		headerActions: Q,
-		columns: H,
-		gridTemplateColumns: U,
-		getRowId: W,
-		countFetchKey: R,
-		filterDrawerState: J,
+		state: W,
+		pushState: G,
+		headerActions: Y,
+		columns: V,
+		gridTemplateColumns: H,
+		getRowId: U,
+		countFetchKey: L,
 		bumpCountFetchKey: () => {
-			z((e) => e + 1);
+			R((e) => e + 1);
 		},
-		registerRefresh: V
+		registerRefresh: B
 	}), [
-		H,
+		V,
 		a,
-		R,
-		J,
-		W,
+		L,
 		U,
-		Q,
-		K,
-		V,
-		G
+		H,
+		Y,
+		G,
+		B,
+		W
 	]);
-	return /* @__PURE__ */ k(r, {
+	return /* @__PURE__ */ D(r, {
 		breadcrumb: o,
-		children: [/* @__PURE__ */ O(d, {
-			value: ne,
-			children: /* @__PURE__ */ O(C, {
-				fallback: te(),
+		children: [/* @__PURE__ */ E(l, {
+			value: Q,
+			children: /* @__PURE__ */ E(x, {
+				fallback: Z(),
 				children: i
 			})
-		}), $ != null && h($) && /* @__PURE__ */ O(t, {
+		}), X != null && p(X) && /* @__PURE__ */ E(t, {
 			isOpen: !0,
-			action: $,
+			action: X,
 			node: null,
 			onClose: () => {
-				L(null);
+				I(null);
 			},
-			onSuccess: Y
+			onSuccess: K
 		})]
 	});
-}, L = ({ children: e, entityManifest: t, config: n }) => {
-	let { t: r } = A(), a = i(n, r);
-	return /* @__PURE__ */ O(I, {
+}, I = ({ children: e, entityManifest: t, config: n }) => {
+	let { t: r } = O(), a = i(n, r);
+	return /* @__PURE__ */ E(F, {
 		children: e,
 		entityManifest: t,
 		config: n,
@@ -186,6 +182,6 @@ var F = (e, t, n, r) => {
 	});
 };
 //#endregion
-export { L as BackofficeEntityListPage, L as default };
+export { I as BackofficeEntityListPage, I as default };
 
 //# sourceMappingURL=BackofficeEntityListPage.js.map

package/lib/esm/pages/BackofficeEntityListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListPage.tsx"],"sourcesContent":["import {\n  Suspense,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport Link from '@plumile/router/routing/Link.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedListLayoutRoute,\n  BackofficeRuntimeResolvedListFacetConfig,\n  BackofficeRowFlagSpec,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport {\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\nimport { TableCell } from '@plumile/ui/components/data-table/TableCell.js';\nimport { EyeSvg } from '@plumile/ui/icons/EyeSvg.js';\nimport { BackofficeEntityListScaffold } from '../components/backoffice/scaffolds/BackofficeEntityListScaffold.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { RowFlagsCell } from '../components/backoffice/list/RowFlagsCell.js';\nimport { useBackofficeListUrlState } from '../hooks/useBackofficeListUrlState.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport {\n  createBackofficeEntityListUiStateKey,\n  useBackofficeListFilterDrawerState,\n} from '../provider/BackofficeListUiStateContext.js';\nimport * as pageStyles from './backofficeEntityListPage.css.js';\nimport { rowFlagsColumnCell } from '../components/backoffice/list/RowFlagsCell.css.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityListBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { BackofficeEntityListRouteProvider } from './BackofficeEntityListRouteContext.js';\nimport {\n  buildActionsColumn,\n  computeActionsColumnWidthPx,\n  computeRowFlagsColumnWidthPx,\n  isFormMutationAction,\n  isRouteAction,\n  resolveLabel,\n  resolveActionVariant,\n  resolveTrackBySize,\n  type ConnectionListConfig,\n} from './BackofficeEntityListPage.helpers.js';\n\nexport type BackofficeEntityListPageProps = {\n  children?: ReactNode;\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  prepared: BackofficePreparedListLayoutRoute;\n};\n\nconst applyListEdgeColumns = <Row,>(\n  inputColumns: readonly DataTableColumn<Row>[],\n  rowFlags: readonly BackofficeRowFlagSpec<Row>[] | undefined,\n  actionCount: number,\n  tApp: TFunction,\n): {\n  columns: readonly DataTableColumn<Row>[];\n  gridTemplateColumns?: string;\n} => {\n  const hasFlags = rowFlags != null && rowFlags.length > 0;\n\n  let columns = inputColumns;\n  if (hasFlags) {\n    const flagsColumn: DataTableColumn<Row> = {\n      id: '__rowFlags',\n      header: '',\n      className: rowFlagsColumnCell,\n      mobileRole: 'badge',\n      cell: (row) => {\n        return <RowFlagsCell row={row} flags={rowFlags} tApp={tApp} />;\n      },\n    };\n\n    // Ensure we never pick the flags column as \"primary\".\n    const withFlags = [flagsColumn, ...inputColumns];\n    const hasPrimary = withFlags.some((col) => {\n      return col.isPrimary === true;\n    });\n\n    columns = withFlags;\n    if (!hasPrimary) {\n      columns = withFlags.map((col, index) => {\n        if (index === 1) {\n          return { ...col, isPrimary: true };\n        }\n        return col;\n      });\n    }\n  }\n\n  let flagCount = 0;\n  if (hasFlags) {\n    flagCount = rowFlags.length;\n  }\n  const flagsWidthPx = computeRowFlagsColumnWidthPx(flagCount);\n  const actionsWidthPx = computeActionsColumnWidthPx(actionCount);\n\n  // We always include the right-side \"actions\" column in list pages.\n  let leftColumnCount = 0;\n  if (hasFlags) {\n    leftColumnCount = 1;\n  }\n  const middleCount = columns.length - leftColumnCount - 1;\n\n  const middleTracks = columns\n    .slice(leftColumnCount, leftColumnCount + Math.max(0, middleCount))\n    .map((column) => {\n      return resolveTrackBySize(column as DataTableColumn<unknown>, '1fr');\n    })\n    .join(' ');\n\n  let gridTemplateColumns = '';\n  if (hasFlags) {\n    gridTemplateColumns = `${flagsWidthPx}px ${middleTracks} ${actionsWidthPx}px`;\n  } else {\n    gridTemplateColumns = `${middleTracks} ${actionsWidthPx}px`;\n  }\n\n  return { columns, gridTemplateColumns };\n};\n\nconst BackofficeEntityConnectionListPage = ({\n  children,\n  config,\n  breadcrumb,\n}: Omit<BackofficeEntityListPageProps, 'config' | 'prepared'> & {\n  config: ConnectionListConfig;\n  breadcrumb: ReturnType<typeof buildEntityListBreadcrumb>;\n}): JSX.Element | null => {\n  const listConfig = config.list;\n\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const [countFetchKey, setCountFetchKey] = useState(0);\n  const refreshRef = useRef<(() => void) | null>(null);\n\n  const registerRefresh = useCallback((refresh: (() => void) | null) => {\n    refreshRef.current = refresh;\n  }, []);\n\n  const { columns, gridTemplateColumns } = useMemo((): {\n    columns: readonly DataTableColumn<unknown>[];\n    gridTemplateColumns?: string;\n  } => {\n    const baseColumns = buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n    });\n    const actionsColumn = buildActionsColumn({\n      ariaLabel: t('actions.view'),\n      fallback: t('common.notAvailable'),\n      className: pageStyles.actionsColumnCell,\n      resolveDetailHref: (id) => {\n        return config.routes.detail(id);\n      },\n      renderAction: ({ href, ariaLabel }) => {\n        return (\n          <TableCell.Actions>\n            <Link\n              to={href}\n              className={pageStyles.actionTrigger}\n              aria-label={ariaLabel}\n              title={ariaLabel}\n              preloadOnHover=\"code\"\n            >\n              <EyeSvg width={16} height={16} />\n            </Link>\n          </TableCell.Actions>\n        );\n      },\n    });\n    const allColumns = [...baseColumns, actionsColumn];\n    return applyListEdgeColumns(allColumns, listConfig.rowFlags, 1, tApp);\n  }, [config.routes, listConfig.columns, listConfig.rowFlags, t, tApp]);\n\n  const getRowId = useCallback<GetRowId<unknown>>(\n    (row) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const { state, pushState } = useBackofficeListUrlState(config);\n  const listUiStateKey = useMemo(() => {\n    return createBackofficeEntityListUiStateKey(config.id);\n  }, [config.id]);\n  const filterDrawerState = useBackofficeListFilterDrawerState(listUiStateKey);\n\n  const handleRefreshRequest = useCallback(() => {\n    setCountFetchKey((current) => {\n      return current + 1;\n    });\n    refreshRef.current?.();\n  }, []);\n\n  const listActions = useMemo(() => {\n    return config.listActions ?? [];\n  }, [config.listActions]);\n  const visibleActions = useMemo(() => {\n    return listActions.filter((action) => {\n      if (action.isVisible == null) {\n        return true;\n      }\n      return action.isVisible(null);\n    });\n  }, [listActions]);\n\n  const headerActions = useMemo(() => {\n    if (visibleActions.length === 0) {\n      return undefined;\n    }\n    return (\n      <div className={pageStyles.headerActions}>\n        {visibleActions.map((action, index) => {\n          const { variant: actionVariant } = action;\n          const label = resolveLabel(action.label, tApp);\n          let ariaLabel = label;\n          if (action.ariaLabel != null) {\n            ariaLabel = resolveLabel(action.ariaLabel, tApp);\n          }\n          const variant = resolveActionVariant(actionVariant, index);\n          const size = action.size ?? 'small';\n          const isDisabled = action.isDisabled?.(null) === true;\n\n          if (isRouteAction(action)) {\n            const href = action.to(null);\n            return (\n              <LinkButton\n                key={action.id}\n                to={href}\n                variant={variant}\n                size={size}\n                isDisabled={isDisabled}\n                aria-label={ariaLabel}\n                preloadOnHover=\"code-and-data\"\n              >\n                {label}\n              </LinkButton>\n            );\n          }\n\n          if (isFormMutationAction(action)) {\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                variant={variant}\n                size={size}\n                disabled={isDisabled}\n                onClick={() => {\n                  setActiveFormActionId(action.id);\n                }}\n                aria-label={ariaLabel}\n              >\n                {label}\n              </Button>\n            );\n          }\n\n          return null;\n        })}\n      </div>\n    );\n  }, [tApp, visibleActions]);\n\n  const activeFormAction = listActions.find((action) => {\n    return action.id === activeFormActionId;\n  });\n\n  const renderLoadingScaffold = () => {\n    return (\n      <BackofficeEntityListScaffold\n        config={config}\n        state={state}\n        pushState={pushState}\n        headerActions={headerActions}\n        rows={[]}\n        columns={columns}\n        gridTemplateColumns={gridTemplateColumns}\n        getRowId={getRowId}\n        hasNextPage={false}\n        isLoadingMore={false}\n        incrementalError={null}\n        isRefreshing={false}\n        onLoadMore={() => {}}\n        onRetryLoadMore={() => {}}\n        onRefresh={handleRefreshRequest}\n        totalCount={null}\n        isLoadingInitial\n        filterDrawerState={filterDrawerState}\n      />\n    );\n  };\n\n  const contextValue = useMemo(() => {\n    return {\n      config,\n      state,\n      pushState,\n      headerActions,\n      columns,\n      gridTemplateColumns,\n      getRowId,\n      countFetchKey,\n      filterDrawerState,\n      bumpCountFetchKey: () => {\n        setCountFetchKey((current) => {\n          return current + 1;\n        });\n      },\n      registerRefresh,\n    };\n  }, [\n    columns,\n    config,\n    countFetchKey,\n    filterDrawerState,\n    getRowId,\n    gridTemplateColumns,\n    headerActions,\n    pushState,\n    registerRefresh,\n    state,\n  ]);\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <BackofficeEntityListRouteProvider value={contextValue}>\n        <Suspense fallback={renderLoadingScaffold()}>{children}</Suspense>\n      </BackofficeEntityListRouteProvider>\n      {activeFormAction != null && isFormMutationAction(activeFormAction) && (\n        <LazyBackofficeEntityActionFormDialog\n          isOpen\n          action={activeFormAction}\n          node={null}\n          onClose={() => {\n            setActiveFormActionId(null);\n          }}\n          onSuccess={handleRefreshRequest}\n        />\n      )}\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport const BackofficeEntityListPage = ({\n  children,\n  entityManifest,\n  config,\n}: BackofficeEntityListPageProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const breadcrumb = buildEntityListBreadcrumb(config, tApp);\n\n  return (\n    <BackofficeEntityConnectionListPage\n      children={children}\n      entityManifest={entityManifest}\n      config={config}\n      breadcrumb={breadcrumb}\n    />\n  );\n};\n\nexport default BackofficeEntityListPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityListPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityListPage.tsx"],"sourcesContent":["import {\n  Suspense,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport Link from '@plumile/router/routing/Link.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedListLayoutRoute,\n  BackofficeRuntimeResolvedListFacetConfig,\n  BackofficeRowFlagSpec,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport {\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\nimport { TableCell } from '@plumile/ui/components/data-table/TableCell.js';\nimport { EyeSvg } from '@plumile/ui/icons/EyeSvg.js';\nimport { BackofficeEntityListScaffold } from '../components/backoffice/scaffolds/BackofficeEntityListScaffold.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { RowFlagsCell } from '../components/backoffice/list/RowFlagsCell.js';\nimport { useBackofficeListUrlState } from '../hooks/useBackofficeListUrlState.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport * as pageStyles from './backofficeEntityListPage.css.js';\nimport { rowFlagsColumnCell } from '../components/backoffice/list/RowFlagsCell.css.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityListBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { BackofficeEntityListRouteProvider } from './BackofficeEntityListRouteContext.js';\nimport {\n  buildActionsColumn,\n  computeActionsColumnWidthPx,\n  computeRowFlagsColumnWidthPx,\n  isFormMutationAction,\n  isRouteAction,\n  resolveLabel,\n  resolveActionVariant,\n  resolveTrackBySize,\n  type ConnectionListConfig,\n} from './BackofficeEntityListPage.helpers.js';\n\nexport type BackofficeEntityListPageProps = {\n  children?: ReactNode;\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  prepared: BackofficePreparedListLayoutRoute;\n};\n\nconst applyListEdgeColumns = <Row,>(\n  inputColumns: readonly DataTableColumn<Row>[],\n  rowFlags: readonly BackofficeRowFlagSpec<Row>[] | undefined,\n  actionCount: number,\n  tApp: TFunction,\n): {\n  columns: readonly DataTableColumn<Row>[];\n  gridTemplateColumns?: string;\n} => {\n  const hasFlags = rowFlags != null && rowFlags.length > 0;\n\n  let columns = inputColumns;\n  if (hasFlags) {\n    const flagsColumn: DataTableColumn<Row> = {\n      id: '__rowFlags',\n      header: '',\n      className: rowFlagsColumnCell,\n      mobileRole: 'badge',\n      cell: (row) => {\n        return <RowFlagsCell row={row} flags={rowFlags} tApp={tApp} />;\n      },\n    };\n\n    // Ensure we never pick the flags column as \"primary\".\n    const withFlags = [flagsColumn, ...inputColumns];\n    const hasPrimary = withFlags.some((col) => {\n      return col.isPrimary === true;\n    });\n\n    columns = withFlags;\n    if (!hasPrimary) {\n      columns = withFlags.map((col, index) => {\n        if (index === 1) {\n          return { ...col, isPrimary: true };\n        }\n        return col;\n      });\n    }\n  }\n\n  let flagCount = 0;\n  if (hasFlags) {\n    flagCount = rowFlags.length;\n  }\n  const flagsWidthPx = computeRowFlagsColumnWidthPx(flagCount);\n  const actionsWidthPx = computeActionsColumnWidthPx(actionCount);\n\n  // We always include the right-side \"actions\" column in list pages.\n  let leftColumnCount = 0;\n  if (hasFlags) {\n    leftColumnCount = 1;\n  }\n  const middleCount = columns.length - leftColumnCount - 1;\n\n  const middleTracks = columns\n    .slice(leftColumnCount, leftColumnCount + Math.max(0, middleCount))\n    .map((column) => {\n      return resolveTrackBySize(column as DataTableColumn<unknown>, '1fr');\n    })\n    .join(' ');\n\n  let gridTemplateColumns = '';\n  if (hasFlags) {\n    gridTemplateColumns = `${flagsWidthPx}px ${middleTracks} ${actionsWidthPx}px`;\n  } else {\n    gridTemplateColumns = `${middleTracks} ${actionsWidthPx}px`;\n  }\n\n  return { columns, gridTemplateColumns };\n};\n\nconst BackofficeEntityConnectionListPage = ({\n  children,\n  config,\n  breadcrumb,\n}: Omit<BackofficeEntityListPageProps, 'config' | 'prepared'> & {\n  config: ConnectionListConfig;\n  breadcrumb: ReturnType<typeof buildEntityListBreadcrumb>;\n}): JSX.Element | null => {\n  const listConfig = config.list;\n\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const [countFetchKey, setCountFetchKey] = useState(0);\n  const refreshRef = useRef<(() => void) | null>(null);\n\n  const registerRefresh = useCallback((refresh: (() => void) | null) => {\n    refreshRef.current = refresh;\n  }, []);\n\n  const { columns, gridTemplateColumns } = useMemo((): {\n    columns: readonly DataTableColumn<unknown>[];\n    gridTemplateColumns?: string;\n  } => {\n    const baseColumns = buildDataTableColumns(listConfig.columns, {\n      tApp,\n      t,\n    });\n    const actionsColumn = buildActionsColumn({\n      ariaLabel: t('actions.view'),\n      fallback: t('common.notAvailable'),\n      className: pageStyles.actionsColumnCell,\n      resolveDetailHref: (id) => {\n        return config.routes.detail(id);\n      },\n      renderAction: ({ href, ariaLabel }) => {\n        return (\n          <TableCell.Actions>\n            <Link\n              to={href}\n              className={pageStyles.actionTrigger}\n              aria-label={ariaLabel}\n              title={ariaLabel}\n              preloadOnHover=\"code\"\n            >\n              <EyeSvg width={16} height={16} />\n            </Link>\n          </TableCell.Actions>\n        );\n      },\n    });\n    const allColumns = [...baseColumns, actionsColumn];\n    return applyListEdgeColumns(allColumns, listConfig.rowFlags, 1, tApp);\n  }, [config.routes, listConfig.columns, listConfig.rowFlags, t, tApp]);\n\n  const getRowId = useCallback<GetRowId<unknown>>(\n    (row) => {\n      return listConfig.getRowId(row);\n    },\n    [listConfig],\n  );\n\n  const { state, pushState } = useBackofficeListUrlState(config);\n\n  const handleRefreshRequest = useCallback(() => {\n    setCountFetchKey((current) => {\n      return current + 1;\n    });\n    refreshRef.current?.();\n  }, []);\n\n  const listActions = useMemo(() => {\n    return config.listActions ?? [];\n  }, [config.listActions]);\n  const visibleActions = useMemo(() => {\n    return listActions.filter((action) => {\n      if (action.isVisible == null) {\n        return true;\n      }\n      return action.isVisible(null);\n    });\n  }, [listActions]);\n\n  const headerActions = useMemo(() => {\n    if (visibleActions.length === 0) {\n      return undefined;\n    }\n    return (\n      <div className={pageStyles.headerActions}>\n        {visibleActions.map((action, index) => {\n          const { variant: actionVariant } = action;\n          const label = resolveLabel(action.label, tApp);\n          let ariaLabel = label;\n          if (action.ariaLabel != null) {\n            ariaLabel = resolveLabel(action.ariaLabel, tApp);\n          }\n          const variant = resolveActionVariant(actionVariant, index);\n          const size = action.size ?? 'small';\n          const isDisabled = action.isDisabled?.(null) === true;\n\n          if (isRouteAction(action)) {\n            const href = action.to(null);\n            return (\n              <LinkButton\n                key={action.id}\n                to={href}\n                variant={variant}\n                size={size}\n                isDisabled={isDisabled}\n                aria-label={ariaLabel}\n                preloadOnHover=\"code-and-data\"\n              >\n                {label}\n              </LinkButton>\n            );\n          }\n\n          if (isFormMutationAction(action)) {\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                variant={variant}\n                size={size}\n                disabled={isDisabled}\n                onClick={() => {\n                  setActiveFormActionId(action.id);\n                }}\n                aria-label={ariaLabel}\n              >\n                {label}\n              </Button>\n            );\n          }\n\n          return null;\n        })}\n      </div>\n    );\n  }, [tApp, visibleActions]);\n\n  const activeFormAction = listActions.find((action) => {\n    return action.id === activeFormActionId;\n  });\n\n  const renderLoadingScaffold = () => {\n    return (\n      <BackofficeEntityListScaffold\n        config={config}\n        state={state}\n        pushState={pushState}\n        headerActions={headerActions}\n        rows={[]}\n        columns={columns}\n        gridTemplateColumns={gridTemplateColumns}\n        getRowId={getRowId}\n        hasNextPage={false}\n        isLoadingMore={false}\n        incrementalError={null}\n        isRefreshing={false}\n        onLoadMore={() => {}}\n        onRetryLoadMore={() => {}}\n        onRefresh={handleRefreshRequest}\n        totalCount={null}\n        isLoadingInitial\n      />\n    );\n  };\n\n  const contextValue = useMemo(() => {\n    return {\n      config,\n      state,\n      pushState,\n      headerActions,\n      columns,\n      gridTemplateColumns,\n      getRowId,\n      countFetchKey,\n      bumpCountFetchKey: () => {\n        setCountFetchKey((current) => {\n          return current + 1;\n        });\n      },\n      registerRefresh,\n    };\n  }, [\n    columns,\n    config,\n    countFetchKey,\n    getRowId,\n    gridTemplateColumns,\n    headerActions,\n    pushState,\n    registerRefresh,\n    state,\n  ]);\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <BackofficeEntityListRouteProvider value={contextValue}>\n        <Suspense fallback={renderLoadingScaffold()}>{children}</Suspense>\n      </BackofficeEntityListRouteProvider>\n      {activeFormAction != null && isFormMutationAction(activeFormAction) && (\n        <LazyBackofficeEntityActionFormDialog\n          isOpen\n          action={activeFormAction}\n          node={null}\n          onClose={() => {\n            setActiveFormActionId(null);\n          }}\n          onSuccess={handleRefreshRequest}\n        />\n      )}\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport const BackofficeEntityListPage = ({\n  children,\n  entityManifest,\n  config,\n}: BackofficeEntityListPageProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const breadcrumb = buildEntityListBreadcrumb(config, tApp);\n\n  return (\n    <BackofficeEntityConnectionListPage\n      children={children}\n      entityManifest={entityManifest}\n      config={config}\n      breadcrumb={breadcrumb}\n    />\n  );\n};\n\nexport default BackofficeEntityListPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwDA,IAAM,KACJ,GACA,GACA,GACA,MAIG;CACH,IAAM,IAAW,KAAY,QAAQ,EAAS,SAAS,GAEnD,IAAU;CACd,IAAI,GAAU;EAYZ,IAAM,IAAY,CAAC;GAVjB,IAAI;GACJ,QAAQ;GACR,WAAW;GACX,YAAY;GACZ,OAAO,MACE,kBAAC,GAAD;IAAmB;IAAK,OAAO;IAAgB;GAAO,CAAA;EAK9C,GAAa,GAAG,CAAY,GACzC,IAAa,EAAU,MAAM,MAC1B,EAAI,cAAc,EAC1B;EAGD,AADA,IAAU,GACL,MACH,IAAU,EAAU,KAAK,GAAK,MACxB,MAAU,IACL;GAAE,GAAG;GAAK,WAAW;EAAK,IAE5B,CACR;CAEL;CAEA,IAAI,IAAY;CAChB,AAAI,MACF,IAAY,EAAS;CAEvB,IAAM,IAAe,EAA6B,CAAS,GACrD,IAAiB,EAA4B,CAAW,GAG1D,IAAkB;CACtB,AAAI,MACF,IAAkB;CAEpB,IAAM,IAAc,EAAQ,SAAS,IAAkB,GAEjD,IAAe,EAClB,MAAM,GAAiB,IAAkB,KAAK,IAAI,GAAG,CAAW,CAAC,CAAC,CAClE,KAAK,MACG,EAAmB,GAAoC,KAAK,CACpE,CAAC,CACD,KAAK,GAAG,GAEP,IAAsB;CAO1B,OANA,AAGE,IAHE,IACoB,GAAG,EAAa,KAAK,EAAa,GAAG,EAAe,MAEpD,GAAG,EAAa,GAAG,EAAe,KAGnD;EAAE;EAAS;CAAoB;AACxC,GAEM,KAAsC,EAC1C,aACA,WACA,oBAIwB;CACxB,IAAM,IAAa,EAAO,MAEpB,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,CAAC,GAAoB,KAAyB,EAClD,IACF,GACM,CAAC,GAAe,KAAoB,EAAS,CAAC,GAC9C,IAAa,EAA4B,IAAI,GAE7C,IAAkB,GAAa,MAAiC;EACpE,EAAW,UAAU;CACvB,GAAG,CAAC,CAAC,GAEC,EAAE,YAAS,2BAAwB,QAGpC;EACH,IAAM,IAAc,EAAsB,EAAW,SAAS;GAC5D;GACA;EACF,CAAC,GACK,IAAgB,EAAmB;GACvC,WAAW,EAAE,cAAc;GAC3B,UAAU,EAAE,qBAAqB;GACjC,WAAW;GACX,oBAAoB,MACX,EAAO,OAAO,OAAO,CAAE;GAEhC,eAAe,EAAE,SAAM,mBAEnB,kBAAC,EAAU,SAAX,EAAA,UACE,kBAAC,GAAD;IACE,IAAI;IACJ,WAAW;IACX,cAAY;IACZ,OAAO;IACP,gBAAe;IAEf,UAAA,kBAAC,GAAD;KAAQ,OAAO;KAAI,QAAQ;IAAK,CAAA;GAC5B,CAAA,EACW,CAAA;EAGzB,CAAC;EAED,OAAO,EAAqB,CADR,GAAG,GAAa,CACR,GAAY,EAAW,UAAU,GAAG,CAAI;CACtE,GAAG;EAAC,EAAO;EAAQ,EAAW;EAAS,EAAW;EAAU;EAAG;CAAI,CAAC,GAE9D,IAAW,GACd,MACQ,EAAW,SAAS,CAAG,GAEhC,CAAC,CAAU,CACb,GAEM,EAAE,UAAO,iBAAc,EAA0B,CAAM,GAEvD,IAAuB,QAAkB;EAI7C,AAHA,GAAkB,MACT,IAAU,CAClB,GACD,EAAW,UAAU;CACvB,GAAG,CAAC,CAAC,GAEC,IAAc,QACX,EAAO,eAAe,CAAC,GAC7B,CAAC,EAAO,WAAW,CAAC,GACjB,IAAiB,QACd,EAAY,QAAQ,MACrB,EAAO,aAAa,QAGjB,EAAO,UAAU,IAAI,CAC7B,GACA,CAAC,CAAW,CAAC,GAEV,IAAgB,QAAc;EAC9B,MAAe,WAAW,GAG9B,OACE,kBAAC,OAAD;GAAK,WAAW;GACb,UAAA,EAAe,KAAK,GAAQ,MAAU;IACrC,IAAM,EAAE,SAAS,MAAkB,GAC7B,IAAQ,EAAa,EAAO,OAAO,CAAI,GACzC,IAAY;IAChB,AAAI,EAAO,aAAa,SACtB,IAAY,EAAa,EAAO,WAAW,CAAI;IAEjD,IAAM,IAAU,EAAqB,GAAe,CAAK,GACnD,IAAO,EAAO,QAAQ,SACtB,IAAa,EAAO,aAAa,IAAI,MAAM;IAEjD,IAAI,EAAc,CAAM,GAAG;KACzB,IAAM,IAAO,EAAO,GAAG,IAAI;KAC3B,OACE,kBAAC,GAAD;MAEE,IAAI;MACK;MACH;MACM;MACZ,cAAY;MACZ,gBAAe;MAEd,UAAA;KACS,GATL,EAAO,EASF;IAEhB;IAoBA,OAlBI,EAAqB,CAAM,IAE3B,kBAAC,GAAD;KAEE,MAAK;KACI;KACH;KACN,UAAU;KACV,eAAe;MACb,EAAsB,EAAO,EAAE;KACjC;KACA,cAAY;KAEX,UAAA;IACK,GAXD,EAAO,EAWN,IAIL;GACT,CAAC;EACE,CAAA;CAET,GAAG,CAAC,GAAM,CAAc,CAAC,GAEnB,IAAmB,EAAY,MAAM,MAClC,EAAO,OAAO,CACtB,GAEK,UAEF,kBAAC,GAAD;EACU;EACD;EACI;EACI,eAAA;EACf,MAAM,CAAC;EACE;EACY;EACX;EACV,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,cAAc;EACd,kBAAkB,CAAC;EACnB,uBAAuB,CAAC;EACxB,WAAW;EACX,YAAY;EACZ,kBAAA;CACD,CAAA,GAIC,IAAe,SACZ;EACL;EACA;EACA;EACA,eAAA;EACA;EACA;EACA;EACA;EACA,yBAAyB;GACvB,GAAkB,MACT,IAAU,CAClB;EACH;EACA;CACF,IACC;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,kBAAC,GAAD;EAAuC;EAAvC,UAAA,CACE,kBAAC,GAAD;GAAmC,OAAO;GACxC,UAAA,kBAAC,GAAD;IAAU,UAAU,EAAsB;IAAI;GAAmB,CAAA;EAChC,CAAA,GAClC,KAAoB,QAAQ,EAAqB,CAAgB,KAChE,kBAAC,GAAD;GACE,QAAA;GACA,QAAQ;GACR,MAAM;GACN,eAAe;IACb,EAAsB,IAAI;GAC5B;GACA,WAAW;EACZ,CAAA,CAEsB;;AAE/B,GAEa,KAA4B,EACvC,aACA,mBACA,gBACuD;CACvD,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,IAAa,EAA0B,GAAQ,CAAI;CAEzD,OACE,kBAAC,GAAD;EACY;EACM;EACR;EACI;CACb,CAAA;AAEL"}

package/lib/esm/pages/BackofficeEntityListRouteContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListRouteContext.js","names":[],"sources":["../../../src/pages/BackofficeEntityListRouteContext.tsx"],"sourcesContent":["import { createContext, useContext, type JSX } from 'react';\nimport {\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\n\nimport type { useBackofficeListUrlState } from '../hooks/useBackofficeListUrlState.js';\nimport type { BackofficeFilterDrawerState } from '../provider/BackofficeListUiStateContext.js';\nimport type { ConnectionListConfig } from './BackofficeEntityListPage.helpers.js';\n\nexport type BackofficeEntityListRouteContextValue = {\n  config: ConnectionListConfig;\n  state: ReturnType<typeof useBackofficeListUrlState>['state'];\n  pushState: ReturnType<typeof useBackofficeListUrlState>['pushState'];\n  headerActions: JSX.Element | undefined;\n  columns: readonly DataTableColumn<unknown>[];\n  gridTemplateColumns?: string;\n  getRowId: GetRowId<unknown>;\n  countFetchKey: number;\n  bumpCountFetchKey: () => void;\n  filterDrawerState: BackofficeFilterDrawerState;\n  registerRefresh: (refresh: (() => void) | null) => void;\n};\n\nconst BackofficeEntityListRouteContext =\n  createContext<BackofficeEntityListRouteContextValue | null>(null);\n\nexport const BackofficeEntityListRouteProvider = ({\n  children,\n  value,\n}: {\n  children: JSX.Element;\n  value: BackofficeEntityListRouteContextValue;\n}): JSX.Element => {\n  return (\n    <BackofficeEntityListRouteContext.Provider value={value}>\n      {children}\n    </BackofficeEntityListRouteContext.Provider>\n  );\n};\n\nexport const useBackofficeEntityListRouteContext =\n  (): BackofficeEntityListRouteContextValue => {\n    const value = useContext(BackofficeEntityListRouteContext);\n    if (value == null) {\n      throw new Error('BackofficeEntityListRouteContext is missing.');\n    }\n    return value;\n  };\n"],"mappings":";;;AAwBA,IAAM,IACJ,EAA4D,IAAI,GAErD,KAAqC,EAChD,aACA,eAME,kBAAC,EAAiC,UAAlC;CAAkD;CAC/C;AACwC,CAAA,GAIlC,UACkC;CAC3C,IAAM,IAAQ,EAAW,CAAgC;CACzD,IAAI,KAAS,MACX,MAAU,MAAM,8CAA8C;CAEhE,OAAO;AACT"}
+{"version":3,"file":"BackofficeEntityListRouteContext.js","names":[],"sources":["../../../src/pages/BackofficeEntityListRouteContext.tsx"],"sourcesContent":["import { createContext, useContext, type JSX } from 'react';\nimport {\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\n\nimport type { useBackofficeListUrlState } from '../hooks/useBackofficeListUrlState.js';\nimport type { ConnectionListConfig } from './BackofficeEntityListPage.helpers.js';\n\nexport type BackofficeEntityListRouteContextValue = {\n  config: ConnectionListConfig;\n  state: ReturnType<typeof useBackofficeListUrlState>['state'];\n  pushState: ReturnType<typeof useBackofficeListUrlState>['pushState'];\n  headerActions: JSX.Element | undefined;\n  columns: readonly DataTableColumn<unknown>[];\n  gridTemplateColumns?: string;\n  getRowId: GetRowId<unknown>;\n  countFetchKey: number;\n  bumpCountFetchKey: () => void;\n  registerRefresh: (refresh: (() => void) | null) => void;\n};\n\nconst BackofficeEntityListRouteContext =\n  createContext<BackofficeEntityListRouteContextValue | null>(null);\n\nexport const BackofficeEntityListRouteProvider = ({\n  children,\n  value,\n}: {\n  children: JSX.Element;\n  value: BackofficeEntityListRouteContextValue;\n}): JSX.Element => {\n  return (\n    <BackofficeEntityListRouteContext.Provider value={value}>\n      {children}\n    </BackofficeEntityListRouteContext.Provider>\n  );\n};\n\nexport const useBackofficeEntityListRouteContext =\n  (): BackofficeEntityListRouteContextValue => {\n    const value = useContext(BackofficeEntityListRouteContext);\n    if (value == null) {\n      throw new Error('BackofficeEntityListRouteContext is missing.');\n    }\n    return value;\n  };\n"],"mappings":";;;AAsBA,IAAM,IACJ,EAA4D,IAAI,GAErD,KAAqC,EAChD,aACA,eAME,kBAAC,EAAiC,UAAlC;CAAkD;CAC/C;AACwC,CAAA,GAIlC,UACkC;CAC3C,IAAM,IAAQ,EAAW,CAAgC;CACzD,IAAI,KAAS,MACX,MAAU,MAAM,8CAA8C;CAEhE,OAAO;AACT"}

package/lib/esm/pages/backofficeDashboardPage.css.js

@@ -1,5 +1,5 @@
 //#region src/pages/backofficeDashboardPage.css.ts
-var e = "txvbqbfpn txvbqbh4x txvbqbhdl", t = "txvbqbfpn txvbqbey txvbqbhdl txvbqb1bgv txvbqb9j", n = "txvbqbbc txvbqbhbs txvbqbmzg";
+var e = "txvbqb5b1 txvbqb6bf txvbqb6gz", t = "txvbqb5b1 txvbqb2cx txvbqb6gz txvbqbe3 txvbqb6ct", n = "txvbqb6e7 txvbqb1ct txvbqb1lf";
 //#endregion
 export { t as loadingBody, e as tileBody, n as tileCount };
 

package/lib/esm/pages/backofficeEntityDetailPage.css.js

@@ -1,5 +1,5 @@
 //#region src/pages/backofficeEntityDetailPage.css.ts
-var e = "txvbqbfpn txvbqbey txvbqblsh txvbqbhdl txvbqbh7g txvbqbv7x", t = "txvbqbfpn txvbqbey txvbqblsh txvbqbhdl txvbqbh7g", n = "txvbqbfpn txvbqbey txvbqb10n4 txvbqbb49 txvbqbbkc txvbqb2sj txvbqb7tt", r = "txvbqbfpn txvbqbh4x txvbqbhdy", i = "txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g", a = "txvbqbfpn txvbqbh4x txvbqbhdl", o = "txvbqbfqq txvbqbey txvbqbls4 txvbqb19fz txvbqbjl1 txvbqb1bgv";
+var e = "txvbqb5b1 txvbqb2cx txvbqb8dl txvbqb6gz txvbqb1ch txvbqbdqn", t = "txvbqb5b1 txvbqb2cx txvbqb8dl txvbqb6gz txvbqb1ch", n = "txvbqb5b1 txvbqb2cx txvbqbgag txvbqb33v txvbqb3g8 txvbqbms txvbqb10q", r = "txvbqb5b1 txvbqb6bf txvbqb6h9", i = "txvbqb5b1 txvbqb2cx txvbqb6gz txvbqb1ch", a = "txvbqb5b1 txvbqb6bf txvbqb6gz", o = "txvbqb5bv txvbqb2cx txvbqb8db txvbqbldd txvbqb7i7 txvbqbe3";
 //#endregion
 export { t as headerActionGroup, e as headerActions, r as headerBlock, i as headerMeta, a as headerMetaList, n as headerRelationGroup, o as relationCountLoading };
 

package/lib/esm/pages/backofficeEntityListPage.css.js

@@ -1,5 +1,5 @@
 //#region src/pages/backofficeEntityListPage.css.ts
-var e = "txvbqbfpn txvbqbey txvbqbhdl txvbqbh7g", t = "txvbqblsh", n = "c0tad0 txvbqbfqq txvbqbey txvbqbls4 txvbqb19hf txvbqbjmh txvbqbvat txvbqbub2 txvbqb2tz txvbqb1b5h txvbqb1bgt txvbqb3f txvbqb7h txvbqb76 txvbqb7t txvbqb1ctz txvbqb1emf qbwcue0 txvbqb1fgi txvbqb1gaq";
+var e = "txvbqb5b1 txvbqb2cx txvbqb6gz txvbqb1ch", t = "txvbqb8dl", n = "c0tad0 txvbqb5bv txvbqb2cx txvbqb8db txvbqbleh txvbqb7jb txvbqbdsv txvbqbd1d txvbqbmw txvbqb8i txvbqbe2 txvbqb3f txvbqb7h txvbqb76 txvbqb7t txvbqbmrt txvbqbok9 qbwcue0 txvbqbpec txvbqbq8k";
 //#endregion
 export { n as actionTrigger, t as actionsColumnCell, e as headerActions };
 

package/lib/esm/pages/detail/BackofficeEntityDetailLayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailLayoutContext.js","names":[],"sources":["../../../../src/pages/detail/BackofficeEntityDetailLayoutContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type {\n  BackofficeDetailPageRouteSpec,\n  BackofficeResolvedDetailLayoutFacetConfigBase,\n} from '@plumile/backoffice-core/types.js';\nimport type { TabItem } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\n\nexport type BackofficeEntityDetailLayoutContextValue = {\n  activePage: BackofficeDetailPageRouteSpec;\n  config: BackofficeResolvedDetailLayoutFacetConfigBase;\n  entityId: string;\n  layoutView: unknown;\n  tabsItems: readonly TabItem[];\n  visiblePages: readonly BackofficeDetailPageRouteSpec[];\n};\n\nconst BackofficeEntityDetailLayoutContext =\n  createContext<BackofficeEntityDetailLayoutContextValue | null>(null);\n\nexport const BackofficeEntityDetailLayoutContextProvider =\n  BackofficeEntityDetailLayoutContext.Provider;\n\nexport const useBackofficeEntityDetailLayoutContext =\n  (): BackofficeEntityDetailLayoutContextValue => {\n    const context = useContext(BackofficeEntityDetailLayoutContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeEntityDetailLayoutContext is missing. Ensure detail pages are rendered under the entity layout route.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAgBA,IAAM,IACJ,EAA+D,IAAI,GAExD,IACX,EAAoC,UAEzB,UACqC;CAC9C,IAAM,IAAU,EAAW,CAAmC;CAC9D,IAAI,KAAW,MACb,MAAU,MACR,iHACF;CAEF,OAAO;AACT"}
+{"version":3,"file":"BackofficeEntityDetailLayoutContext.js","names":[],"sources":["../../../../src/pages/detail/BackofficeEntityDetailLayoutContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type {\n  BackofficeDetailPageRouteSpec,\n  BackofficeResolvedDetailLayoutFacetConfigBase,\n} from '@plumile/backoffice-core/types.js';\nimport type { NavigationTabItem } from '@plumile/ui/atomic/molecules/tabs/NavigationTabs.js';\n\nexport type BackofficeEntityDetailLayoutContextValue = {\n  activePage: BackofficeDetailPageRouteSpec;\n  config: BackofficeResolvedDetailLayoutFacetConfigBase;\n  entityId: string;\n  layoutView: unknown;\n  tabsItems: readonly NavigationTabItem[];\n  visiblePages: readonly BackofficeDetailPageRouteSpec[];\n};\n\nconst BackofficeEntityDetailLayoutContext =\n  createContext<BackofficeEntityDetailLayoutContextValue | null>(null);\n\nexport const BackofficeEntityDetailLayoutContextProvider =\n  BackofficeEntityDetailLayoutContext.Provider;\n\nexport const useBackofficeEntityDetailLayoutContext =\n  (): BackofficeEntityDetailLayoutContextValue => {\n    const context = useContext(BackofficeEntityDetailLayoutContext);\n    if (context == null) {\n      throw new Error(\n        'BackofficeEntityDetailLayoutContext is missing. Ensure detail pages are rendered under the entity layout route.',\n      );\n    }\n    return context;\n  };\n"],"mappings":";;AAgBA,IAAM,IACJ,EAA+D,IAAI,GAExD,IACX,EAAoC,UAEzB,UACqC;CAC9C,IAAM,IAAU,EAAW,CAAmC;CAC9D,IAAI,KAAW,MACb,MAAU,MACR,iHACF;CAEF,OAAO;AACT"}

package/lib/esm/pages/detail/BackofficeEntityDetailManifestFallback.js

@@ -5,7 +5,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
 import a from "@plumile/router/routing/useLocation.js";
 import { BackofficePageHeader as o } from "@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
-import { Tabs as s } from "@plumile/ui/atomic/molecules/tabs/Tabs.js";
+import { NavigationTabs as s } from "@plumile/ui/atomic/molecules/tabs/NavigationTabs.js";
 import { DetailPageTemplate as c } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
 //#region src/pages/detail/BackofficeEntityDetailManifestFallback.tsx
 var l = (e) => e.trim().replace(/^\/+|\/+$/g, ""), u = (e, t, n, r, i) => {

package/lib/esm/pages/detail/BackofficeEntityDetailManifestFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailManifestFallback.js","names":[],"sources":["../../../../src/pages/detail/BackofficeEntityDetailManifestFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport type {\n  BackofficeDetailPageManifestItem,\n  BackofficeEntityManifestItem,\n} from '@plumile/backoffice-core/types.js';\nimport { Tabs } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeRightPageLayout } from '../../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport type { BackofficeTopbarBreadcrumbItem } from '../../components/backoffice/layout/breadcrumb/types.js';\nimport { BackofficeStaticRouteFallback } from '../../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityDetailManifestFallbackProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  id: string;\n  pageId?: string | null;\n  pagePath?: string | null;\n};\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveManifestPage = (\n  entityManifest: BackofficeEntityManifestItem,\n  id: string,\n  pageId: string | null | undefined,\n  pagePath: string | null | undefined,\n  currentPathname: string,\n): BackofficeDetailPageManifestItem | null => {\n  const pages = entityManifest.detailPages ?? [];\n  if (pages.length === 0) {\n    return null;\n  }\n\n  const normalizedPagePath = normalizePath(pagePath ?? '');\n  if (normalizedPagePath !== '') {\n    const byPath = pages.find((page) => {\n      return normalizePath(page.pathSegment) === normalizedPagePath;\n    });\n    if (byPath != null) {\n      return byPath;\n    }\n  }\n\n  const normalizedCurrentPathname = normalizePath(currentPathname);\n  if (normalizedCurrentPathname !== '') {\n    const byCurrentPathname = pages.find((page) => {\n      return (\n        normalizePath(entityManifest.routes.detailPage(id, page.id)) ===\n        normalizedCurrentPathname\n      );\n    });\n    if (byCurrentPathname != null) {\n      return byCurrentPathname;\n    }\n  }\n\n  if (pageId != null) {\n    const byId = pages.find((page) => {\n      return page.id === pageId;\n    });\n    if (byId != null) {\n      return byId;\n    }\n  }\n\n  const defaultPage = pages.find((page) => {\n    return page.id === entityManifest.defaultDetailPageId;\n  });\n  return defaultPage ?? pages[0] ?? null;\n};\n\nexport const BackofficeEntityDetailManifestFallback = ({\n  entityManifest,\n  id,\n  pageId,\n  pagePath,\n}: BackofficeEntityDetailManifestFallbackProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const listLabel = entityManifest.label(tApp);\n  const detailLabel =\n    entityManifest.detailLabel?.(tApp) ?? t('detail.loadingTitle');\n  const activePage = resolveManifestPage(\n    entityManifest,\n    id,\n    pageId,\n    pagePath,\n    pathname,\n  );\n  const breadcrumb: BackofficeTopbarBreadcrumbItem[] = [\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-list',\n        entityId: entityManifest.id,\n      },\n      label: listLabel,\n    },\n  ];\n\n  if (activePage == null) {\n    breadcrumb.push({\n      kind: 'current',\n      target: {\n        kind: 'entity-detail',\n        entityId: entityManifest.id,\n        id,\n      },\n      label: detailLabel,\n    });\n  } else {\n    breadcrumb.push(\n      {\n        kind: 'link',\n        target: {\n          kind: 'entity-detail',\n          entityId: entityManifest.id,\n          id,\n        },\n        label: detailLabel,\n      },\n      {\n        kind: 'current',\n        target: {\n          kind: 'entity-detail-page',\n          entityId: entityManifest.id,\n          id,\n          pageId: activePage.id,\n        },\n        label: activePage.label(tApp),\n      },\n    );\n  }\n\n  const pages = entityManifest.detailPages ?? [];\n  let tabsNode: JSX.Element | null = null;\n  if (pages.length > 1 && activePage != null) {\n    tabsNode = (\n      <Tabs\n        items={pages.map((page) => {\n          return {\n            id: page.id,\n            label: page.label(tApp),\n            preloadOnHover: 'code-and-data',\n            to: entityManifest.routes.detailPage(id, page.id),\n          };\n        })}\n        activeId={activePage.id}\n        variant=\"underline\"\n      />\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DetailPageTemplate\n        headerNode={<BackofficePageHeader title={detailLabel} />}\n        tabsNode={tabsNode}\n        headerDensity=\"compact\"\n      >\n        <BackofficeStaticRouteFallback label={t('common.loading')} />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;AAwBA,IAAM,KAAiB,MACd,EAAM,KAAK,CAAC,CAAC,QAAQ,cAAc,EAAE,GAGxC,KACJ,GACA,GACA,GACA,GACA,MAC4C;CAC5C,IAAM,IAAQ,EAAe,eAAe,CAAC;CAC7C,IAAI,EAAM,WAAW,GACnB,OAAO;CAGT,IAAM,IAAqB,EAAc,KAAY,EAAE;CACvD,IAAI,MAAuB,IAAI;EAC7B,IAAM,IAAS,EAAM,MAAM,MAClB,EAAc,EAAK,WAAW,MAAM,CAC5C;EACD,IAAI,KAAU,MACZ,OAAO;CAEX;CAEA,IAAM,IAA4B,EAAc,CAAe;CAC/D,IAAI,MAA8B,IAAI;EACpC,IAAM,IAAoB,EAAM,MAAM,MAElC,EAAc,EAAe,OAAO,WAAW,GAAI,EAAK,EAAE,CAAC,MAC3D,CAEH;EACD,IAAI,KAAqB,MACvB,OAAO;CAEX;CAEA,IAAI,KAAU,MAAM;EAClB,IAAM,IAAO,EAAM,MAAM,MAChB,EAAK,OAAO,CACpB;EACD,IAAI,KAAQ,MACV,OAAO;CAEX;CAKA,OAHoB,EAAM,MAAM,MACvB,EAAK,OAAO,EAAe,mBAE7B,KAAe,EAAM,MAAM;AACpC,GAEa,KAA0C,EACrD,mBACA,OACA,WACA,kBAC8D;CAC9D,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,gBAAa,EAAY,GAC3B,IAAY,EAAe,MAAM,CAAI,GACrC,IACJ,EAAe,cAAc,CAAI,KAAK,EAAE,qBAAqB,GACzD,IAAa,EACjB,GACA,GACA,GACA,GACA,CACF,GACM,IAA+C,CACnD;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;EAC3B;EACA,OAAO;CACT,CACF;CAEA,AAAI,KAAc,OAChB,EAAW,KAAK;EACd,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;EACF;EACA,OAAO;CACT,CAAC,IAED,EAAW,KACT;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;EACF;EACA,OAAO;CACT,GACA;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;GACA,QAAQ,EAAW;EACrB;EACA,OAAO,EAAW,MAAM,CAAI;CAC9B,CACF;CAGF,IAAM,IAAQ,EAAe,eAAe,CAAC,GACzC,IAA+B;CAkBnC,OAjBI,EAAM,SAAS,KAAK,KAAc,SACpC,IACE,kBAAC,GAAD;EACE,OAAO,EAAM,KAAK,OACT;GACL,IAAI,EAAK;GACT,OAAO,EAAK,MAAM,CAAI;GACtB,gBAAgB;GAChB,IAAI,EAAe,OAAO,WAAW,GAAI,EAAK,EAAE;EAClD,EACD;EACD,UAAU,EAAW;EACrB,SAAQ;CACT,CAAA,IAKH,kBAAC,GAAD;EAAuC;EACrC,UAAA,kBAAC,GAAD;GACE,YAAY,kBAAC,GAAD,EAAsB,OAAO,EAAc,CAAA;GAC7C;GACV,eAAc;GAEd,UAAA,kBAAC,GAAD,EAA+B,OAAO,EAAE,gBAAgB,EAAI,CAAA;EAC1C,CAAA;CACK,CAAA;AAE/B"}
+{"version":3,"file":"BackofficeEntityDetailManifestFallback.js","names":[],"sources":["../../../../src/pages/detail/BackofficeEntityDetailManifestFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport type {\n  BackofficeDetailPageManifestItem,\n  BackofficeEntityManifestItem,\n} from '@plumile/backoffice-core/types.js';\nimport { NavigationTabs } from '@plumile/ui/atomic/molecules/tabs/NavigationTabs.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeRightPageLayout } from '../../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport type { BackofficeTopbarBreadcrumbItem } from '../../components/backoffice/layout/breadcrumb/types.js';\nimport { BackofficeStaticRouteFallback } from '../../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { useBackofficeReactTranslation } from '../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityDetailManifestFallbackProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  id: string;\n  pageId?: string | null;\n  pagePath?: string | null;\n};\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveManifestPage = (\n  entityManifest: BackofficeEntityManifestItem,\n  id: string,\n  pageId: string | null | undefined,\n  pagePath: string | null | undefined,\n  currentPathname: string,\n): BackofficeDetailPageManifestItem | null => {\n  const pages = entityManifest.detailPages ?? [];\n  if (pages.length === 0) {\n    return null;\n  }\n\n  const normalizedPagePath = normalizePath(pagePath ?? '');\n  if (normalizedPagePath !== '') {\n    const byPath = pages.find((page) => {\n      return normalizePath(page.pathSegment) === normalizedPagePath;\n    });\n    if (byPath != null) {\n      return byPath;\n    }\n  }\n\n  const normalizedCurrentPathname = normalizePath(currentPathname);\n  if (normalizedCurrentPathname !== '') {\n    const byCurrentPathname = pages.find((page) => {\n      return (\n        normalizePath(entityManifest.routes.detailPage(id, page.id)) ===\n        normalizedCurrentPathname\n      );\n    });\n    if (byCurrentPathname != null) {\n      return byCurrentPathname;\n    }\n  }\n\n  if (pageId != null) {\n    const byId = pages.find((page) => {\n      return page.id === pageId;\n    });\n    if (byId != null) {\n      return byId;\n    }\n  }\n\n  const defaultPage = pages.find((page) => {\n    return page.id === entityManifest.defaultDetailPageId;\n  });\n  return defaultPage ?? pages[0] ?? null;\n};\n\nexport const BackofficeEntityDetailManifestFallback = ({\n  entityManifest,\n  id,\n  pageId,\n  pagePath,\n}: BackofficeEntityDetailManifestFallbackProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const listLabel = entityManifest.label(tApp);\n  const detailLabel =\n    entityManifest.detailLabel?.(tApp) ?? t('detail.loadingTitle');\n  const activePage = resolveManifestPage(\n    entityManifest,\n    id,\n    pageId,\n    pagePath,\n    pathname,\n  );\n  const breadcrumb: BackofficeTopbarBreadcrumbItem[] = [\n    {\n      kind: 'link',\n      target: {\n        kind: 'entity-list',\n        entityId: entityManifest.id,\n      },\n      label: listLabel,\n    },\n  ];\n\n  if (activePage == null) {\n    breadcrumb.push({\n      kind: 'current',\n      target: {\n        kind: 'entity-detail',\n        entityId: entityManifest.id,\n        id,\n      },\n      label: detailLabel,\n    });\n  } else {\n    breadcrumb.push(\n      {\n        kind: 'link',\n        target: {\n          kind: 'entity-detail',\n          entityId: entityManifest.id,\n          id,\n        },\n        label: detailLabel,\n      },\n      {\n        kind: 'current',\n        target: {\n          kind: 'entity-detail-page',\n          entityId: entityManifest.id,\n          id,\n          pageId: activePage.id,\n        },\n        label: activePage.label(tApp),\n      },\n    );\n  }\n\n  const pages = entityManifest.detailPages ?? [];\n  let tabsNode: JSX.Element | null = null;\n  if (pages.length > 1 && activePage != null) {\n    tabsNode = (\n      <NavigationTabs\n        items={pages.map((page) => {\n          return {\n            id: page.id,\n            label: page.label(tApp),\n            preloadOnHover: 'code-and-data',\n            to: entityManifest.routes.detailPage(id, page.id),\n          };\n        })}\n        activeId={activePage.id}\n        variant=\"underline\"\n      />\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DetailPageTemplate\n        headerNode={<BackofficePageHeader title={detailLabel} />}\n        tabsNode={tabsNode}\n        headerDensity=\"compact\"\n      >\n        <BackofficeStaticRouteFallback label={t('common.loading')} />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;AAwBA,IAAM,KAAiB,MACd,EAAM,KAAK,CAAC,CAAC,QAAQ,cAAc,EAAE,GAGxC,KACJ,GACA,GACA,GACA,GACA,MAC4C;CAC5C,IAAM,IAAQ,EAAe,eAAe,CAAC;CAC7C,IAAI,EAAM,WAAW,GACnB,OAAO;CAGT,IAAM,IAAqB,EAAc,KAAY,EAAE;CACvD,IAAI,MAAuB,IAAI;EAC7B,IAAM,IAAS,EAAM,MAAM,MAClB,EAAc,EAAK,WAAW,MAAM,CAC5C;EACD,IAAI,KAAU,MACZ,OAAO;CAEX;CAEA,IAAM,IAA4B,EAAc,CAAe;CAC/D,IAAI,MAA8B,IAAI;EACpC,IAAM,IAAoB,EAAM,MAAM,MAElC,EAAc,EAAe,OAAO,WAAW,GAAI,EAAK,EAAE,CAAC,MAC3D,CAEH;EACD,IAAI,KAAqB,MACvB,OAAO;CAEX;CAEA,IAAI,KAAU,MAAM;EAClB,IAAM,IAAO,EAAM,MAAM,MAChB,EAAK,OAAO,CACpB;EACD,IAAI,KAAQ,MACV,OAAO;CAEX;CAKA,OAHoB,EAAM,MAAM,MACvB,EAAK,OAAO,EAAe,mBAE7B,KAAe,EAAM,MAAM;AACpC,GAEa,KAA0C,EACrD,mBACA,OACA,WACA,kBAC8D;CAC9D,IAAM,EAAE,GAAG,MAAS,EAAe,GAC7B,EAAE,SAAM,EAA8B,GACtC,EAAE,gBAAa,EAAY,GAC3B,IAAY,EAAe,MAAM,CAAI,GACrC,IACJ,EAAe,cAAc,CAAI,KAAK,EAAE,qBAAqB,GACzD,IAAa,EACjB,GACA,GACA,GACA,GACA,CACF,GACM,IAA+C,CACnD;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;EAC3B;EACA,OAAO;CACT,CACF;CAEA,AAAI,KAAc,OAChB,EAAW,KAAK;EACd,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;EACF;EACA,OAAO;CACT,CAAC,IAED,EAAW,KACT;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;EACF;EACA,OAAO;CACT,GACA;EACE,MAAM;EACN,QAAQ;GACN,MAAM;GACN,UAAU,EAAe;GACzB;GACA,QAAQ,EAAW;EACrB;EACA,OAAO,EAAW,MAAM,CAAI;CAC9B,CACF;CAGF,IAAM,IAAQ,EAAe,eAAe,CAAC,GACzC,IAA+B;CAkBnC,OAjBI,EAAM,SAAS,KAAK,KAAc,SACpC,IACE,kBAAC,GAAD;EACE,OAAO,EAAM,KAAK,OACT;GACL,IAAI,EAAK;GACT,OAAO,EAAK,MAAM,CAAI;GACtB,gBAAgB;GAChB,IAAI,EAAe,OAAO,WAAW,GAAI,EAAK,EAAE;EAClD,EACD;EACD,UAAU,EAAW;EACrB,SAAQ;CACT,CAAA,IAKH,kBAAC,GAAD;EAAuC;EACrC,UAAA,kBAAC,GAAD;GACE,YAAY,kBAAC,GAAD,EAAsB,OAAO,EAAc,CAAA;GAC7C;GACV,eAAc;GAEd,UAAA,kBAAC,GAAD,EAA+B,OAAO,EAAE,gBAAgB,EAAI,CAAA;EAC1C,CAAA;CACK,CAAA;AAE/B"}

package/lib/esm/pages/detail/buildTabsItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildTabsItems.js","names":[],"sources":["../../../../src/pages/detail/buildTabsItems.ts"],"sourcesContent":["import type { BackofficeDetailPageRouteSpec } from '@plumile/backoffice-core/types.js';\nimport type { TabItem } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport type { TFunction } from 'i18next';\n\ntype DetailRoutePage<Node> = BackofficeDetailPageRouteSpec<Node>;\n\nexport const buildTabsItems = <Node>(input: {\n  pages: readonly DetailRoutePage<Node>[];\n  id: string;\n  tApp: TFunction;\n  detailPageHref: (id: string, pageId: string) => string;\n}): readonly TabItem[] => {\n  return input.pages.map((page) => {\n    return {\n      id: page.id,\n      label: page.label(input.tApp),\n      preloadOnHover: 'code-and-data',\n      to: input.detailPageHref(input.id, page.id),\n    };\n  });\n};\n"],"mappings":";AAMA,IAAa,KAAwB,MAM5B,EAAM,MAAM,KAAK,OACf;CACL,IAAI,EAAK;CACT,OAAO,EAAK,MAAM,EAAM,IAAI;CAC5B,gBAAgB;CAChB,IAAI,EAAM,eAAe,EAAM,IAAI,EAAK,EAAE;AAC5C,EACD"}
+{"version":3,"file":"buildTabsItems.js","names":[],"sources":["../../../../src/pages/detail/buildTabsItems.ts"],"sourcesContent":["import type { BackofficeDetailPageRouteSpec } from '@plumile/backoffice-core/types.js';\nimport type { NavigationTabItem } from '@plumile/ui/atomic/molecules/tabs/NavigationTabs.js';\nimport type { TFunction } from 'i18next';\n\ntype DetailRoutePage<Node> = BackofficeDetailPageRouteSpec<Node>;\n\nexport const buildTabsItems = <Node>(input: {\n  pages: readonly DetailRoutePage<Node>[];\n  id: string;\n  tApp: TFunction;\n  detailPageHref: (id: string, pageId: string) => string;\n}): readonly NavigationTabItem[] => {\n  return input.pages.map((page) => {\n    return {\n      id: page.id,\n      label: page.label(input.tApp),\n      preloadOnHover: 'code-and-data',\n      to: input.detailPageHref(input.id, page.id),\n    };\n  });\n};\n"],"mappings":";AAMA,IAAa,KAAwB,MAM5B,EAAM,MAAM,KAAK,OACf;CACL,IAAI,EAAK;CACT,OAAO,EAAK,MAAM,EAAM,IAAI;CAC5B,gBAAgB;CAChB,IAAI,EAAM,eAAe,EAAM,IAAI,EAAK,EAAE;AAC5C,EACD"}