@plumile/backoffice-react 0.1.72 → 0.1.74

package/lib/esm/components/backoffice/pickers/EntityIdPickerDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityIdPickerDialog.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/EntityIdPickerDialog.tsx"],"sourcesContent":["import {\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type JSX,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\n\nimport { Button, Spinner } from '@plumile/ui';\nimport { Modal } from '@plumile/ui/atomic/atoms/modal/Modal.js';\nimport type {\n  BackofficeEntityPickerConfig,\n  BackofficePickerScope,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\n\nimport { EntityPickerShell } from './shared/EntityPickerShell.js';\nimport { EntityPickerList } from './shared/EntityPickerList.js';\nimport type { EntityPickerRowViewModel } from './types.js';\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useFragment, useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  isOpen: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope;\n  onClose: () => void;\n  onSelectId: (id: string) => void;\n};\n\nconst PICKER_FETCH_POLICY = 'store-and-network' as const;\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\ntype PickerBodyProps<RowRef, RowView extends EntityPickerRowViewModel> = {\n  config: BackofficeEntityPickerConfig<RowRef, RowView>;\n  search: string;\n  scope?: BackofficePickerScope;\n  fetchKey: number;\n  onSelectId: (id: string) => void;\n};\n\nconst PickerBody = <RowRef, RowView extends EntityPickerRowViewModel>({\n  config,\n  search,\n  scope,\n  fetchKey,\n  onSelectId,\n}: PickerBodyProps<RowRef, RowView>): JSX.Element => {\n  const variables = useMemo(() => {\n    const trimmed = search.trim();\n    if (config.buildVariables != null) {\n      return config.buildVariables({ search: trimmed, scope });\n    }\n    let searchValue: string | null = trimmed;\n    if (trimmed === '') {\n      searchValue = null;\n    }\n    return {\n      search: searchValue,\n      scope,\n    } as Record<string, unknown>;\n  }, [config, scope, search]);\n\n  const queryData = useLazyLoadQuery(config.query, variables, {\n    fetchPolicy: PICKER_FETCH_POLICY,\n    fetchKey,\n  });\n\n  const fragmentData = useFragment(\n    config.fragment,\n    queryData as never,\n  ) as unknown;\n\n  const connection = config.getConnection(fragmentData as never);\n\n  const items = useMemo<readonly EntityPickerRowViewModel[]>(() => {\n    return connection.edges.map((edge) => {\n      const row = config.toRow(edge.node);\n      const id = config.getRowId(row);\n      return {\n        id,\n        title: row.title,\n        subtitle: row.subtitle,\n      };\n    });\n  }, [config, connection.edges]);\n\n  return <EntityPickerList items={items} onSelectId={onSelectId} />;\n};\n\nconst buildFooter = (onClose: () => void, closeLabel: string): JSX.Element => {\n  return (\n    <>\n      <Button type=\"button\" variant=\"secondary\" onClick={onClose}>\n        {closeLabel}\n      </Button>\n    </>\n  );\n};\n\nconst PickerUnavailable = ({ message }: { message: string }) => {\n  return <div>{message}</div>;\n};\n\nexport const EntityIdPickerDialog = ({\n  isOpen,\n  entity,\n  title,\n  scope,\n  onClose,\n  onSelectId,\n}: EntityIdPickerDialogProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [search, setSearch] = useState('');\n  const [fetchKey, setFetchKey] = useState(0);\n  const entityState = useBackofficePickerEntityLoader(entity, {\n    enabled: isOpen,\n  });\n\n  let pickerConfig:\n    | BackofficeEntityPickerConfig<unknown, EntityPickerRowViewModel>\n    | undefined;\n  if (entityState.status === 'loaded') {\n    pickerConfig = entityState.module.config.picker as\n      | BackofficeEntityPickerConfig<unknown, EntityPickerRowViewModel>\n      | undefined;\n  }\n\n  useEffect(() => {\n    if (isOpen) {\n      setSearch('');\n      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [isOpen]);\n\n  const footer = useMemo(() => {\n    return buildFooter(onClose, t('common.actions.close'));\n  }, [onClose, t]);\n\n  const handleSearchChange = useCallback((next: string) => {\n    setSearch(next);\n    setFetchKey((value) => {\n      return value + 1;\n    });\n  }, []);\n\n  const handleSelectId = useCallback(\n    (id: string) => {\n      onSelectId(id);\n      onClose();\n    },\n    [onClose, onSelectId],\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  let resolvedSearchPlaceholder: string | undefined;\n  if (pickerConfig?.searchPlaceholder != null) {\n    resolvedSearchPlaceholder = resolveLabel(\n      pickerConfig.searchPlaceholder,\n      tApp,\n    );\n  }\n\n  const trimmedSearch = search.trim();\n  const isSearchRequired = pickerConfig?.searchRequired === true;\n\n  let pickerNode: JSX.Element;\n  if (entityState.status === 'loading') {\n    pickerNode = <Spinner />;\n  } else if (pickerConfig != null) {\n    if (isSearchRequired && trimmedSearch === '') {\n      pickerNode = (\n        <div className={styles.searchRequiredMessage}>\n          {t('picker.searchRequired')}\n        </div>\n      );\n    } else {\n      pickerNode = (\n        <PickerBody\n          config={pickerConfig}\n          search={search}\n          scope={scope}\n          fetchKey={fetchKey}\n          onSelectId={handleSelectId}\n        />\n      );\n    }\n  } else {\n    pickerNode = (\n      <PickerUnavailable message={t('picker.unavailable', { entity })} />\n    );\n  }\n\n  return (\n    <Modal isOpen={isOpen} onClose={onClose} title={title} footer={footer}>\n      <EntityPickerShell\n        search={search}\n        onSearchChange={handleSearchChange}\n        searchPlaceholder={resolvedSearchPlaceholder}\n        searchEnabled={pickerConfig?.searchEnabled ?? true}\n      >\n        <BackofficeErrorBoundary\n          fallback={(args: { error: unknown; reset: () => void }) => {\n            const { reset } = args;\n            return (\n              <div>\n                <div>{t('picker.errors.loadFailed')}</div>\n                <Button\n                  type=\"button\"\n                  variant=\"secondary\"\n                  onClick={() => {\n                    reset();\n                    setFetchKey((value) => {\n                      return value + 1;\n                    });\n                  }}\n                >\n                  {t('common.actions.retry')}\n                </Button>\n              </div>\n            );\n          }}\n        >\n          <Suspense fallback={<Spinner />}>{pickerNode}</Suspense>\n        </BackofficeErrorBoundary>\n      </EntityPickerShell>\n    </Modal>\n  );\n};\n\nexport type { BackofficePickerScope } from '@plumile/backoffice-core/types.js';\n\nexport default EntityIdPickerDialog;\n"],"mappings":"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"}

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                    */
-//#region src/components/backoffice/pickers/entityIdPickerDialog.css.ts
-var e = "_10f5c550 vncd899io vncd89ai6 vncd89aof", t = "_10f5c551 vncd89nuf vncd89oho vncd89p5o vncd89lxf vncd89v8r vncd898x vncd89t5x", n = "_10f5c552 vncd899io vncd89ao6 vncd89co", r = "_10f5c553 vncd899mx vncd89k4x vncd899io vncd89ai6 vncd89t5o", i = "_10f5c554 vncd89v8p vncd89amf vncd8996 vncd89f3x", a = "_10f5c555 vncd89v8r vncd898x vncd89f3x", o = "_10f5c556 vncd89v8t vncd898o vncd89f3x vncd89uw6";
-//#endregion
-export { e as layout, n as row, o as rowMeta, a as rowSubtitle, r as rowText, i as rowTitle, t as searchRequiredMessage };
-
-//# sourceMappingURL=entityIdPickerDialog.css.js.map

package/lib/esm/components/backoffice/pickers/entityIdPickerDialog.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"entityIdPickerDialog.css.js","names":[],"sources":["../../../../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const layout = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const searchRequiredMessage = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  textAlign: 'center',\n  paddingY: 3,\n  paddingX: 0,\n});\n\nexport const row = sprinkles({\n  display: 'flex',\n  gap: 2,\n  alignItems: 'center',\n});\n\nexport const rowText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  textAlign: 'left',\n});\n\nexport const rowTitle = sprinkles({\n  color: 'text',\n  fontWeight: 'medium',\n  fontSize: 'base',\n  lineHeight: 1.2,\n});\n\nexport const rowSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 1.2,\n});\n\nexport const rowMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js

@@ -1,23 +0,0 @@
-import { EntityPickerRowBase as e } from "./EntityPickerRowBase.js";
-import { jsx as t } from "react/jsx-runtime";
-import { BackofficeEmptyState as n, Button as r } from "@plumile/ui";
-//#region src/components/backoffice/pickers/shared/EntityPickerList.tsx
-var i = ({ items: i, onSelectId: a, emptyState: o }) => i.length === 0 ? o ?? /* @__PURE__ */ t(n, {
-	title: "No result",
-	description: "Try another search term."
-}) : /* @__PURE__ */ t("div", { children: i.map((n) => /* @__PURE__ */ t(r, {
-	type: "button",
-	variant: "text",
-	onClick: () => {
-		a(n.id);
-	},
-	width: "full",
-	children: /* @__PURE__ */ t(e, {
-		title: n.title,
-		subtitle: n.subtitle
-	})
-}, n.id)) });
-//#endregion
-export { i as EntityPickerList, i as default };
-
-//# sourceMappingURL=EntityPickerList.js.map

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityPickerList.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerList.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { BackofficeEmptyState, Button } from '@plumile/ui';\n\nimport { EntityPickerRowBase } from './EntityPickerRowBase.js';\nimport type { EntityPickerRowViewModel } from '../types.js';\n\nexport type EntityPickerListProps = {\n  items: readonly EntityPickerRowViewModel[];\n  onSelectId: (id: string) => void;\n  emptyState?: JSX.Element;\n};\n\nexport const EntityPickerList = ({\n  items,\n  onSelectId,\n  emptyState,\n}: EntityPickerListProps): JSX.Element => {\n  if (items.length === 0) {\n    return (\n      emptyState ?? (\n        <BackofficeEmptyState\n          title=\"No result\"\n          description=\"Try another search term.\"\n        />\n      )\n    );\n  }\n\n  return (\n    <div>\n      {items.map((item) => {\n        return (\n          <Button\n            key={item.id}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() => {\n              onSelectId(item.id);\n            }}\n            width=\"full\"\n          >\n            <EntityPickerRowBase title={item.title} subtitle={item.subtitle} />\n          </Button>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default EntityPickerList;\n"],"mappings":";;;;AAaA,IAAa,KAAoB,EAC/B,UACA,eACA,oBAEI,EAAM,WAAW,IAEjB,KACE,kBAAC,GAAD;CACE,OAAM;CACN,aAAY;CACZ,CAAA,GAMN,kBAAC,OAAD,EAAA,UACG,EAAM,KAAK,MAER,kBAAC,GAAD;CAEE,MAAK;CACL,SAAQ;CACR,eAAe;AACb,IAAW,EAAK,GAAG;;CAErB,OAAM;WAEN,kBAAC,GAAD;EAAqB,OAAO,EAAK;EAAO,UAAU,EAAK;EAAY,CAAA;CAC5D,EATF,EAAK,GASH,CAEX,EACE,CAAA"}

package/lib/esm/components/backoffice/pickers/shared/EntityPickerRowBase.js

@@ -1,23 +0,0 @@
-import { row as e, rowSubtitle as t, rowText as n, rowTitle as r } from "../entityIdPickerDialog.css.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/backoffice/pickers/shared/EntityPickerRowBase.tsx
-var o = ({ title: o, subtitle: s }) => {
-	let c = null;
-	return s != null && (c = /* @__PURE__ */ i("div", {
-		className: t,
-		children: s
-	})), /* @__PURE__ */ i("div", {
-		className: e,
-		children: /* @__PURE__ */ a("div", {
-			className: n,
-			children: [/* @__PURE__ */ i("div", {
-				className: r,
-				children: o
-			}), c]
-		})
-	});
-};
-//#endregion
-export { o as EntityPickerRowBase, o as default };
-
-//# sourceMappingURL=EntityPickerRowBase.js.map

package/lib/esm/components/backoffice/pickers/shared/EntityPickerRowBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityPickerRowBase.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerRowBase.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from '../entityIdPickerDialog.css.js';\n\nexport type EntityPickerRowBaseProps = {\n  title: ReactNode;\n  subtitle?: ReactNode;\n};\n\nexport const EntityPickerRowBase = ({\n  title,\n  subtitle,\n}: EntityPickerRowBaseProps): JSX.Element => {\n  let subtitleNode: ReactNode | null = null;\n  if (subtitle != null) {\n    subtitleNode = <div className={styles.rowSubtitle}>{subtitle}</div>;\n  }\n\n  return (\n    <div className={styles.row}>\n      <div className={styles.rowText}>\n        <div className={styles.rowTitle}>{title}</div>\n        {subtitleNode}\n      </div>\n    </div>\n  );\n};\n\nexport default EntityPickerRowBase;\n"],"mappings":";;;AASA,IAAa,KAAuB,EAClC,UACA,kBAC2C;CAC3C,IAAI,IAAiC;AAKrC,QAJI,KAAY,SACd,IAAe,kBAAC,OAAD;EAAK,WAAW;YAAqB;EAAe,CAAA,GAInE,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,OAAD;IAAK,WAAW;cAAkB;IAAY,CAAA,EAC7C,EACG;;EACF,CAAA"}

package/lib/esm/components/backoffice/pickers/shared/EntityPickerShell.js

@@ -1,24 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../../i18n/useBackofficeReactTranslation.js";
-import { layout as t } from "../entityIdPickerDialog.css.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Input as i } from "@plumile/ui/atomic/atoms/input/Input.js";
-//#region src/components/backoffice/pickers/shared/EntityPickerShell.tsx
-var a = ({ search: a, onSearchChange: o, searchPlaceholder: s, searchEnabled: c = !0, children: l }) => {
-	let { t: u } = e(), d = s ?? u("picker.searchPlaceholder.default"), f = null;
-	return c && (f = /* @__PURE__ */ n(i, {
-		value: a,
-		onChange: (e) => {
-			o(e.target.value);
-		},
-		placeholder: d,
-		size: "small",
-		fullWidth: !0
-	})), /* @__PURE__ */ r("div", {
-		className: t,
-		children: [f, l]
-	});
-};
-//#endregion
-export { a as EntityPickerShell, a as default };
-
-//# sourceMappingURL=EntityPickerShell.js.map

package/lib/esm/components/backoffice/pickers/shared/EntityPickerShell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EntityPickerShell.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { Input } from '@plumile/ui/atomic/atoms/input/Input.js';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from '../entityIdPickerDialog.css.js';\n\nexport type EntityPickerShellProps = {\n  search: string;\n  onSearchChange: (next: string) => void;\n  searchPlaceholder?: string;\n  searchEnabled?: boolean;\n  children: ReactNode;\n};\n\nexport const EntityPickerShell = ({\n  search,\n  onSearchChange,\n  searchPlaceholder,\n  searchEnabled = true,\n  children,\n}: EntityPickerShellProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedPlaceholder =\n    searchPlaceholder ?? t('picker.searchPlaceholder.default');\n  let searchNode: JSX.Element | null = null;\n  if (searchEnabled) {\n    searchNode = (\n      <Input\n        value={search}\n        onChange={(event) => {\n          onSearchChange(event.target.value);\n        }}\n        placeholder={resolvedPlaceholder}\n        size=\"small\"\n        fullWidth\n      />\n    );\n  }\n\n  return (\n    <div className={styles.layout}>\n      {searchNode}\n      {children}\n    </div>\n  );\n};\n\nexport default EntityPickerShell;\n"],"mappings":";;;;;AAgBA,IAAa,KAAqB,EAChC,WACA,mBACA,sBACA,mBAAgB,IAChB,kBACyC;CACzC,IAAM,EAAE,SAAM,GAA+B,EACvC,IACJ,KAAqB,EAAE,mCAAmC,EACxD,IAAiC;AAerC,QAdI,MACF,IACE,kBAAC,GAAD;EACE,OAAO;EACP,WAAW,MAAU;AACnB,KAAe,EAAM,OAAO,MAAM;;EAEpC,aAAa;EACb,MAAK;EACL,WAAA;EACA,CAAA,GAKJ,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,GACA,EACG"}

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

@@ -1,35 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
-import { BackofficeFilterAction as n } from "../filters/BackofficeFilterAction.js";
-import { BackofficeInlineFilterRow as r } from "../shared/BackofficeInlineFilterRow.js";
-import { link as i } from "./backofficeEntityIdRef.css.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Link as s } from "@plumile/router";
-//#region src/components/backoffice/refs/BackofficeEntityIdRef.tsx
-var c = ({ id: c, entity: l, filterWhereKey: u, filterPath: d, filterLabel: f, listConfig: p }) => {
-	let { entities: m } = t(), { t: h } = e(), g = "";
-	if (typeof c == "string" && (g = c.trim()), g === "") return /* @__PURE__ */ a("span", { children: "-" });
-	let _ = null;
-	if (l != null) {
-		let e = m[l];
-		e != null && (_ = e.routes.detail(g));
-	}
-	let v = h("filters.placeholders.unresolved"), y = /* @__PURE__ */ a("span", { children: v });
-	_ != null && (y = /* @__PURE__ */ a(s, {
-		to: _,
-		className: i,
-		children: v
-	}));
-	let b = null;
-	return u != null && (b = /* @__PURE__ */ a(n, {
-		whereKey: u,
-		value: g,
-		path: d,
-		label: f,
-		listConfig: p
-	})), /* @__PURE__ */ o(r, { children: [b, y] });
-};
-//#endregion
-export { c as BackofficeEntityIdRef, c as default };
-
-//# sourceMappingURL=BackofficeEntityIdRef.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeEntityIdRef.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeEntityIdRef.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { Link } from '@plumile/router';\n\nimport type { BackofficeResolvedListFacetConfig } from '@plumile/backoffice-core/types.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { BackofficeFilterAction } from '../filters/BackofficeFilterAction.js';\nimport { BackofficeInlineFilterRow } from '../shared/BackofficeInlineFilterRow.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeEntityIdRef.css.js';\n\nexport type BackofficeEntityIdRefProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n  Sort extends string = string,\n> = {\n  id: string | null | undefined;\n  entity?: string;\n  filterWhereKey?: string;\n  filterPath?: readonly string[];\n  filterLabel?: string;\n  listConfig?: BackofficeResolvedListFacetConfig<Where, Sort>;\n};\n\nexport const BackofficeEntityIdRef = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n  Sort extends string = string,\n>({\n  id,\n  entity,\n  filterWhereKey,\n  filterPath,\n  filterLabel,\n  listConfig,\n}: BackofficeEntityIdRefProps<Where, Sort>): JSX.Element => {\n  const { entities } = useBackofficeConfig();\n  const { t } = useBackofficeReactTranslation();\n  let resolvedId = '';\n  if (typeof id === 'string') {\n    resolvedId = id.trim();\n  }\n  if (resolvedId === '') {\n    return <span>-</span>;\n  }\n\n  let detailTo: string | null = null;\n  if (entity != null) {\n    const config = entities[entity];\n    if (config != null) {\n      detailTo = config.routes.detail(resolvedId);\n    }\n  }\n\n  const unresolvedLabel = t('filters.placeholders.unresolved');\n  let badgeNode = <span>{unresolvedLabel}</span>;\n  if (detailTo != null) {\n    badgeNode = (\n      <Link to={detailTo} className={styles.link}>\n        {unresolvedLabel}\n      </Link>\n    );\n  }\n\n  let filterAction: JSX.Element | null = null;\n  if (filterWhereKey != null) {\n    filterAction = (\n      <BackofficeFilterAction\n        whereKey={filterWhereKey}\n        value={resolvedId}\n        path={filterPath}\n        label={filterLabel}\n        listConfig={listConfig}\n      />\n    );\n  }\n\n  return (\n    <BackofficeInlineFilterRow>\n      {filterAction}\n      {badgeNode}\n    </BackofficeInlineFilterRow>\n  );\n};\n\nexport default BackofficeEntityIdRef;\n"],"mappings":";;;;;;;;AAuBA,IAAa,KAGX,EACA,OACA,WACA,mBACA,eACA,gBACA,oBAC0D;CAC1D,IAAM,EAAE,gBAAa,GAAqB,EACpC,EAAE,SAAM,GAA+B,EACzC,IAAa;AAIjB,KAHI,OAAO,KAAO,aAChB,IAAa,EAAG,MAAM,GAEpB,MAAe,GACjB,QAAO,kBAAC,QAAD,EAAA,UAAM,KAAQ,CAAA;CAGvB,IAAI,IAA0B;AAC9B,KAAI,KAAU,MAAM;EAClB,IAAM,IAAS,EAAS;AACxB,EAAI,KAAU,SACZ,IAAW,EAAO,OAAO,OAAO,EAAW;;CAI/C,IAAM,IAAkB,EAAE,kCAAkC,EACxD,IAAY,kBAAC,QAAD,EAAA,UAAO,GAAuB,CAAA;AAC9C,CAAI,KAAY,SACd,IACE,kBAAC,GAAD;EAAM,IAAI;EAAU,WAAW;YAC5B;EACI,CAAA;CAIX,IAAI,IAAmC;AAavC,QAZI,KAAkB,SACpB,IACE,kBAAC,GAAD;EACE,UAAU;EACV,OAAO;EACP,MAAM;EACN,OAAO;EACK;EACZ,CAAA,GAKJ,kBAAC,GAAD,EAAA,UAAA,CACG,GACA,EACyB,EAAA,CAAA"}

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

@@ -1,54 +0,0 @@
-import { useBackofficeConfig as e } from "../../../provider/BackofficeConfigContext.js";
-import { link as t } from "./backofficeRelatedCountLink.css.js";
-import { jsx as n } from "react/jsx-runtime";
-import { useContext as r } from "react";
-import { Link as i, RoutingContext as a } from "@plumile/router";
-import { buildBackofficeFallbackListHref as o, buildBackofficeListLink as s } from "@plumile/backoffice-core/state/buildListHref.js";
-//#region src/components/backoffice/refs/BackofficeRelatedCountLink.tsx
-var c = ({ count: c, entity: l, where: u }) => {
-	let { entities: d, entityRegistry: f } = e(), p = r(a), m = 0;
-	typeof c == "number" && Number.isFinite(c) && (m = c);
-	let h = d[l];
-	if (h == null) return /* @__PURE__ */ n("span", { children: m });
-	let g = f.getLoadedListEntity(l), _;
-	_ = g == null ? o(h.routes.list, u) : s(g.config, { where: u });
-	let v = async (e) => {
-		let t = s((await f.loadListEntity(l)).config, { where: u }), n = "";
-		t.search !== "" && (n = `?${t.search}`), e.push({
-			pathname: t.pathname,
-			search: n,
-			hash: ""
-		});
-	};
-	return /* @__PURE__ */ n(i, {
-		to: _,
-		className: t,
-		onClick: (e) => {
-			if (g != null || p == null || e.defaultPrevented || e.button !== 0 || e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) return;
-			e.preventDefault();
-			let { history: t } = p;
-			v(t).catch(() => {
-				if (typeof _ == "string") {
-					let e = new URL(_, window.location.origin);
-					t.push({
-						pathname: e.pathname,
-						search: e.search,
-						hash: e.hash
-					});
-					return;
-				}
-				let e = "";
-				_.search !== "" && (e = `?${_.search}`), t.push({
-					pathname: _.pathname,
-					search: e,
-					hash: ""
-				});
-			});
-		},
-		children: m
-	});
-};
-//#endregion
-export { c as BackofficeRelatedCountLink, c as default };
-
-//# sourceMappingURL=BackofficeRelatedCountLink.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeRelatedCountLink.js","names":[],"sources":["../../../../../src/components/backoffice/refs/BackofficeRelatedCountLink.tsx"],"sourcesContent":["import { useContext, type JSX, type MouseEvent } from 'react';\nimport { Link, RoutingContext } from '@plumile/router';\n\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\n\nimport * as styles from './backofficeRelatedCountLink.css.js';\n\nexport type BackofficeRelatedCountLinkProps<\n  Where extends Record<string, unknown> = Record<string, unknown>,\n> = {\n  count: number | null | undefined;\n  entity: string;\n  where: Where;\n};\n\nexport const BackofficeRelatedCountLink = <\n  Where extends Record<string, unknown> = Record<string, unknown>,\n>({\n  count,\n  entity,\n  where,\n}: BackofficeRelatedCountLinkProps<Where>): JSX.Element => {\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  let resolvedCount = 0;\n  if (typeof count === 'number' && Number.isFinite(count)) {\n    resolvedCount = count;\n  }\n  const entityManifest = entities[entity];\n  if (entityManifest == null) {\n    return <span>{resolvedCount}</span>;\n  }\n  const loadedEntity = entityRegistry.getLoadedListEntity(entity);\n  let to: string | { pathname: string; search: string };\n  if (loadedEntity == null) {\n    to = buildBackofficeFallbackListHref(entityManifest.routes.list, where);\n  } else {\n    to = buildBackofficeListLink(loadedEntity.config, { where });\n  }\n\n  const navigateWithLoadedEntity = async (\n    history: NonNullable<typeof routing>['history'],\n  ): Promise<void> => {\n    const listEntity = await entityRegistry.loadListEntity(entity);\n    const next = buildBackofficeListLink(listEntity.config, { where });\n\n    let search = '';\n    if (next.search !== '') {\n      search = `?${next.search}`;\n    }\n\n    history.push({\n      pathname: next.pathname,\n      search,\n      hash: '',\n    });\n  };\n\n  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    if (\n      loadedEntity != null ||\n      routing == null ||\n      event.defaultPrevented ||\n      event.button !== 0 ||\n      event.metaKey ||\n      event.altKey ||\n      event.ctrlKey ||\n      event.shiftKey\n    ) {\n      return;\n    }\n\n    event.preventDefault();\n    const { history } = routing;\n    navigateWithLoadedEntity(history).catch(() => {\n      if (typeof to === 'string') {\n        const fallbackUrl = new URL(to, window.location.origin);\n        history.push({\n          pathname: fallbackUrl.pathname,\n          search: fallbackUrl.search,\n          hash: fallbackUrl.hash,\n        });\n        return;\n      }\n\n      let search = '';\n      if (to.search !== '') {\n        search = `?${to.search}`;\n      }\n\n      history.push({\n        pathname: to.pathname,\n        search,\n        hash: '',\n      });\n    });\n  };\n\n  return (\n    <Link to={to} className={styles.link} onClick={handleClick}>\n      {resolvedCount}\n    </Link>\n  );\n};\n\nexport default BackofficeRelatedCountLink;\n"],"mappings":";;;;;;;AAmBA,IAAa,KAEX,EACA,UACA,WACA,eACyD;CACzD,IAAM,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAU,EAAW,EAAe,EACtC,IAAgB;AACpB,CAAI,OAAO,KAAU,YAAY,OAAO,SAAS,EAAM,KACrD,IAAgB;CAElB,IAAM,IAAiB,EAAS;AAChC,KAAI,KAAkB,KACpB,QAAO,kBAAC,QAAD,EAAA,UAAO,GAAqB,CAAA;CAErC,IAAM,IAAe,EAAe,oBAAoB,EAAO,EAC3D;AACJ,CAGE,IAHE,KAAgB,OACb,EAAgC,EAAe,OAAO,MAAM,EAAM,GAElE,EAAwB,EAAa,QAAQ,EAAE,UAAO,CAAC;CAG9D,IAAM,IAA2B,OAC/B,MACkB;EAElB,IAAM,IAAO,GADM,MAAM,EAAe,eAAe,EAAO,EACd,QAAQ,EAAE,UAAO,CAAC,EAE9D,IAAS;AAKb,EAJI,EAAK,WAAW,OAClB,IAAS,IAAI,EAAK,WAGpB,EAAQ,KAAK;GACX,UAAU,EAAK;GACf;GACA,MAAM;GACP,CAAC;;AA2CJ,QACE,kBAAC,GAAD;EAAU;EAAI,WAAW;EAAa,UAzCnB,MAAyC;AAC5D,OACE,KAAgB,QAChB,KAAW,QACX,EAAM,oBACN,EAAM,WAAW,KACjB,EAAM,WACN,EAAM,UACN,EAAM,WACN,EAAM,SAEN;AAGF,KAAM,gBAAgB;GACtB,IAAM,EAAE,eAAY;AACpB,KAAyB,EAAQ,CAAC,YAAY;AAC5C,QAAI,OAAO,KAAO,UAAU;KAC1B,IAAM,IAAc,IAAI,IAAI,GAAI,OAAO,SAAS,OAAO;AACvD,OAAQ,KAAK;MACX,UAAU,EAAY;MACtB,QAAQ,EAAY;MACpB,MAAM,EAAY;MACnB,CAAC;AACF;;IAGF,IAAI,IAAS;AAKb,IAJI,EAAG,WAAW,OAChB,IAAS,IAAI,EAAG,WAGlB,EAAQ,KAAK;KACX,UAAU,EAAG;KACb;KACA,MAAM;KACP,CAAC;KACF;;YAKC;EACI,CAAA"}

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                     */
-//#region src/components/backoffice/refs/backofficeEntityIdRef.css.ts
-var e = "_1acv5pt1 _1acv5pt0 vncd899jf vncd89co vncd89anx vncd89v8p vncd893b";
-//#endregion
-export { e as link };
-
-//# sourceMappingURL=backofficeEntityIdRef.css.js.map

package/lib/esm/components/backoffice/refs/backofficeEntityIdRef.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeEntityIdRef.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeEntityIdRef.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const link = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 1,\n    color: 'text',\n    textDecoration: 'none',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        textDecoration: 'underline',\n      },\n    },\n  },\n]);\n"],"mappings":""}

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                          */
-//#region src/components/backoffice/refs/backofficeRelatedCountLink.css.ts
-var e = "kk18lv0 vncd89v8p vncd893d vncd89vvh";
-//#endregion
-export { e as link };
-
-//# sourceMappingURL=backofficeRelatedCountLink.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"backofficeRelatedCountLink.css.js","names":[],"sources":["../../../../../src/components/backoffice/refs/backofficeRelatedCountLink.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const link = sprinkles({\n  color: 'text',\n  textDecoration: 'underline',\n  textDecorationColor: 'borderStrong',\n});\n"],"mappings":""}

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

@@ -1,24 +0,0 @@
-import { BackofficeErrorBoundary as e } from "../errors/BackofficeErrorBoundary.js";
-import { BackofficeContentError as t } from "./BackofficeContentError.js";
-import { BackofficeContentFallback as n } from "./BackofficeContentFallback.js";
-import { root as r } from "./backofficeContentBoundary.css.js";
-import { jsx as i } from "react/jsx-runtime";
-import { Suspense as a } from "react";
-//#region src/components/backoffice/routing/BackofficeContentBoundary.tsx
-var o = ({ children: o }) => /* @__PURE__ */ i("div", {
-	className: r,
-	children: /* @__PURE__ */ i(e, {
-		fallback: ({ error: e, reset: n }) => /* @__PURE__ */ i(t, {
-			error: e,
-			onRetry: n
-		}),
-		children: /* @__PURE__ */ i(a, {
-			fallback: /* @__PURE__ */ i(n, {}),
-			children: o
-		})
-	})
-});
-//#endregion
-export { o as BackofficeContentBoundary, o as default };
-
-//# sourceMappingURL=BackofficeContentBoundary.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeContentBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentBoundary.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nimport { BackofficeContentError } from './BackofficeContentError.js';\nimport { BackofficeContentFallback } from './BackofficeContentFallback.js';\nimport * as styles from './backofficeContentBoundary.css.js';\n\nexport type BackofficeContentBoundaryProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeContentBoundary = ({\n  children,\n}: BackofficeContentBoundaryProps): JSX.Element => {\n  return (\n    <div className={styles.root}>\n      <BackofficeErrorBoundary\n        fallback={({ error, reset }) => {\n          return <BackofficeContentError error={error} onRetry={reset} />;\n        }}\n      >\n        <Suspense fallback={<BackofficeContentFallback />}>{children}</Suspense>\n      </BackofficeErrorBoundary>\n    </div>\n  );\n};\n\nexport default BackofficeContentBoundary;\n"],"mappings":";;;;;;;AAYA,IAAa,KAA6B,EACxC,kBAGE,kBAAC,OAAD;CAAK,WAAW;WACd,kBAAC,GAAD;EACE,WAAW,EAAE,UAAO,eACX,kBAAC,GAAD;GAA+B;GAAO,SAAS;GAAS,CAAA;YAGjE,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAA6B,CAAA;GAAG;GAAoB,CAAA;EAChD,CAAA;CACtB,CAAA"}

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

@@ -1,38 +0,0 @@
-import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
-import { banner as t, root as n } from "./backofficeContentError.css.js";
-import { jsx as r } from "react/jsx-runtime";
-import { Button as i, InlineBanner as a } from "@plumile/ui";
-//#region src/components/backoffice/routing/BackofficeContentError.tsx
-var o = (e) => {
-	if (e instanceof Error) {
-		let t = e.message.trim();
-		return t.length > 0 ? t : null;
-	}
-	if (typeof e == "string") {
-		let t = e.trim();
-		return t.length > 0 ? t : null;
-	}
-	return null;
-}, s = ({ error: s, onRetry: c }) => {
-	let { t: l } = e(), u = o(s);
-	return /* @__PURE__ */ r("div", {
-		className: n,
-		role: "alert",
-		children: /* @__PURE__ */ r(a, {
-			tone: "danger",
-			className: t,
-			actions: /* @__PURE__ */ r(i, {
-				type: "button",
-				variant: "secondary",
-				size: "small",
-				onClick: c,
-				children: l("common.actions.retry")
-			}),
-			children: u
-		})
-	});
-};
-//#endregion
-export { s as BackofficeContentError, s as default };
-
-//# sourceMappingURL=BackofficeContentError.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeContentError.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentError.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button, InlineBanner } from '@plumile/ui';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeContentError.css.js';\n\ntype BackofficeContentErrorProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nconst resolveErrorMessage = (error: unknown): string | null => {\n  if (error instanceof Error) {\n    const message = error.message.trim();\n    if (message.length > 0) {\n      return message;\n    }\n    return null;\n  }\n  if (typeof error === 'string') {\n    const message = error.trim();\n    if (message.length > 0) {\n      return message;\n    }\n    return null;\n  }\n  return null;\n};\n\nexport const BackofficeContentError = ({\n  error,\n  onRetry,\n}: BackofficeContentErrorProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const description = resolveErrorMessage(error);\n\n  return (\n    <div className={styles.root} role=\"alert\">\n      <InlineBanner\n        tone=\"danger\"\n        className={styles.banner}\n        actions={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={onRetry}\n          >\n            {t('common.actions.retry')}\n          </Button>\n        }\n      >\n        {description}\n      </InlineBanner>\n    </div>\n  );\n};\n\nexport default BackofficeContentError;\n"],"mappings":";;;;;AAYA,IAAM,KAAuB,MAAkC;AAC7D,KAAI,aAAiB,OAAO;EAC1B,IAAM,IAAU,EAAM,QAAQ,MAAM;AAIpC,SAHI,EAAQ,SAAS,IACZ,IAEF;;AAET,KAAI,OAAO,KAAU,UAAU;EAC7B,IAAM,IAAU,EAAM,MAAM;AAI5B,SAHI,EAAQ,SAAS,IACZ,IAEF;;AAET,QAAO;GAGI,KAA0B,EACrC,UACA,iBAC8C;CAC9C,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAc,EAAoB,EAAM;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAW;EAAa,MAAK;YAChC,kBAAC,GAAD;GACE,MAAK;GACL,WAAW;GACX,SACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;cAER,EAAE,uBAAuB;IACnB,CAAA;aAGV;GACY,CAAA;EACX,CAAA"}

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

@@ -1,47 +0,0 @@
-import { card as e, container as t, grid as n, title as r } from "./backofficeContentFallback.css.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Skeleton as o } from "@plumile/ui";
-//#region src/components/backoffice/routing/BackofficeContentFallback.tsx
-var s = () => /* @__PURE__ */ a("div", {
-	className: t,
-	role: "status",
-	"aria-live": "polite",
-	"aria-busy": "true",
-	children: [
-		/* @__PURE__ */ i(o, {
-			variant: "text",
-			width: "38%",
-			className: r
-		}),
-		/* @__PURE__ */ i(o, {
-			variant: "text",
-			width: "62%"
-		}),
-		/* @__PURE__ */ i("div", {
-			className: n,
-			children: Array.from({ length: 4 }, (t, n) => /* @__PURE__ */ a("div", {
-				className: e,
-				children: [
-					/* @__PURE__ */ i(o, {
-						variant: "text",
-						width: "46%"
-					}),
-					/* @__PURE__ */ i(o, {
-						variant: "text",
-						width: "82%",
-						lines: 2
-					}),
-					/* @__PURE__ */ i(o, {
-						variant: "block",
-						width: "100%",
-						height: 120
-					})
-				]
-			}, `content-skeleton-${n}`))
-		})
-	]
-});
-//#endregion
-export { s as BackofficeContentFallback, s as default };
-
-//# sourceMappingURL=BackofficeContentFallback.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeRouteFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeRouteFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Spinner } from '@plumile/ui';\n\nimport * as styles from './backofficeRouteFallback.css.js';\n\nexport const BackofficeRouteFallback = (): JSX.Element => {\n  const { t, i18n } = useTranslation('backofficeReact', {\n    useSuspense: false,\n  });\n  let label = 'Loading...';\n  if (i18n.isInitialized) {\n    label = t('common.loading');\n  }\n\n  return (\n    <div\n      className={styles.root}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Spinner size={28} />\n      <div className={styles.label}>{label}</div>\n    </div>\n  );\n};\n\nexport default BackofficeRouteFallback;\n"],"mappings":";;;;;AAOA,IAAa,UAA6C;CACxD,IAAM,EAAE,MAAG,YAAS,EAAe,mBAAmB,EACpD,aAAa,IACd,CAAC,EACE,IAAQ;AAKZ,QAJI,EAAK,kBACP,IAAQ,EAAE,iBAAiB,GAI3B,kBAAC,OAAD;EACE,WAAW;EACX,MAAK;EACL,aAAU;EACV,aAAU;YAJZ,CAME,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA,EACrB,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAY,CAAA,CACvC"}

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

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

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

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

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                         */
-//#region src/components/backoffice/routing/backofficeContentBoundary.css.ts
-var e = "_2w9m800 vncd899io vncd89ai6 vncd89jr6 vncd89u6f vncd89k4x";
-//#endregion
-export { e as root };
-
-//# sourceMappingURL=backofficeContentBoundary.css.js.map

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

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

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                      */
-//#region src/components/backoffice/routing/backofficeContentError.css.ts
-var e = "_1xfx8p60 vncd899io vncd89ai6 vncd89u6f", t = "_1xfx8p61 vncd89wx";
-//#endregion
-export { t as banner, e as root };
-
-//# sourceMappingURL=backofficeContentError.css.js.map

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

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

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                         */
-//#region src/components/backoffice/routing/backofficeContentFallback.css.ts
-var e = "_1f7vqmu0 vncd899io vncd89ai6 vncd89aoo vncd89u6f vncd89jr6", t = "_1f7vqmu1 vncd89jef", n = "_1f7vqmu2 vncd899ix vncd89aoo vncd89c0o", r = "_1f7vqmu3 vncd899io vncd89ai6 vncd89aof vncd89laf vncd89jmx vncd891rx vncd891co vncd891qf vncd89wo vncd89v2v";
-//#endregion
-export { r as card, e as container, n as grid, t as title };
-
-//# sourceMappingURL=backofficeContentFallback.css.js.map

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

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

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                       */
-//#region src/components/backoffice/routing/backofficeRouteFallback.css.ts
-var e = "cxyw860 vncd899io vncd89ai6 vncd89co vncd89dnx vncd89k4o vncd89u6f vncd89aoo vncd89v2t vncd89v8r", t = "cxyw861 vncd89v8t";
-//#endregion
-export { t as label, e as root };
-
-//# sourceMappingURL=backofficeRouteFallback.css.js.map

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

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

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

@@ -1,8 +0,0 @@
-/* empty css                                             */
-/* empty css                                         */
-//#region src/components/backoffice/routing/backofficeRoutePendingBar.css.ts
-var e = "_11exksg2 _11exksg1 vncd89v2v vncd89pso vncd89t6x vncd89dpf vncd89l6f vncd892k vncd89u6f vncd89uvf", t = "_11exksg4 _11exksg3 vncd89cff vncd89unf";
-//#endregion
-export { t as bar, e as root };
-
-//# sourceMappingURL=backofficeRoutePendingBar.css.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeEntityDetailScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityDetailScaffold.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nexport type BackofficeEntityDetailScaffoldProps<\n  NodeUnion extends { __typename: string },\n> = {\n  node: NodeUnion | null | undefined;\n  render: (node: NodeUnion) => JSX.Element | null;\n  notFound?: ReactNode;\n};\n\nexport const BackofficeEntityDetailScaffold = <\n  NodeUnion extends { __typename: string },\n>({\n  node,\n  render,\n  notFound,\n}: BackofficeEntityDetailScaffoldProps<NodeUnion>): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedNotFound = notFound ?? t('detail.notFound');\n  if (node == null) {\n    return <>{resolvedNotFound}</>;\n  }\n\n  const content = render(node);\n  if (content == null) {\n    return <>{resolvedNotFound}</>;\n  }\n\n  return content;\n};\n\nexport default BackofficeEntityDetailScaffold;\n"],"mappings":";;;AAYA,IAAa,KAEX,EACA,SACA,WACA,kBACiE;CACjE,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAmB,KAAY,EAAE,kBAAkB;AAUzD,QATI,KAAQ,OACH,kBAAA,GAAA,EAAA,UAAG,GAAoB,CAAA,GAGhB,EAAO,EAAK,IAEnB,kBAAA,GAAA,EAAA,UAAG,GAAoB,CAAA"}