@plumile/backoffice-react 0.1.108 → 0.1.112

package/lib/esm/components/backoffice/tools/BackofficeToolsQueryBoundary.js

@@ -3,26 +3,26 @@ import { BackofficeDetailSection as t } from "../detail/BackofficeDetailSection.
 import { BackofficeToolsErrorFallback as n } from "./BackofficeToolsErrorFallback.js";
 import { loadingState as r } from "./backofficeToolsForm.css.js";
 import { Suspense as i } from "react";
-import { Spinner as a } from "@plumile/ui";
-import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as s } from "react-i18next";
+import { jsx as a } from "react/jsx-runtime";
+import { useTranslation as o } from "react-i18next";
+import { Spinner as s } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
 //#region src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx
 var c = ({ children: c }) => {
-	let { t: l } = s("backofficeReact");
-	return /* @__PURE__ */ o(e, {
-		fallback: ({ error: e, reset: t }) => /* @__PURE__ */ o(n, {
+	let { t: l } = o("backofficeReact");
+	return /* @__PURE__ */ a(e, {
+		fallback: ({ error: e, reset: t }) => /* @__PURE__ */ a(n, {
 			error: e,
 			onRetry: t
 		}),
-		children: /* @__PURE__ */ o(i, {
-			fallback: /* @__PURE__ */ o(t, {
+		children: /* @__PURE__ */ a(i, {
+			fallback: /* @__PURE__ */ a(t, {
 				title: l("tools.output"),
 				description: l("tools.loading.description"),
-				children: /* @__PURE__ */ o("div", {
+				children: /* @__PURE__ */ a("div", {
 					className: r,
 					role: "status",
 					"aria-live": "polite",
-					children: /* @__PURE__ */ o(a, {})
+					children: /* @__PURE__ */ a(s, {})
 				})
 			}),
 			children: c

package/lib/esm/components/backoffice/tools/BackofficeToolsQueryBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeToolsQueryBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Spinner } from '@plumile/ui';\n\nimport { BackofficeDetailSection } from '../detail/BackofficeDetailSection.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nimport { BackofficeToolsErrorFallback } from './BackofficeToolsErrorFallback.js';\nimport * as styles from './backofficeToolsForm.css.js';\n\nexport type BackofficeToolsQueryBoundaryProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeToolsQueryBoundary = ({\n  children,\n}: BackofficeToolsQueryBoundaryProps): JSX.Element => {\n  const { t } = useTranslation('backofficeReact');\n\n  const fallback = (\n    <BackofficeDetailSection\n      title={t('tools.output')}\n      description={t('tools.loading.description')}\n    >\n      <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n        <Spinner />\n      </div>\n    </BackofficeDetailSection>\n  );\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={({ error, reset }) => {\n        return <BackofficeToolsErrorFallback error={error} onRetry={reset} />;\n      }}\n    >\n      <Suspense fallback={fallback}>{children}</Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeToolsQueryBoundary;\n"],"mappings":";;;;;;;;;AAeA,IAAa,KAAgC,EAC3C,kBACoD;CACpD,IAAM,EAAE,SAAM,EAAe,kBAAkB;CAa/C,OACE,kBAAC,GAAD;EACE,WAAW,EAAE,UAAO,eACX,kBAAC,GAAD;GAAqC;GAAO,SAAS;GAAS,CAAA;YAGvE,kBAAC,GAAD;GAAoB,UAhBtB,kBAAC,GAAD;IACE,OAAO,EAAE,eAAe;IACxB,aAAa,EAAE,4BAA4B;cAE3C,kBAAC,OAAD;KAAK,WAAW;KAAqB,MAAK;KAAS,aAAU;eAC3D,kBAAC,GAAD,EAAW,CAAA;KACP,CAAA;IACkB,CASJ;GAAW;GAAoB,CAAA;EAC3B,CAAA"}
+{"version":3,"file":"BackofficeToolsQueryBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\n\nimport { BackofficeDetailSection } from '../detail/BackofficeDetailSection.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nimport { BackofficeToolsErrorFallback } from './BackofficeToolsErrorFallback.js';\nimport * as styles from './backofficeToolsForm.css.js';\n\nexport type BackofficeToolsQueryBoundaryProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeToolsQueryBoundary = ({\n  children,\n}: BackofficeToolsQueryBoundaryProps): JSX.Element => {\n  const { t } = useTranslation('backofficeReact');\n\n  const fallback = (\n    <BackofficeDetailSection\n      title={t('tools.output')}\n      description={t('tools.loading.description')}\n    >\n      <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n        <Spinner />\n      </div>\n    </BackofficeDetailSection>\n  );\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={({ error, reset }) => {\n        return <BackofficeToolsErrorFallback error={error} onRetry={reset} />;\n      }}\n    >\n      <Suspense fallback={fallback}>{children}</Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeToolsQueryBoundary;\n"],"mappings":";;;;;;;;;AAeA,IAAa,KAAgC,EAC3C,kBACoD;CACpD,IAAM,EAAE,SAAM,EAAe,kBAAkB;CAa/C,OACE,kBAAC,GAAD;EACE,WAAW,EAAE,UAAO,eACX,kBAAC,GAAD;GAAqC;GAAO,SAAS;GAAS,CAAA;YAGvE,kBAAC,GAAD;GAAoB,UAhBtB,kBAAC,GAAD;IACE,OAAO,EAAE,eAAe;IACxB,aAAa,EAAE,4BAA4B;cAE3C,kBAAC,OAAD;KAAK,WAAW;KAAqB,MAAK;KAAS,aAAU;eAC3D,kBAAC,GAAD,EAAW,CAAA;KACP,CAAA;IACkB,CASJ;GAAW;GAAoB,CAAA;EAC3B,CAAA"}

package/lib/esm/components/backoffice/tools/backofficeToolsDocPanel.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeToolsDocPanel.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsDocPanel.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const panelGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const panel = sprinkles({\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  borderRadius: 'lg',\n  backgroundColor: 'surface',\n  overflow: 'hidden',\n});\n\nexport const trigger = style([\n  sprinkles({\n    width: 'full',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 2,\n    paddingY: 3,\n    paddingX: 4,\n    backgroundColor: 'transparent',\n    borderWidth: 0,\n    borderStyle: 'none',\n    color: 'text',\n    cursor: 'pointer',\n    textAlign: 'left',\n  }),\n  {\n    selectors: {\n      '&:focus-visible': {\n        outline: 'none',\n        boxShadow: `inset 0 0 0 2px ${vars.colors.primary}`,\n      },\n    },\n  },\n]);\n\nexport const triggerTitle = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n});\n\nexport const triggerIcon = sprinkles({\n  color: 'textSecondary',\n  transitionProperty: 'transform',\n  transitionDuration: 120,\n  transitionTimingFunction: 'ease',\n});\n\nexport const triggerIconOpen = sprinkles({\n  rotate: 180,\n});\n\nexport const content = sprinkles({\n  borderTopWidth: 'px',\n  borderStyle: 'solid',\n  borderTopColor: 'borderLight',\n  backgroundColor: 'surfaceSecondary',\n  padding: 3,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeToolsDocPanel.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsDocPanel.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const panelGroup = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const panel = sprinkles({\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'border',\n  borderRadius: 'lg',\n  backgroundColor: 'surface',\n  overflow: 'hidden',\n});\n\nexport const trigger = style([\n  sprinkles({\n    width: 'full',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 2,\n    paddingY: 3,\n    paddingX: 4,\n    backgroundColor: 'transparent',\n    borderWidth: 0,\n    borderStyle: 'none',\n    color: 'text',\n    cursor: 'pointer',\n    textAlign: 'left',\n  }),\n  {\n    selectors: {\n      '&:focus-visible': {\n        outline: 'none',\n        boxShadow: `inset 0 0 0 2px ${vars.colors.primary}`,\n      },\n    },\n  },\n]);\n\nexport const triggerTitle = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n});\n\nexport const triggerIcon = sprinkles({\n  color: 'textSecondary',\n  transitionProperty: 'transform',\n  transitionDuration: 120,\n  transitionTimingFunction: 'ease',\n});\n\nexport const triggerIconOpen = sprinkles({\n  rotate: 180,\n});\n\nexport const content = sprinkles({\n  borderTopWidth: 'px',\n  borderStyle: 'solid',\n  borderTopColor: 'borderLight',\n  backgroundColor: 'surfaceSecondary',\n  padding: 3,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/tools/backofficeToolsForm.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeToolsForm.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsForm.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const form = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  justifyContent: {\n    base: 'flex-end',\n    sm: 'stretch',\n  },\n});\n\nexport const inputHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n\nexport const outputStack = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const keyValueGrid = sprinkles({\n  display: 'grid',\n  gap: 4,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n\nexport const loadingState = sprinkles({\n  display: 'flex',\n  justifyContent: 'center',\n  paddingY: 5,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeToolsForm.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsForm.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const form = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  justifyContent: {\n    base: 'flex-end',\n    sm: 'stretch',\n  },\n});\n\nexport const inputHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n\nexport const outputStack = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const keyValueGrid = sprinkles({\n  display: 'grid',\n  gap: 4,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n\nexport const loadingState = sprinkles({\n  display: 'flex',\n  justifyContent: 'center',\n  paddingY: 5,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/tools/backofficeToolsJsonForm.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeToolsJsonForm.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsJsonForm.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const form = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  justifyContent: {\n    base: 'flex-end',\n    sm: 'stretch',\n  },\n});\n\nexport const inputHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeToolsJsonForm.css.js","names":[],"sources":["../../../../../src/components/backoffice/tools/backofficeToolsJsonForm.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const form = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  justifyContent: {\n    base: 'flex-end',\n    sm: 'stretch',\n  },\n});\n\nexport const inputHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n"],"mappings":""}

package/lib/esm/hooks/useBackofficeListUrlState.js

@@ -1,5 +1,6 @@
 import { useCallback as e, useContext as t, useMemo as n } from "react";
-import { RoutingContext as r, useLocation as i } from "@plumile/router";
+import r from "@plumile/router/routing/RoutingContext.js";
+import i from "@plumile/router/routing/useLocation.js";
 //#region src/hooks/useBackofficeListUrlState.ts
 function a(e) {
 	return e.trim() === "" ? new URLSearchParams() : new URLSearchParams(e);

package/lib/esm/hooks/useBackofficeListUrlState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBackofficeListUrlState.js","names":[],"sources":["../../../src/hooks/useBackofficeListUrlState.ts"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react';\nimport { RoutingContext, useLocation } from '@plumile/router';\n\nimport type {\n  BackofficeListState,\n  BackofficeRuntimeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\n\n/** Normalizes a router `location.search` string into URLSearchParams. */\nfunction normalizeSearch(value: string): URLSearchParams {\n  if (value.trim() === '') {\n    return new URLSearchParams();\n  }\n  return new URLSearchParams(value);\n}\n\ntype ReturnValue<Where extends Record<string, unknown>, Sort extends string> = {\n  state: BackofficeListState<Where, Sort>;\n  pushState: (next: BackofficeListState<Where, Sort>) => void;\n};\n\n/** Keeps list state in sync with the URL search params for backoffice pages. */\nexport function useBackofficeListUrlState<\n  Where extends Record<string, unknown>,\n  Sort extends string,\n>(config: BackofficeRuntimeResolvedListFacetConfig): ReturnValue<Where, Sort> {\n  const routing = useContext(RoutingContext);\n  const { hash, pathname, search } = useLocation();\n  const fallbackState = useMemo(() => {\n    return {\n      where: null,\n      sort: null,\n    };\n  }, []);\n\n  const state = useMemo(() => {\n    if (config.listUrlCodec == null) {\n      return fallbackState;\n    }\n    return config.listUrlCodec.parse(\n      normalizeSearch(search),\n    ) as BackofficeListState<Where, Sort>;\n  }, [config.listUrlCodec, fallbackState, search]);\n\n  const pushState = useCallback(\n    (next: BackofficeListState<Where, Sort>) => {\n      if (routing == null) {\n        return;\n      }\n      if (config.listUrlCodec == null) {\n        return;\n      }\n\n      const params = config.listUrlCodec.serialize(next as never);\n      const qs = params.toString();\n\n      let nextSearch = '';\n      if (qs !== '') {\n        nextSearch = `?${qs}`;\n      }\n\n      routing.history.push({\n        pathname,\n        search: nextSearch,\n        hash,\n      });\n    },\n    [config.listUrlCodec, hash, pathname, routing],\n  );\n\n  return { state, pushState };\n}\n"],"mappings":";;;AASA,SAAS,EAAgB,GAAgC;CAIvD,OAHI,EAAM,MAAM,KAAK,KACZ,IAAI,iBAAiB,GAEvB,IAAI,gBAAgB,EAAM;;AASnC,SAAgB,EAGd,GAA4E;CAC5E,IAAM,IAAU,EAAW,EAAe,EACpC,EAAE,SAAM,aAAU,cAAW,GAAa,EAC1C,IAAgB,SACb;EACL,OAAO;EACP,MAAM;EACP,GACA,EAAE,CAAC;CAqCN,OAAO;EAAE,OAnCK,QACR,EAAO,gBAAgB,OAClB,IAEF,EAAO,aAAa,MACzB,EAAgB,EAAO,CACxB,EACA;GAAC,EAAO;GAAc;GAAe;GAAO,CA4BtC;EAAO,WA1BE,GACf,MAA2C;GAI1C,IAHI,KAAW,QAGX,EAAO,gBAAgB,MACzB;GAIF,IAAM,IADS,EAAO,aAAa,UAAU,EAClC,CAAO,UAAU,EAExB,IAAa;GAKjB,AAJI,MAAO,OACT,IAAa,IAAI,MAGnB,EAAQ,QAAQ,KAAK;IACnB;IACA,QAAQ;IACR;IACD,CAAC;KAEJ;GAAC,EAAO;GAAc;GAAM;GAAU;GAAQ,CAGhC;EAAW"}
+{"version":3,"file":"useBackofficeListUrlState.js","names":[],"sources":["../../../src/hooks/useBackofficeListUrlState.ts"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport type {\n  BackofficeListState,\n  BackofficeRuntimeResolvedListFacetConfig,\n} from '@plumile/backoffice-core/types.js';\n\n/** Normalizes a router `location.search` string into URLSearchParams. */\nfunction normalizeSearch(value: string): URLSearchParams {\n  if (value.trim() === '') {\n    return new URLSearchParams();\n  }\n  return new URLSearchParams(value);\n}\n\ntype ReturnValue<Where extends Record<string, unknown>, Sort extends string> = {\n  state: BackofficeListState<Where, Sort>;\n  pushState: (next: BackofficeListState<Where, Sort>) => void;\n};\n\n/** Keeps list state in sync with the URL search params for backoffice pages. */\nexport function useBackofficeListUrlState<\n  Where extends Record<string, unknown>,\n  Sort extends string,\n>(config: BackofficeRuntimeResolvedListFacetConfig): ReturnValue<Where, Sort> {\n  const routing = useContext(RoutingContext);\n  const { hash, pathname, search } = useLocation();\n  const fallbackState = useMemo(() => {\n    return {\n      where: null,\n      sort: null,\n    };\n  }, []);\n\n  const state = useMemo(() => {\n    if (config.listUrlCodec == null) {\n      return fallbackState;\n    }\n    return config.listUrlCodec.parse(\n      normalizeSearch(search),\n    ) as BackofficeListState<Where, Sort>;\n  }, [config.listUrlCodec, fallbackState, search]);\n\n  const pushState = useCallback(\n    (next: BackofficeListState<Where, Sort>) => {\n      if (routing == null) {\n        return;\n      }\n      if (config.listUrlCodec == null) {\n        return;\n      }\n\n      const params = config.listUrlCodec.serialize(next as never);\n      const qs = params.toString();\n\n      let nextSearch = '';\n      if (qs !== '') {\n        nextSearch = `?${qs}`;\n      }\n\n      routing.history.push({\n        pathname,\n        search: nextSearch,\n        hash,\n      });\n    },\n    [config.listUrlCodec, hash, pathname, routing],\n  );\n\n  return { state, pushState };\n}\n"],"mappings":";;;;AAUA,SAAS,EAAgB,GAAgC;CAIvD,OAHI,EAAM,MAAM,KAAK,KACZ,IAAI,iBAAiB,GAEvB,IAAI,gBAAgB,EAAM;;AASnC,SAAgB,EAGd,GAA4E;CAC5E,IAAM,IAAU,EAAW,EAAe,EACpC,EAAE,SAAM,aAAU,cAAW,GAAa,EAC1C,IAAgB,SACb;EACL,OAAO;EACP,MAAM;EACP,GACA,EAAE,CAAC;CAqCN,OAAO;EAAE,OAnCK,QACR,EAAO,gBAAgB,OAClB,IAEF,EAAO,aAAa,MACzB,EAAgB,EAAO,CACxB,EACA;GAAC,EAAO;GAAc;GAAe;GAAO,CA4BtC;EAAO,WA1BE,GACf,MAA2C;GAI1C,IAHI,KAAW,QAGX,EAAO,gBAAgB,MACzB;GAIF,IAAM,IADS,EAAO,aAAa,UAAU,EAClC,CAAO,UAAU,EAExB,IAAa;GAKjB,AAJI,MAAO,OACT,IAAa,IAAI,MAGnB,EAAQ,QAAQ,KAAK;IACnB;IACA,QAAQ;IACR;IACD,CAAC;KAEJ;GAAC,EAAO;GAAc;GAAM;GAAU;GAAQ,CAGhC;EAAW"}

package/lib/esm/pages/BackofficeAcceptInvitationPage.js

@@ -4,7 +4,7 @@ import { useBackofficeAuth as n } from "../hooks/useBackofficeAuth.js";
 import { getBackofficeLoginPath as r } from "../router/backofficeAuthPaths.js";
 import { useCallback as i, useContext as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
-import { RoutingContext as s } from "@plumile/router";
+import s from "@plumile/router/routing/RoutingContext.js";
 //#region src/pages/BackofficeAcceptInvitationPage.tsx
 var c = () => {
 	let c = a(s), { basePath: l } = t();

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeAcceptInvitationPage.js","names":[],"sources":["../../../src/pages/BackofficeAcceptInvitationPage.tsx"],"sourcesContent":["import { useCallback, useContext, type JSX } from 'react';\nimport { RoutingContext } from '@plumile/router';\n\nimport { AcceptInvitationScreen } from '../auth/pages/AcceptInvitationScreen.js';\nimport { useBackofficeAuth } from '../hooks/useBackofficeAuth.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\nexport const BackofficeAcceptInvitationPage = (): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuth();\n\n  const handleSuccessRedirect = useCallback(() => {\n    routerContext?.history.push({ pathname: basePath });\n  }, [basePath, routerContext?.history]);\n\n  const handleBackToLogin = useCallback(() => {\n    routerContext?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n  }, [basePath, routerContext?.history]);\n\n  return (\n    <AcceptInvitationScreen\n      auth={auth}\n      onSuccessRedirect={handleSuccessRedirect}\n      onBackToLogin={handleBackToLogin}\n    />\n  );\n};\n\nexport default BackofficeAcceptInvitationPage;\n"],"mappings":";;;;;;;;AAQA,IAAa,UAAoD;CAC/D,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,gBAAa,GAAqB;CAW1C,OACE,kBAAC,GAAD;EACQ,MAZG,GAYH;EACN,mBAX0B,QAAkB;GAC9C,GAAe,QAAQ,KAAK,EAAE,UAAU,GAAU,CAAC;KAClD,CAAC,GAAU,GAAe,QAAQ,CASd;EACnB,eARsB,QAAkB;GAC1C,GAAe,QAAQ,KAAK,EAAE,UAAU,EAAuB,EAAS,EAAE,CAAC;KAC1E,CAAC,GAAU,GAAe,QAAQ,CAMlB;EACf,CAAA"}
+{"version":3,"file":"BackofficeAcceptInvitationPage.js","names":[],"sources":["../../../src/pages/BackofficeAcceptInvitationPage.tsx"],"sourcesContent":["import { useCallback, useContext, type JSX } from 'react';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { AcceptInvitationScreen } from '../auth/pages/AcceptInvitationScreen.js';\nimport { useBackofficeAuth } from '../hooks/useBackofficeAuth.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\nexport const BackofficeAcceptInvitationPage = (): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuth();\n\n  const handleSuccessRedirect = useCallback(() => {\n    routerContext?.history.push({ pathname: basePath });\n  }, [basePath, routerContext?.history]);\n\n  const handleBackToLogin = useCallback(() => {\n    routerContext?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n  }, [basePath, routerContext?.history]);\n\n  return (\n    <AcceptInvitationScreen\n      auth={auth}\n      onSuccessRedirect={handleSuccessRedirect}\n      onBackToLogin={handleBackToLogin}\n    />\n  );\n};\n\nexport default BackofficeAcceptInvitationPage;\n"],"mappings":";;;;;;;;AAQA,IAAa,UAAoD;CAC/D,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,gBAAa,GAAqB;CAW1C,OACE,kBAAC,GAAD;EACQ,MAZG,GAYH;EACN,mBAX0B,QAAkB;GAC9C,GAAe,QAAQ,KAAK,EAAE,UAAU,GAAU,CAAC;KAClD,CAAC,GAAU,GAAe,QAAQ,CASd;EACnB,eARsB,QAAkB;GAC1C,GAAe,QAAQ,KAAK,EAAE,UAAU,EAAuB,EAAS,EAAE,CAAC;KAC1E,CAAC,GAAU,GAAe,QAAQ,CAMlB;EACf,CAAA"}

package/lib/esm/pages/BackofficeDashboardPage.js

@@ -12,52 +12,56 @@ import { DashboardQuickActions as f } from "./dashboard/DashboardQuickActions.js
 import { DashboardStatusList as p } from "./dashboard/DashboardStatusList.js";
 import { loadingBody as m, tileBody as h, tileCount as g } from "./backofficeDashboardPage.css.js";
 import { Suspense as _ } from "react";
-import { BackofficeEmptyState as v, DashboardGrid as y, DashboardGridItem as b, DataTable as x, DetailPageTemplate as S, Spinner as C } from "@plumile/ui";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useTranslation as E } from "react-i18next";
-import * as D from "react-relay";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import * as x from "react-relay";
+import { Spinner as S } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { BackofficeEmptyState as C } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { DetailPageTemplate as w } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { DataTable as T } from "@plumile/ui/components/data-table/DataTable.js";
+import { DashboardGrid as E, DashboardGridItem as D } from "@plumile/ui/components/dashboard/dashboard_grid/DashboardGrid.js";
 //#region src/pages/BackofficeDashboardPage.tsx
-var { useLazyLoadQuery: O } = D, k = () => {
+var { useLazyLoadQuery: O } = x, k = () => {
 	let { t } = e();
-	return /* @__PURE__ */ w(v, { title: t("common.notAvailable") });
+	return /* @__PURE__ */ v(C, { title: t("common.notAvailable") });
 }, A = () => {
 	let { t } = e();
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ y("div", {
 		className: m,
-		children: [/* @__PURE__ */ w(C, { ariaLabel: t("common.loading") }), /* @__PURE__ */ w("span", { children: t("common.loading") })]
+		children: [/* @__PURE__ */ v(S, { ariaLabel: t("common.loading") }), /* @__PURE__ */ v("span", { children: t("common.loading") })]
 	});
 }, j = (e) => e ?? "m", M = (e) => {
 	if (e.layout?.span != null) return e.layout.span;
 	let t = j(e.size);
 	return t === "s" ? 3 : t === "m" ? 4 : t === "l" ? 6 : t === "xl" ? 8 : 12;
 }, N = (e) => e.layout?.tabletSpan, P = ({ widget: n, globalData: i }) => {
-	let { t: a } = E(), { t: o } = e(), { entities: s } = t(), c = n.description == null ? void 0 : l(n.description, a), m = (e) => "resolve" in n && n.resolve != null ? n.resolve(e) : null;
-	if (n.kind === "textBlock") return /* @__PURE__ */ w(d, {
+	let { t: a } = b(), { t: o } = e(), { entities: s } = t(), c = n.description == null ? void 0 : l(n.description, a), m = (e) => "resolve" in n && n.resolve != null ? n.resolve(e) : null;
+	if (n.kind === "textBlock") return /* @__PURE__ */ v(d, {
 		title: l(n.title, a),
 		subtitle: c,
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: h,
 			children: l(n.body, a)
 		})
 	});
 	if (n.kind === "shortcut") {
 		let e = s[n.entityId], t = l(n.label, a);
-		return e == null ? /* @__PURE__ */ w(d, {
+		return e == null ? /* @__PURE__ */ v(d, {
 			title: t,
 			subtitle: c,
-			children: /* @__PURE__ */ w(k, {})
-		}) : e.kind === "tool" ? /* @__PURE__ */ w(d, {
+			children: /* @__PURE__ */ v(k, {})
+		}) : e.kind === "tool" ? /* @__PURE__ */ v(d, {
 			title: t,
 			subtitle: c,
-			children: /* @__PURE__ */ w(f, { actions: [{
+			children: /* @__PURE__ */ v(f, { actions: [{
 				id: e.id,
 				href: e.routes.list,
 				label: o("dashboard.actions.openTool")
 			}] })
-		}) : /* @__PURE__ */ w(d, {
+		}) : /* @__PURE__ */ v(d, {
 			title: t,
 			subtitle: c,
-			children: /* @__PURE__ */ w(f, { actions: [{
+			children: /* @__PURE__ */ v(f, { actions: [{
 				id: e.id,
 				href: e.routes.list,
 				label: o("dashboard.actions.openList")
@@ -66,19 +70,19 @@ var { useLazyLoadQuery: O } = D, k = () => {
 	}
 	if (n.kind === "tablePreview") {
 		let e = m(i);
-		if (e == null) return /* @__PURE__ */ w(d, {
+		if (e == null) return /* @__PURE__ */ v(d, {
 			title: l(n.title, a),
 			subtitle: c,
-			children: /* @__PURE__ */ w(k, {})
+			children: /* @__PURE__ */ v(k, {})
 		});
 		let t = r(e.columns, {
 			tApp: a,
 			t: o
 		});
-		return /* @__PURE__ */ w(d, {
+		return /* @__PURE__ */ v(d, {
 			title: l(n.title, a),
 			subtitle: c,
-			children: /* @__PURE__ */ w(x, {
+			children: /* @__PURE__ */ v(T, {
 				columns: t,
 				rows: e.rows,
 				getRowId: (e, t) => {
@@ -93,8 +97,8 @@ var { useLazyLoadQuery: O } = D, k = () => {
 	}
 	if (n.kind === "metricGroup") {
 		let e = m(i);
-		return e == null ? /* @__PURE__ */ w(k, {}) : /* @__PURE__ */ w(u, {
-			emptyState: /* @__PURE__ */ w(k, {}),
+		return e == null ? /* @__PURE__ */ v(k, {}) : /* @__PURE__ */ v(u, {
+			emptyState: /* @__PURE__ */ v(k, {}),
 			metrics: e.map((e) => ({
 				id: e.id,
 				href: e.href,
@@ -104,12 +108,12 @@ var { useLazyLoadQuery: O } = D, k = () => {
 			}))
 		});
 	}
-	if (n.kind === "quickActions") return /* @__PURE__ */ w(d, {
+	if (n.kind === "quickActions") return /* @__PURE__ */ v(d, {
 		title: n.title == null ? o("dashboard.actions.openTool") : l(n.title, a),
 		subtitle: c,
-		children: /* @__PURE__ */ w(f, {
+		children: /* @__PURE__ */ v(f, {
 			layout: n.layout?.zone === "aside" ? "stack" : "grid",
-			emptyState: /* @__PURE__ */ w(k, {}),
+			emptyState: /* @__PURE__ */ v(k, {}),
 			actions: n.actions.map((e) => ({
 				id: e.id,
 				href: e.href,
@@ -119,15 +123,15 @@ var { useLazyLoadQuery: O } = D, k = () => {
 	});
 	if (n.kind === "statusSummary") {
 		let e = m(i);
-		return e == null ? /* @__PURE__ */ w(d, {
+		return e == null ? /* @__PURE__ */ v(d, {
 			title: n.title == null ? void 0 : l(n.title, a),
 			subtitle: c,
-			children: /* @__PURE__ */ w(k, {})
-		}) : /* @__PURE__ */ w(d, {
+			children: /* @__PURE__ */ v(k, {})
+		}) : /* @__PURE__ */ v(d, {
 			title: n.title == null ? void 0 : l(n.title, a),
 			subtitle: c,
-			children: /* @__PURE__ */ w(p, {
-				emptyState: /* @__PURE__ */ w(k, {}),
+			children: /* @__PURE__ */ v(p, {
+				emptyState: /* @__PURE__ */ v(k, {}),
 				items: e.map((e) => ({
 					id: e.id,
 					href: e.href,
@@ -137,28 +141,28 @@ var { useLazyLoadQuery: O } = D, k = () => {
 			})
 		});
 	}
-	if (n.kind === "recentItems") return /* @__PURE__ */ w(d, {
+	if (n.kind === "recentItems") return /* @__PURE__ */ v(d, {
 		title: n.title == null ? o("dashboard.title") : l(n.title, a),
 		subtitle: c,
-		children: /* @__PURE__ */ w(k, {})
+		children: /* @__PURE__ */ v(k, {})
 	});
 	let _ = s[n.entityId];
-	if (_?.kind !== "list-detail") return /* @__PURE__ */ w(d, {
+	if (_?.kind !== "list-detail") return /* @__PURE__ */ v(d, {
 		title: l(n.label, a),
 		subtitle: c,
-		children: /* @__PURE__ */ w(k, {})
+		children: /* @__PURE__ */ v(k, {})
 	});
-	let v = m(i), y = o("common.notAvailable");
-	return typeof v?.count == "number" && (y = v.count), /* @__PURE__ */ w(d, {
+	let x = m(i), S = o("common.notAvailable");
+	return typeof x?.count == "number" && (S = x.count), /* @__PURE__ */ v(d, {
 		title: l(n.label, a),
 		subtitle: c,
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: h,
-			children: [/* @__PURE__ */ w("div", {
+			children: [/* @__PURE__ */ v("div", {
 				className: g,
-				children: y
-			}), /* @__PURE__ */ w(f, {
-				emptyState: /* @__PURE__ */ w(k, {}),
+				children: S
+			}), /* @__PURE__ */ v(f, {
+				emptyState: /* @__PURE__ */ v(k, {}),
 				actions: [{
 					id: _.id,
 					href: _.routes.list,
@@ -167,36 +171,36 @@ var { useLazyLoadQuery: O } = D, k = () => {
 			})]
 		})
 	});
-}, F = ({ widget: e }) => /* @__PURE__ */ w(P, {
+}, F = ({ widget: e }) => /* @__PURE__ */ v(P, {
 	widget: e,
 	globalData: O(e.query, {}, { fetchPolicy: "store-or-network" })
 }), I = ({ config: t, globalData: r }) => {
-	let { t: i } = E(), { t: a } = e();
-	return /* @__PURE__ */ w(S, {
+	let { t: i } = b(), { t: a } = e();
+	return /* @__PURE__ */ v(w, {
 		header: {
 			title: l(t.title, i),
 			subtitle: (t.subtitle == null ? void 0 : l(t.subtitle, i)) ?? a("dashboard.subtitle")
 		},
-		children: /* @__PURE__ */ w(y, {
+		children: /* @__PURE__ */ v(E, {
 			columns: 12,
 			children: t.widgets.map((e) => {
-				let a = l(s(e, t), i), o = c(e) ? /* @__PURE__ */ w(F, { widget: e }) : /* @__PURE__ */ w(P, {
+				let a = l(s(e, t), i), o = c(e) ? /* @__PURE__ */ v(F, { widget: e }) : /* @__PURE__ */ v(P, {
 					widget: e,
 					globalData: r
 				});
-				return /* @__PURE__ */ w(b, {
+				return /* @__PURE__ */ v(D, {
 					minHeight: e.minHeight ?? "auto",
 					span: M(e),
 					tabletSpan: N(e),
-					children: /* @__PURE__ */ w(n, {
-						fallback: () => /* @__PURE__ */ w(d, {
+					children: /* @__PURE__ */ v(n, {
+						fallback: () => /* @__PURE__ */ v(d, {
 							title: a,
-							children: /* @__PURE__ */ w(k, {})
+							children: /* @__PURE__ */ v(k, {})
 						}),
-						children: /* @__PURE__ */ w(_, {
-							fallback: /* @__PURE__ */ w(d, {
+						children: /* @__PURE__ */ v(_, {
+							fallback: /* @__PURE__ */ v(d, {
 								title: a,
-								children: /* @__PURE__ */ w(A, {})
+								children: /* @__PURE__ */ v(A, {})
 							}),
 							children: o
 						})
@@ -205,35 +209,35 @@ var { useLazyLoadQuery: O } = D, k = () => {
 			})
 		})
 	});
-}, L = ({ config: e }) => /* @__PURE__ */ w(I, {
+}, L = ({ config: e }) => /* @__PURE__ */ v(I, {
 	config: e,
 	globalData: O(e.query, {}, { fetchPolicy: "store-or-network" })
 }), R = () => {
-	let { t: n } = E(), { t: r } = e(), { entities: s } = t(), c = o(), u = a(r);
+	let { t: n } = b(), { t: r } = e(), { entities: s } = t(), c = o(), u = a(r);
 	if (c == null) {
 		let e = Object.values(s).filter((e) => e.kind === "list-detail" && e.hasList).map((e) => ({
 			config: e,
 			label: l(e.label, n)
 		})).sort((e, t) => e.label.localeCompare(t.label));
-		return /* @__PURE__ */ w(i, {
+		return /* @__PURE__ */ v(i, {
 			breadcrumb: u,
-			children: /* @__PURE__ */ w(S, {
+			children: /* @__PURE__ */ v(w, {
 				header: {
 					title: r("dashboard.title"),
 					subtitle: r("dashboard.subtitle")
 				},
-				children: /* @__PURE__ */ w(y, {
+				children: /* @__PURE__ */ v(E, {
 					columns: 12,
-					children: e.map(({ config: e, label: t }) => /* @__PURE__ */ w(b, {
+					children: e.map(({ config: e, label: t }) => /* @__PURE__ */ v(D, {
 						span: 4,
-						children: /* @__PURE__ */ w(d, {
+						children: /* @__PURE__ */ v(d, {
 							title: t,
-							children: /* @__PURE__ */ T("div", {
+							children: /* @__PURE__ */ y("div", {
 								className: h,
-								children: [/* @__PURE__ */ w("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: g,
 									children: r("common.notAvailable")
-								}), /* @__PURE__ */ w(f, { actions: [{
+								}), /* @__PURE__ */ v(f, { actions: [{
 									id: e.id,
 									href: e.routes.list,
 									label: r("dashboard.actions.openList")
@@ -245,15 +249,15 @@ var { useLazyLoadQuery: O } = D, k = () => {
 			})
 		});
 	}
-	return c.query == null ? /* @__PURE__ */ w(i, {
+	return c.query == null ? /* @__PURE__ */ v(i, {
 		breadcrumb: u,
-		children: /* @__PURE__ */ w(I, {
+		children: /* @__PURE__ */ v(I, {
 			config: c,
 			globalData: null
 		})
-	}) : /* @__PURE__ */ w(i, {
+	}) : /* @__PURE__ */ v(i, {
 		breadcrumb: u,
-		children: /* @__PURE__ */ w(L, { config: c })
+		children: /* @__PURE__ */ v(L, { config: c })
 	});
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeDashboardPage.js","names":[],"sources":["../../../src/pages/BackofficeDashboardPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, Suspense } from 'react';\nimport type {\n  BackofficeDashboardConfig,\n  BackofficeDashboardWidget,\n  BackofficeDashboardWidgetSpan,\n  BackofficeDashboardWidgetTabletSpan,\n  BackofficeDashboardWidgetSize,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport {\n  BackofficeEmptyState,\n  DataTable,\n  DashboardGrid,\n  DashboardGridItem,\n  DetailPageTemplate,\n  Spinner,\n} from '@plumile/ui';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { GraphQLTaggedNode, OperationType } from 'relay-runtime';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeDashboardConfig } from '../provider/useBackofficeLazyValue.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildDashboardBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  getWidgetLabel,\n  hasWidgetQuery,\n  resolveLabel,\n} from './BackofficeDashboardPage.helpers.js';\nimport { DashboardMetricGroup } from './dashboard/DashboardMetricGroup.js';\nimport { DashboardPanel } from './dashboard/DashboardPanel.js';\nimport { DashboardQuickActions } from './dashboard/DashboardQuickActions.js';\nimport { DashboardStatusList } from './dashboard/DashboardStatusList.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype WidgetContentProps = {\n  widget: BackofficeDashboardWidget;\n  globalData: unknown;\n};\n\nconst DashboardUnavailableState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeEmptyState title={t('common.notAvailable')} />;\n};\n\nconst DashboardLoadingState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.loadingBody}>\n      <Spinner ariaLabel={t('common.loading')} />\n      <span>{t('common.loading')}</span>\n    </div>\n  );\n};\n\nconst resolveWidgetSize = (\n  size: BackofficeDashboardWidgetSize | undefined,\n): BackofficeDashboardWidgetSize => {\n  return size ?? 'm';\n};\n\nconst resolveWidgetSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetSpan => {\n  if (widget.layout?.span != null) {\n    return widget.layout.span;\n  }\n\n  const size = resolveWidgetSize(widget.size);\n  if (size === 's') {\n    return 3;\n  }\n  if (size === 'm') {\n    return 4;\n  }\n  if (size === 'l') {\n    return 6;\n  }\n  if (size === 'xl') {\n    return 8;\n  }\n  return 12;\n};\n\nconst resolveWidgetTabletSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetTabletSpan | undefined => {\n  return widget.layout?.tabletSpan;\n};\n\nconst WidgetContent = ({\n  widget,\n  globalData,\n}: WidgetContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const description =\n    widget.description != null\n      ? resolveLabel(widget.description, tApp)\n      : undefined;\n\n  const resolveData = (data: unknown): unknown => {\n    if ('resolve' in widget && widget.resolve != null) {\n      return widget.resolve(data);\n    }\n    return null;\n  };\n\n  if (widget.kind === 'textBlock') {\n    const title = resolveLabel(widget.title, tApp);\n    const body = resolveLabel(widget.body, tApp);\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <div className={styles.tileBody}>{body}</div>\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'shortcut') {\n    const entity = entities[widget.entityId];\n    const title = resolveLabel(widget.label, tApp);\n    if (entity == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    if (entity.kind === 'tool') {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardQuickActions\n            actions={[\n              {\n                id: entity.id,\n                href: entity.routes.list,\n                label: t('dashboard.actions.openTool'),\n              },\n            ]}\n          />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          actions={[\n            {\n              id: entity.id,\n              href: entity.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'tablePreview') {\n    const resolved = resolveData(globalData) as {\n      columns: readonly unknown[];\n      rows: readonly unknown[];\n    } | null;\n    if (resolved == null) {\n      return (\n        <DashboardPanel\n          title={resolveLabel(widget.title, tApp)}\n          subtitle={description}\n        >\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const columns = buildDataTableColumns(resolved.columns as never, {\n      tApp,\n      t,\n    });\n    const title = resolveLabel(widget.title, tApp);\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DataTable\n          columns={columns}\n          rows={resolved.rows}\n          getRowId={(row, index) => {\n            if (row != null && typeof row === 'object') {\n              const record = row as Record<string, unknown>;\n              const { id } = record;\n              if (typeof id === 'string' && id.trim() !== '') {\n                return id;\n              }\n            }\n            return String(index);\n          }}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'metricGroup') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          meta?: I18nLabel;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      return <DashboardUnavailableState />;\n    }\n    return (\n      <DashboardMetricGroup\n        emptyState={<DashboardUnavailableState />}\n        metrics={resolved.map((metric) => {\n          return {\n            id: metric.id,\n            href: metric.href,\n            label: resolveLabel(metric.label, tApp),\n            value: metric.value ?? t('common.notAvailable'),\n            hint:\n              metric.meta != null ? resolveLabel(metric.meta, tApp) : undefined,\n          };\n        })}\n      />\n    );\n  }\n\n  if (widget.kind === 'quickActions') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.actions.openTool');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          layout={widget.layout?.zone === 'aside' ? 'stack' : 'grid'}\n          emptyState={<DashboardUnavailableState />}\n          actions={widget.actions.map((action) => {\n            return {\n              id: action.id,\n              href: action.href,\n              label: resolveLabel(action.label, tApp),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'statusSummary') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      const title =\n        widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardStatusList\n          emptyState={<DashboardUnavailableState />}\n          items={resolved.map((item) => {\n            return {\n              id: item.id,\n              href: item.href,\n              label: resolveLabel(item.label, tApp),\n              value: item.value ?? t('common.notAvailable'),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'recentItems') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.title');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n\n  const entityManifest = entities[widget.entityId];\n  if (entityManifest?.kind !== 'list-detail') {\n    return (\n      <DashboardPanel\n        title={resolveLabel(widget.label, tApp)}\n        subtitle={description}\n      >\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n  const resolved = resolveData(globalData) as { count: number | null } | null;\n  let countLabel: number | string = t('common.notAvailable');\n  if (typeof resolved?.count === 'number') {\n    countLabel = resolved.count;\n  }\n  const title = resolveLabel(widget.label, tApp);\n  return (\n    <DashboardPanel title={title} subtitle={description}>\n      <div className={styles.tileBody}>\n        <div className={styles.tileCount}>{countLabel}</div>\n        <DashboardQuickActions\n          emptyState={<DashboardUnavailableState />}\n          actions={[\n            {\n              id: entityManifest.id,\n              href: entityManifest.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </div>\n    </DashboardPanel>\n  );\n};\n\ntype WidgetWithQueryProps = {\n  widget: BackofficeDashboardWidget & { query: GraphQLTaggedNode };\n};\n\nconst WidgetWithQuery = ({ widget }: WidgetWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    widget.query,\n    {},\n    {\n      fetchPolicy: 'store-or-network',\n    },\n  );\n\n  return <WidgetContent widget={widget} globalData={data} />;\n};\n\ntype DashboardContentProps = {\n  config: BackofficeDashboardConfig;\n  globalData: unknown;\n};\n\nconst DashboardContent = ({\n  config,\n  globalData,\n}: DashboardContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n\n  const title = resolveLabel(config.title, tApp);\n  const subtitle =\n    config.subtitle != null ? resolveLabel(config.subtitle, tApp) : undefined;\n\n  return (\n    <DetailPageTemplate\n      header={{\n        title,\n        subtitle: subtitle ?? t('dashboard.subtitle'),\n      }}\n    >\n      <DashboardGrid columns={12}>\n        {config.widgets.map((widget) => {\n          const widgetTitle = resolveLabel(\n            getWidgetLabel(widget, config),\n            tApp,\n          );\n          const content = hasWidgetQuery(widget) ? (\n            <WidgetWithQuery widget={widget} />\n          ) : (\n            <WidgetContent widget={widget} globalData={globalData} />\n          );\n\n          return (\n            <DashboardGridItem\n              key={widget.id}\n              minHeight={widget.minHeight ?? 'auto'}\n              span={resolveWidgetSpan(widget)}\n              tabletSpan={resolveWidgetTabletSpan(widget)}\n            >\n              <BackofficeErrorBoundary\n                fallback={() => {\n                  return (\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardUnavailableState />\n                    </DashboardPanel>\n                  );\n                }}\n              >\n                <Suspense\n                  fallback={\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardLoadingState />\n                    </DashboardPanel>\n                  }\n                >\n                  {content}\n                </Suspense>\n              </BackofficeErrorBoundary>\n            </DashboardGridItem>\n          );\n        })}\n      </DashboardGrid>\n    </DetailPageTemplate>\n  );\n};\n\ntype DashboardWithQueryProps = {\n  config: BackofficeDashboardConfig;\n};\n\nconst DashboardWithQuery = ({\n  config,\n}: DashboardWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    config.query as never,\n    {},\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  return <DashboardContent config={config} globalData={data} />;\n};\n\nexport const BackofficeDashboardPage = (): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const dashboard = useBackofficeDashboardConfig();\n  const breadcrumb = buildDashboardBreadcrumb(t);\n\n  if (dashboard == null) {\n    const items = Object.values(entities)\n      .filter((config) => {\n        return config.kind === 'list-detail' && config.hasList;\n      })\n      .map((config) => {\n        return {\n          config,\n          label: resolveLabel(config.label, tApp),\n        };\n      })\n      .sort((left, right) => {\n        return left.label.localeCompare(right.label);\n      });\n\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          header={{\n            title: t('dashboard.title'),\n            subtitle: t('dashboard.subtitle'),\n          }}\n        >\n          <DashboardGrid columns={12}>\n            {items.map(({ config, label }) => {\n              return (\n                <DashboardGridItem key={config.id} span={4}>\n                  <DashboardPanel title={label}>\n                    <div className={styles.tileBody}>\n                      <div className={styles.tileCount}>\n                        {t('common.notAvailable')}\n                      </div>\n                      <DashboardQuickActions\n                        actions={[\n                          {\n                            id: config.id,\n                            href: config.routes.list,\n                            label: t('dashboard.actions.openList'),\n                          },\n                        ]}\n                      />\n                    </div>\n                  </DashboardPanel>\n                </DashboardGridItem>\n              );\n            })}\n          </DashboardGrid>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  if (dashboard.query != null) {\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DashboardWithQuery config={dashboard} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DashboardContent config={dashboard} globalData={null} />\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeDashboardPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeDashboardPage.js","names":[],"sources":["../../../src/pages/BackofficeDashboardPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, Suspense } from 'react';\nimport type {\n  BackofficeDashboardConfig,\n  BackofficeDashboardWidget,\n  BackofficeDashboardWidgetSpan,\n  BackofficeDashboardWidgetTabletSpan,\n  BackofficeDashboardWidgetSize,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport {\n  DashboardGrid,\n  DashboardGridItem,\n} from '@plumile/ui/components/dashboard/dashboard_grid/DashboardGrid.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { GraphQLTaggedNode, OperationType } from 'relay-runtime';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeDashboardConfig } from '../provider/useBackofficeLazyValue.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildDashboardBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  getWidgetLabel,\n  hasWidgetQuery,\n  resolveLabel,\n} from './BackofficeDashboardPage.helpers.js';\nimport { DashboardMetricGroup } from './dashboard/DashboardMetricGroup.js';\nimport { DashboardPanel } from './dashboard/DashboardPanel.js';\nimport { DashboardQuickActions } from './dashboard/DashboardQuickActions.js';\nimport { DashboardStatusList } from './dashboard/DashboardStatusList.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype WidgetContentProps = {\n  widget: BackofficeDashboardWidget;\n  globalData: unknown;\n};\n\nconst DashboardUnavailableState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return <BackofficeEmptyState title={t('common.notAvailable')} />;\n};\n\nconst DashboardLoadingState = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  return (\n    <div className={styles.loadingBody}>\n      <Spinner ariaLabel={t('common.loading')} />\n      <span>{t('common.loading')}</span>\n    </div>\n  );\n};\n\nconst resolveWidgetSize = (\n  size: BackofficeDashboardWidgetSize | undefined,\n): BackofficeDashboardWidgetSize => {\n  return size ?? 'm';\n};\n\nconst resolveWidgetSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetSpan => {\n  if (widget.layout?.span != null) {\n    return widget.layout.span;\n  }\n\n  const size = resolveWidgetSize(widget.size);\n  if (size === 's') {\n    return 3;\n  }\n  if (size === 'm') {\n    return 4;\n  }\n  if (size === 'l') {\n    return 6;\n  }\n  if (size === 'xl') {\n    return 8;\n  }\n  return 12;\n};\n\nconst resolveWidgetTabletSpan = (\n  widget: BackofficeDashboardWidget,\n): BackofficeDashboardWidgetTabletSpan | undefined => {\n  return widget.layout?.tabletSpan;\n};\n\nconst WidgetContent = ({\n  widget,\n  globalData,\n}: WidgetContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const description =\n    widget.description != null\n      ? resolveLabel(widget.description, tApp)\n      : undefined;\n\n  const resolveData = (data: unknown): unknown => {\n    if ('resolve' in widget && widget.resolve != null) {\n      return widget.resolve(data);\n    }\n    return null;\n  };\n\n  if (widget.kind === 'textBlock') {\n    const title = resolveLabel(widget.title, tApp);\n    const body = resolveLabel(widget.body, tApp);\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <div className={styles.tileBody}>{body}</div>\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'shortcut') {\n    const entity = entities[widget.entityId];\n    const title = resolveLabel(widget.label, tApp);\n    if (entity == null) {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    if (entity.kind === 'tool') {\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardQuickActions\n            actions={[\n              {\n                id: entity.id,\n                href: entity.routes.list,\n                label: t('dashboard.actions.openTool'),\n              },\n            ]}\n          />\n        </DashboardPanel>\n      );\n    }\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          actions={[\n            {\n              id: entity.id,\n              href: entity.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'tablePreview') {\n    const resolved = resolveData(globalData) as {\n      columns: readonly unknown[];\n      rows: readonly unknown[];\n    } | null;\n    if (resolved == null) {\n      return (\n        <DashboardPanel\n          title={resolveLabel(widget.title, tApp)}\n          subtitle={description}\n        >\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const columns = buildDataTableColumns(resolved.columns as never, {\n      tApp,\n      t,\n    });\n    const title = resolveLabel(widget.title, tApp);\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DataTable\n          columns={columns}\n          rows={resolved.rows}\n          getRowId={(row, index) => {\n            if (row != null && typeof row === 'object') {\n              const record = row as Record<string, unknown>;\n              const { id } = record;\n              if (typeof id === 'string' && id.trim() !== '') {\n                return id;\n              }\n            }\n            return String(index);\n          }}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'metricGroup') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          meta?: I18nLabel;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      return <DashboardUnavailableState />;\n    }\n    return (\n      <DashboardMetricGroup\n        emptyState={<DashboardUnavailableState />}\n        metrics={resolved.map((metric) => {\n          return {\n            id: metric.id,\n            href: metric.href,\n            label: resolveLabel(metric.label, tApp),\n            value: metric.value ?? t('common.notAvailable'),\n            hint:\n              metric.meta != null ? resolveLabel(metric.meta, tApp) : undefined,\n          };\n        })}\n      />\n    );\n  }\n\n  if (widget.kind === 'quickActions') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.actions.openTool');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardQuickActions\n          layout={widget.layout?.zone === 'aside' ? 'stack' : 'grid'}\n          emptyState={<DashboardUnavailableState />}\n          actions={widget.actions.map((action) => {\n            return {\n              id: action.id,\n              href: action.href,\n              label: resolveLabel(action.label, tApp),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'statusSummary') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      const title =\n        widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n      return (\n        <DashboardPanel title={title} subtitle={description}>\n          <DashboardUnavailableState />\n        </DashboardPanel>\n      );\n    }\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardStatusList\n          emptyState={<DashboardUnavailableState />}\n          items={resolved.map((item) => {\n            return {\n              id: item.id,\n              href: item.href,\n              label: resolveLabel(item.label, tApp),\n              value: item.value ?? t('common.notAvailable'),\n            };\n          })}\n        />\n      </DashboardPanel>\n    );\n  }\n\n  if (widget.kind === 'recentItems') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.title');\n    return (\n      <DashboardPanel title={title} subtitle={description}>\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n\n  const entityManifest = entities[widget.entityId];\n  if (entityManifest?.kind !== 'list-detail') {\n    return (\n      <DashboardPanel\n        title={resolveLabel(widget.label, tApp)}\n        subtitle={description}\n      >\n        <DashboardUnavailableState />\n      </DashboardPanel>\n    );\n  }\n  const resolved = resolveData(globalData) as { count: number | null } | null;\n  let countLabel: number | string = t('common.notAvailable');\n  if (typeof resolved?.count === 'number') {\n    countLabel = resolved.count;\n  }\n  const title = resolveLabel(widget.label, tApp);\n  return (\n    <DashboardPanel title={title} subtitle={description}>\n      <div className={styles.tileBody}>\n        <div className={styles.tileCount}>{countLabel}</div>\n        <DashboardQuickActions\n          emptyState={<DashboardUnavailableState />}\n          actions={[\n            {\n              id: entityManifest.id,\n              href: entityManifest.routes.list,\n              label: t('dashboard.actions.openList'),\n            },\n          ]}\n        />\n      </div>\n    </DashboardPanel>\n  );\n};\n\ntype WidgetWithQueryProps = {\n  widget: BackofficeDashboardWidget & { query: GraphQLTaggedNode };\n};\n\nconst WidgetWithQuery = ({ widget }: WidgetWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    widget.query,\n    {},\n    {\n      fetchPolicy: 'store-or-network',\n    },\n  );\n\n  return <WidgetContent widget={widget} globalData={data} />;\n};\n\ntype DashboardContentProps = {\n  config: BackofficeDashboardConfig;\n  globalData: unknown;\n};\n\nconst DashboardContent = ({\n  config,\n  globalData,\n}: DashboardContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n\n  const title = resolveLabel(config.title, tApp);\n  const subtitle =\n    config.subtitle != null ? resolveLabel(config.subtitle, tApp) : undefined;\n\n  return (\n    <DetailPageTemplate\n      header={{\n        title,\n        subtitle: subtitle ?? t('dashboard.subtitle'),\n      }}\n    >\n      <DashboardGrid columns={12}>\n        {config.widgets.map((widget) => {\n          const widgetTitle = resolveLabel(\n            getWidgetLabel(widget, config),\n            tApp,\n          );\n          const content = hasWidgetQuery(widget) ? (\n            <WidgetWithQuery widget={widget} />\n          ) : (\n            <WidgetContent widget={widget} globalData={globalData} />\n          );\n\n          return (\n            <DashboardGridItem\n              key={widget.id}\n              minHeight={widget.minHeight ?? 'auto'}\n              span={resolveWidgetSpan(widget)}\n              tabletSpan={resolveWidgetTabletSpan(widget)}\n            >\n              <BackofficeErrorBoundary\n                fallback={() => {\n                  return (\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardUnavailableState />\n                    </DashboardPanel>\n                  );\n                }}\n              >\n                <Suspense\n                  fallback={\n                    <DashboardPanel title={widgetTitle}>\n                      <DashboardLoadingState />\n                    </DashboardPanel>\n                  }\n                >\n                  {content}\n                </Suspense>\n              </BackofficeErrorBoundary>\n            </DashboardGridItem>\n          );\n        })}\n      </DashboardGrid>\n    </DetailPageTemplate>\n  );\n};\n\ntype DashboardWithQueryProps = {\n  config: BackofficeDashboardConfig;\n};\n\nconst DashboardWithQuery = ({\n  config,\n}: DashboardWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    config.query as never,\n    {},\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  return <DashboardContent config={config} globalData={data} />;\n};\n\nexport const BackofficeDashboardPage = (): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const dashboard = useBackofficeDashboardConfig();\n  const breadcrumb = buildDashboardBreadcrumb(t);\n\n  if (dashboard == null) {\n    const items = Object.values(entities)\n      .filter((config) => {\n        return config.kind === 'list-detail' && config.hasList;\n      })\n      .map((config) => {\n        return {\n          config,\n          label: resolveLabel(config.label, tApp),\n        };\n      })\n      .sort((left, right) => {\n        return left.label.localeCompare(right.label);\n      });\n\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          header={{\n            title: t('dashboard.title'),\n            subtitle: t('dashboard.subtitle'),\n          }}\n        >\n          <DashboardGrid columns={12}>\n            {items.map(({ config, label }) => {\n              return (\n                <DashboardGridItem key={config.id} span={4}>\n                  <DashboardPanel title={label}>\n                    <div className={styles.tileBody}>\n                      <div className={styles.tileCount}>\n                        {t('common.notAvailable')}\n                      </div>\n                      <DashboardQuickActions\n                        actions={[\n                          {\n                            id: config.id,\n                            href: config.routes.list,\n                            label: t('dashboard.actions.openList'),\n                          },\n                        ]}\n                      />\n                    </div>\n                  </DashboardPanel>\n                </DashboardGridItem>\n              );\n            })}\n          </DashboardGrid>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  if (dashboard.query != null) {\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DashboardWithQuery config={dashboard} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DashboardContent config={dashboard} globalData={null} />\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeDashboardPage;\n"],"mappings":"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"}

package/lib/esm/pages/BackofficeEntityDetailLayoutPage.js

@@ -1,7 +1,7 @@
 import { BackofficeEntityDetailLayoutContextProvider as e } from "./detail/BackofficeEntityDetailLayoutContext.js";
 import { Fragment as t, jsx as n } from "react/jsx-runtime";
 import * as r from "react-relay";
-import { HttpRedirect as i } from "@plumile/router";
+import i from "@plumile/router/errors/HttpRedirect.js";
 //#region src/pages/BackofficeEntityDetailLayoutPage.tsx
 var { useFragment: a, usePreloadedQuery: o } = r, s = ({ config: r, prepared: s, children: c }) => {
 	let l = o(r.layoutPage.query, s.layoutQuery), u = r.layoutPage.resolveNode(l, { id: s.id });

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { HttpRedirect } from '@plumile/router';\nimport * as ReactRelay from 'react-relay';\n\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\n\nconst { useFragment, usePreloadedQuery } = ReactRelay;\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutRoute;\n  children?: ReactNode;\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const layoutQueryData = usePreloadedQuery(\n    config.layoutPage.query,\n    prepared.layoutQuery,\n  );\n  const layoutNodeRef = config.layoutPage.resolveNode(layoutQueryData, {\n    id: prepared.id,\n  });\n  if (layoutNodeRef == null) {\n    throw new HttpRedirect(config.routes.list);\n  }\n\n  const layoutNode = useFragment(\n    config.layoutPage.fragment,\n    layoutNodeRef as never,\n  );\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        layoutView,\n      }}\n    >\n      <>{children}</>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":";;;;;AAWA,IAAM,EAAE,aAAA,GAAa,mBAAA,MAAsB,GAS9B,KAAoC,EAC/C,WACA,aACA,kBACwD;CACxD,IAAM,IAAkB,EACtB,EAAO,WAAW,OAClB,EAAS,YACV,EACK,IAAgB,EAAO,WAAW,YAAY,GAAiB,EACnE,IAAI,EAAS,IACd,CAAC;CACF,IAAI,KAAiB,MACnB,MAAM,IAAI,EAAa,EAAO,OAAO,KAAK;CAG5C,IAAM,IAAa,EACjB,EAAO,WAAW,UAClB,EACD;CAID,OACE,kBAAC,GAAD;EACE,OAAO,EACL,YALa,EAAO,WAAW,OAAO,EAKtC,EACD;YAED,kBAAA,GAAA,EAAG,aAAY,CAAA;EAC6B,CAAA"}
+{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport HttpRedirect from '@plumile/router/errors/HttpRedirect.js';\nimport * as ReactRelay from 'react-relay';\n\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\n\nconst { useFragment, usePreloadedQuery } = ReactRelay;\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutRoute;\n  children?: ReactNode;\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const layoutQueryData = usePreloadedQuery(\n    config.layoutPage.query,\n    prepared.layoutQuery,\n  );\n  const layoutNodeRef = config.layoutPage.resolveNode(layoutQueryData, {\n    id: prepared.id,\n  });\n  if (layoutNodeRef == null) {\n    throw new HttpRedirect(config.routes.list);\n  }\n\n  const layoutNode = useFragment(\n    config.layoutPage.fragment,\n    layoutNodeRef as never,\n  );\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        layoutView,\n      }}\n    >\n      <>{children}</>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":";;;;;AAWA,IAAM,EAAE,aAAA,GAAa,mBAAA,MAAsB,GAS9B,KAAoC,EAC/C,WACA,aACA,kBACwD;CACxD,IAAM,IAAkB,EACtB,EAAO,WAAW,OAClB,EAAS,YACV,EACK,IAAgB,EAAO,WAAW,YAAY,GAAiB,EACnE,IAAI,EAAS,IACd,CAAC;CACF,IAAI,KAAiB,MACnB,MAAM,IAAI,EAAa,EAAO,OAAO,KAAK;CAG5C,IAAM,IAAa,EACjB,EAAO,WAAW,UAClB,EACD;CAID,OACE,kBAAC,GAAD;EACE,OAAO,EACL,YALa,EAAO,WAAW,OAAO,EAKtC,EACD;YAED,kBAAA,GAAA,EAAG,aAAY,CAAA;EAC6B,CAAA"}