@plumile/backoffice-react 0.1.105 → 0.1.106

package/lib/esm/components/backoffice/detail/backofficeUsageCostBreakdown.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeUsageCostBreakdown.css.js","names":[],"sources":["../../../../../src/components/backoffice/detail/backofficeUsageCostBreakdown.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const content = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const table = sprinkles({\n  display: 'grid',\n  gap: 2,\n});\n\nexport const row = style([\n  sprinkles({\n    display: 'grid',\n    gap: 3,\n    alignItems: 'center',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) repeat(4, minmax(0, auto))',\n  },\n]);\n\nexport const header = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const cell = sprinkles({\n  fontSize: 'sm',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n\nexport const label = sprinkles({\n  fontWeight: 'medium',\n});\n"],"mappings":""}

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

@@ -0,0 +1,21 @@
+//#region src/components/backoffice/detail/createBackofficeEntityLinkProps.ts
+var e = ({ entity: e, node: t, getId: n, getLabel: r, filterWhereKey: i, getFilterValue: a, filterPath: o, filterLabel: s, listConfig: c }) => {
+	if (t == null) return null;
+	let l = n(t)?.trim();
+	if (l == null || l === "") return null;
+	let u = r(t), d = a?.(t) ?? void 0, f;
+	return typeof u == "string" && (f = u), {
+		entity: e,
+		id: l,
+		label: f,
+		filterWhereKey: i,
+		filterValue: d ?? void 0,
+		filterPath: o,
+		filterLabel: s,
+		listConfig: c
+	};
+};
+//#endregion
+export { e as createBackofficeEntityLinkProps };
+
+//# sourceMappingURL=createBackofficeEntityLinkProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createBackofficeEntityLinkProps.js","names":[],"sources":["../../../../../src/components/backoffice/detail/createBackofficeEntityLinkProps.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { BackofficeRuntimeResolvedListFacetConfig } from '@plumile/backoffice-core/types.js';\n\nexport type BackofficeEntityLinkValue = {\n  readonly id: string;\n  readonly label?: ReactNode;\n  readonly filterValue?: string | null;\n};\n\nexport type CreateBackofficeEntityLinkPropsOptions<TNode> = {\n  readonly entity: string;\n  readonly node: TNode | null | undefined;\n  readonly getId: (node: TNode) => string | null | undefined;\n  readonly getLabel: (node: TNode) => ReactNode;\n  readonly filterWhereKey?: string;\n  readonly getFilterValue?: (node: TNode) => string | null | undefined;\n  readonly filterPath?: readonly string[];\n  readonly filterLabel?: string;\n  readonly listConfig?: BackofficeRuntimeResolvedListFacetConfig;\n};\n\nexport type BackofficeResolvedEntityLinkProps = {\n  readonly entity: string;\n  readonly id: string;\n  readonly label?: string;\n  readonly filterWhereKey?: string;\n  readonly filterValue?: string;\n  readonly filterPath?: readonly string[];\n  readonly filterLabel?: string;\n  readonly listConfig?: BackofficeRuntimeResolvedListFacetConfig;\n};\n\nexport const createBackofficeEntityLinkProps = <TNode>({\n  entity,\n  node,\n  getId,\n  getLabel,\n  filterWhereKey,\n  getFilterValue,\n  filterPath,\n  filterLabel,\n  listConfig,\n}: CreateBackofficeEntityLinkPropsOptions<TNode>): BackofficeResolvedEntityLinkProps | null => {\n  if (node == null) {\n    return null;\n  }\n\n  const id = getId(node)?.trim();\n  if (id == null || id === '') {\n    return null;\n  }\n\n  const label = getLabel(node);\n  const filterValue = getFilterValue?.(node) ?? undefined;\n  let resolvedLabel: string | undefined;\n  if (typeof label === 'string') {\n    resolvedLabel = label;\n  }\n\n  return {\n    entity,\n    id,\n    label: resolvedLabel,\n    filterWhereKey,\n    filterValue: filterValue ?? undefined,\n    filterPath,\n    filterLabel,\n    listConfig,\n  };\n};\n"],"mappings":";AAgCA,IAAa,KAA0C,EACrD,WACA,SACA,UACA,aACA,mBACA,mBACA,eACA,gBACA,oBAC6F;CAC7F,IAAI,KAAQ,MACV,OAAO;CAGT,IAAM,IAAK,EAAM,EAAK,EAAE,MAAM;CAC9B,IAAI,KAAM,QAAQ,MAAO,IACvB,OAAO;CAGT,IAAM,IAAQ,EAAS,EAAK,EACtB,IAAc,IAAiB,EAAK,IAAI,KAAA,GAC1C;CAKJ,OAJI,OAAO,KAAU,aACnB,IAAgB,IAGX;EACL;EACA;EACA,OAAO;EACP;EACA,aAAa,KAAe,KAAA;EAC5B;EACA;EACA;EACD"}

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

@@ -0,0 +1,17 @@
+//#region src/components/backoffice/detail/detailPayloadUtils.ts
+function e(e) {
+	if (e == null) return "";
+	try {
+		return `\`\`\`json\n${JSON.stringify(e, null, 2)}\n\`\`\``;
+	} catch {
+		let t = "[unserializable]";
+		return typeof e == "string" ? t = e : (typeof e == "number" || typeof e == "boolean") && (t = String(e)), `\`\`\`\n${t}\n\`\`\``;
+	}
+}
+function t(e) {
+	return e.length === 0 ? "" : e.map((e) => `- ${e}`).join("\n");
+}
+//#endregion
+export { e as formatJsonPayload, t as formatListAsMarkdown };
+
+//# sourceMappingURL=detailPayloadUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detailPayloadUtils.js","names":[],"sources":["../../../../../src/components/backoffice/detail/detailPayloadUtils.ts"],"sourcesContent":["/**\n * Formats a JSON payload into a fenced Markdown code block.\n */\nexport function formatJsonPayload(value: unknown): string {\n  if (value == null) {\n    return '';\n  }\n  try {\n    return `\\`\\`\\`json\\n${JSON.stringify(value, null, 2)}\\n\\`\\`\\``;\n  } catch {\n    let fallback = '[unserializable]';\n    if (typeof value === 'string') {\n      fallback = value;\n    } else if (typeof value === 'number' || typeof value === 'boolean') {\n      fallback = String(value);\n    }\n    return `\\`\\`\\`\\n${fallback}\\n\\`\\`\\``;\n  }\n}\n\n/**\n * Formats a list of strings as a Markdown bullet list.\n */\nexport function formatListAsMarkdown(items: readonly string[]): string {\n  if (items.length === 0) {\n    return '';\n  }\n  return items\n    .map((item) => {\n      return `- ${item}`;\n    })\n    .join('\\n');\n}\n"],"mappings":";AAGA,SAAgB,EAAkB,GAAwB;CACxD,IAAI,KAAS,MACX,OAAO;CAET,IAAI;EACF,OAAO,eAAe,KAAK,UAAU,GAAO,MAAM,EAAE,CAAC;SAC/C;EACN,IAAI,IAAW;EAMf,OALI,OAAO,KAAU,WACnB,IAAW,KACF,OAAO,KAAU,YAAY,OAAO,KAAU,eACvD,IAAW,OAAO,EAAM,GAEnB,WAAW,EAAS;;;AAO/B,SAAgB,EAAqB,GAAkC;CAIrE,OAHI,EAAM,WAAW,IACZ,KAEF,EACJ,KAAK,MACG,KAAK,IACZ,CACD,KAAK,KAAK"}

package/lib/esm/{BackofficeErrorBoundary-BwRVSDHU.js → components/backoffice/errors/BackofficeErrorBoundary.js}

@@ -16,6 +16,6 @@ var t = class extends e {
 	}
 };
 //#endregion
-export { t };
+export { t as BackofficeErrorBoundary, t as default };
 
-//# sourceMappingURL=BackofficeErrorBoundary-BwRVSDHU.js.map
+//# sourceMappingURL=BackofficeErrorBoundary.js.map

package/lib/esm/{BackofficeErrorBoundary-BwRVSDHU.js.map → components/backoffice/errors/BackofficeErrorBoundary.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BackofficeErrorBoundary-BwRVSDHU.js","names":[],"sources":["../../src/components/backoffice/errors/BackofficeErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode } from 'react';\n\nexport type BackofficeErrorBoundaryProps = {\n  children: ReactNode;\n  fallback: (args: { error: unknown; reset: () => void }) => ReactNode;\n};\n\ntype State = { error: unknown };\n\nexport class BackofficeErrorBoundary extends Component<\n  BackofficeErrorBoundaryProps,\n  State\n> {\n  public state: State = { error: null };\n\n  public static getDerivedStateFromError(error: unknown): State {\n    return { error };\n  }\n\n  public reset = (): void => {\n    this.setState({ error: null });\n  };\n\n  public render(): ReactNode {\n    if (this.state.error != null) {\n      return this.props.fallback({\n        error: this.state.error,\n        reset: this.reset,\n      });\n    }\n    return this.props.children;\n  }\n}\n\nexport default BackofficeErrorBoundary;\n"],"mappings":";;AASA,IAAa,IAAb,cAA6C,EAG3C;CACA,QAAsB,EAAE,OAAO,MAAM;CAErC,OAAc,yBAAyB,GAAuB;EAC5D,OAAO,EAAE,UAAO;;CAGlB,cAA2B;EACzB,KAAK,SAAS,EAAE,OAAO,MAAM,CAAC;;CAGhC,SAA2B;EAOzB,OANI,KAAK,MAAM,SAAS,OAMjB,KAAK,MAAM,WALT,KAAK,MAAM,SAAS;GACzB,OAAO,KAAK,MAAM;GAClB,OAAO,KAAK;GACb,CAAC"}
+{"version":3,"file":"BackofficeErrorBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/errors/BackofficeErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode } from 'react';\n\nexport type BackofficeErrorBoundaryProps = {\n  children: ReactNode;\n  fallback: (args: { error: unknown; reset: () => void }) => ReactNode;\n};\n\ntype State = { error: unknown };\n\nexport class BackofficeErrorBoundary extends Component<\n  BackofficeErrorBoundaryProps,\n  State\n> {\n  public state: State = { error: null };\n\n  public static getDerivedStateFromError(error: unknown): State {\n    return { error };\n  }\n\n  public reset = (): void => {\n    this.setState({ error: null });\n  };\n\n  public render(): ReactNode {\n    if (this.state.error != null) {\n      return this.props.fallback({\n        error: this.state.error,\n        reset: this.reset,\n      });\n    }\n    return this.props.children;\n  }\n}\n\nexport default BackofficeErrorBoundary;\n"],"mappings":";;AASA,IAAa,IAAb,cAA6C,EAG3C;CACA,QAAsB,EAAE,OAAO,MAAM;CAErC,OAAc,yBAAyB,GAAuB;EAC5D,OAAO,EAAE,UAAO;;CAGlB,cAA2B;EACzB,KAAK,SAAS,EAAE,OAAO,MAAM,CAAC;;CAGhC,SAA2B;EAOzB,OANI,KAAK,MAAM,SAAS,OAMjB,KAAK,MAAM,WALT,KAAK,MAAM,SAAS;GACzB,OAAO,KAAK,MAAM;GAClB,OAAO,KAAK;GACb,CAAC"}

package/lib/esm/components/backoffice/filters/BackofficeFilterAction.js

@@ -0,0 +1,46 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { useBackofficeConfig as t } from "../../../provider/BackofficeConfigContext.js";
+import { useBackofficeListFilterContext as n } from "../scaffolds/BackofficeListFilterContext.js";
+import { canFilterValue as r, resolveFilterForColumn as i, resolveFilterForWhereKey as a } from "../../../filters/filterHelpers.js";
+import { action as o, icon as s } from "./backofficeFilterAction.css.js";
+import { SidebarSearchSvg as c } from "@plumile/ui";
+import { jsx as l } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { Link as d } from "@plumile/router";
+import { buildBackofficeListLink as f } from "@plumile/backoffice-core/state/buildListHref.js";
+import { setWhereValue as p } from "@plumile/backoffice-core/filters/where.js";
+//#region src/components/backoffice/filters/BackofficeFilterAction.tsx
+var m = (e, t) => e(t), h = (h) => {
+	let { t: g } = u(), { t: _ } = e(), { filterColumnAliases: v } = t(), { whereKey: y, value: b, path: x, label: S, listConfig: C } = h, w = n(), T = null;
+	if (C == null ? w != null && (T = w.config) : T = C, T == null) return null;
+	let E = a(T, y, x);
+	if (E == null && x == null && (E = i(T, y, v)), E == null || !r(E, b)) return null;
+	let D = m(E.label, g), O = S ?? _("filters.actions.filterBy", { label: D }), k = /* @__PURE__ */ l(c, {
+		width: 14,
+		height: 14,
+		className: s,
+		"aria-hidden": "true"
+	});
+	if (w != null) return /* @__PURE__ */ l("button", {
+		type: "button",
+		className: o,
+		title: O,
+		"aria-label": O,
+		onClick: () => {
+			w.applyFilter(y, b, x);
+		},
+		children: k
+	});
+	let A = p(T.listDefaults?.where ?? T.list.defaultState?.where ?? null, y, b, x);
+	return /* @__PURE__ */ l(d, {
+		to: f(T, { where: A }),
+		className: o,
+		title: O,
+		"aria-label": O,
+		children: k
+	});
+};
+//#endregion
+export { h as BackofficeFilterAction, h as default };
+
+//# sourceMappingURL=BackofficeFilterAction.js.map

package/lib/esm/components/backoffice/filters/BackofficeFilterAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeFilterAction.js","names":[],"sources":["../../../../../src/components/backoffice/filters/BackofficeFilterAction.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Link } from '@plumile/router';\nimport { SidebarSearchSvg } from '@plumile/ui';\n\nimport type {\n  BackofficeRuntimeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { TFunction } from 'i18next';\nimport { buildBackofficeListLink } from '@plumile/backoffice-core/state/buildListHref.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\n\nimport {\n  canFilterValue,\n  resolveFilterForColumn,\n  resolveFilterForWhereKey,\n} from '../../../filters/filterHelpers.js';\nimport { useBackofficeConfig } from '../../../provider/BackofficeConfigContext.js';\nimport { useBackofficeListFilterContext } from '../scaffolds/BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeFilterAction.css.js';\n\nexport type BackofficeFilterActionProps = {\n  whereKey: string;\n  value: unknown;\n  path?: readonly string[];\n  label?: string;\n  listConfig?: BackofficeRuntimeResolvedListFacetConfig;\n};\n\ntype ListFilterContext = {\n  config: BackofficeRuntimeResolvedListFacetConfig;\n  applyFilter: (\n    whereKey: string,\n    value: unknown,\n    path?: readonly string[],\n  ) => void;\n};\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const BackofficeFilterAction = (\n  props: BackofficeFilterActionProps,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { filterColumnAliases } = useBackofficeConfig();\n  const { whereKey, value, path, label, listConfig } = props;\n\n  const getContext =\n    useBackofficeListFilterContext as () => ListFilterContext | null;\n  const context = getContext();\n  let config: BackofficeRuntimeResolvedListFacetConfig | null = null;\n\n  if (listConfig != null) {\n    config = listConfig;\n  } else if (context != null) {\n    config = context.config;\n  }\n\n  if (config == null) {\n    return null;\n  }\n\n  let filter = resolveFilterForWhereKey(config, whereKey, path);\n  if (filter == null && path == null) {\n    filter = resolveFilterForColumn(config, whereKey, filterColumnAliases);\n  }\n  if (filter == null || !canFilterValue(filter, value)) {\n    return null;\n  }\n\n  const filterLabel = resolveLabel(filter.label, tApp);\n  const actionLabel =\n    label ??\n    t('filters.actions.filterBy', {\n      label: filterLabel,\n    });\n  const icon = (\n    <SidebarSearchSvg\n      width={14}\n      height={14}\n      className={styles.icon}\n      aria-hidden=\"true\"\n    />\n  );\n\n  if (context != null) {\n    return (\n      <button\n        type=\"button\"\n        className={styles.action}\n        title={actionLabel}\n        aria-label={actionLabel}\n        onClick={() => {\n          context.applyFilter(whereKey, value, path);\n        }}\n      >\n        {icon}\n      </button>\n    );\n  }\n\n  const baseWhere =\n    config.listDefaults?.where ?? config.list.defaultState?.where ?? null;\n  const nextWhere = setWhereValue(baseWhere, whereKey, value, path);\n  const to = buildBackofficeListLink(config, { where: nextWhere });\n\n  return (\n    <Link\n      to={to}\n      className={styles.action}\n      title={actionLabel}\n      aria-label={actionLabel}\n    >\n      {icon}\n    </Link>\n  );\n};\n\nexport default BackofficeFilterAction;\n"],"mappings":";;;;;;;;;;;;AAyCA,IAAM,KAAgB,GAAkB,MAC/B,EAAM,EAAK,EAGP,KACX,MACuB;CACvB,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,2BAAwB,GAAqB,EAC/C,EAAE,aAAU,UAAO,SAAM,UAAO,kBAAe,GAI/C,IAAU,GAAY,EACxB,IAA0D;CAQ9D,IANI,KAAc,OAEP,KAAW,SACpB,IAAS,EAAQ,UAFjB,IAAS,GAKP,KAAU,MACZ,OAAO;CAGT,IAAI,IAAS,EAAyB,GAAQ,GAAU,EAAK;CAI7D,IAHI,KAAU,QAAQ,KAAQ,SAC5B,IAAS,EAAuB,GAAQ,GAAU,EAAoB,GAEpE,KAAU,QAAQ,CAAC,EAAe,GAAQ,EAAM,EAClD,OAAO;CAGT,IAAM,IAAc,EAAa,EAAO,OAAO,EAAK,EAC9C,IACJ,KACA,EAAE,4BAA4B,EAC5B,OAAO,GACR,CAAC,EACE,IACJ,kBAAC,GAAD;EACE,OAAO;EACP,QAAQ;EACR,WAAW;EACX,eAAY;EACZ,CAAA;CAGJ,IAAI,KAAW,MACb,OACE,kBAAC,UAAD;EACE,MAAK;EACL,WAAW;EACX,OAAO;EACP,cAAY;EACZ,eAAe;GACb,EAAQ,YAAY,GAAU,GAAO,EAAK;;YAG3C;EACM,CAAA;CAMb,IAAM,IAAY,EADhB,EAAO,cAAc,SAAS,EAAO,KAAK,cAAc,SAAS,MACxB,GAAU,GAAO,EAAK;CAGjE,OACE,kBAAC,GAAD;EACM,IAJG,EAAwB,GAAQ,EAAE,OAAO,GAAW,CAIvD;EACJ,WAAW;EACX,OAAO;EACP,cAAY;YAEX;EACI,CAAA"}

package/lib/esm/components/backoffice/filters/DeferredFilterSearchInput.js

@@ -0,0 +1,67 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { actions as t, container as n } from "./deferredFilterSearchInput.css.js";
+import { useEffect as r, useState as i } from "react";
+import { Button as a, Input as o, SidebarSearchSvg as s } from "@plumile/ui";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/backoffice/filters/DeferredFilterSearchInput.tsx
+var u = ({ value: u, placeholder: d, ariaLabel: f, className: p, inputMode: m = "search", type: h = "search", onApply: g }) => {
+	let { t: _ } = e(), [v, y] = i(u);
+	r(() => {
+		y(u);
+	}, [u]);
+	let b = v.trim(), x = u.trim(), S = b !== "", C = b !== x, w = S || x !== "", T = "secondary";
+	C && (T = "primary");
+	let E = () => {
+		C && g(b);
+	};
+	return /* @__PURE__ */ c("form", {
+		className: p,
+		onSubmit: (e) => {
+			e.preventDefault(), E();
+		},
+		children: /* @__PURE__ */ l("div", {
+			className: n,
+			children: [/* @__PURE__ */ c(o, {
+				type: h,
+				inputMode: m,
+				value: v,
+				onChange: (e) => {
+					y(e.target.value);
+				},
+				onKeyDown: (e) => {
+					e.key === "Escape" && (e.preventDefault(), y(u));
+				},
+				placeholder: d,
+				"aria-label": f ?? d,
+				size: "small",
+				fullWidth: !0,
+				leftIcon: /* @__PURE__ */ c(s, {
+					width: 18,
+					height: 18,
+					"aria-hidden": "true"
+				})
+			}), /* @__PURE__ */ l("div", {
+				className: t,
+				children: [w && /* @__PURE__ */ c(a, {
+					type: "button",
+					variant: "text",
+					size: "small",
+					onClick: () => {
+						y(""), x !== "" && g("");
+					},
+					children: _("common.actions.clear")
+				}), /* @__PURE__ */ c(a, {
+					type: "submit",
+					variant: T,
+					size: "small",
+					disabled: !C,
+					children: _("filters.actions.apply")
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { u as DeferredFilterSearchInput, u as default };
+
+//# sourceMappingURL=DeferredFilterSearchInput.js.map

package/lib/esm/components/backoffice/filters/DeferredFilterSearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeferredFilterSearchInput.js","names":[],"sources":["../../../../../src/components/backoffice/filters/DeferredFilterSearchInput.tsx"],"sourcesContent":["import {\n  useEffect,\n  useState,\n  type ChangeEvent,\n  type FormEvent,\n  type JSX,\n  type KeyboardEvent,\n} from 'react';\n\nimport { Button, Input, SidebarSearchSvg } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './deferredFilterSearchInput.css.js';\n\nexport type DeferredFilterSearchInputProps = {\n  value: string;\n  placeholder: string;\n  ariaLabel?: string;\n  className?: string;\n  inputMode?: 'search' | 'numeric' | 'decimal';\n  type?: 'search' | 'number' | 'datetime-local';\n  onApply: (value: string) => void;\n};\n\nexport const DeferredFilterSearchInput = ({\n  value,\n  placeholder,\n  ariaLabel,\n  className,\n  inputMode = 'search',\n  type = 'search',\n  onApply,\n}: DeferredFilterSearchInputProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const [draftValue, setDraftValue] = useState(value);\n\n  useEffect(() => {\n    setDraftValue(value);\n  }, [value]);\n\n  const normalizedDraft = draftValue.trim();\n  const normalizedValue = value.trim();\n  const hasDraft = normalizedDraft !== '';\n  const hasPendingValue = normalizedDraft !== normalizedValue;\n  const canClear = hasDraft || normalizedValue !== '';\n  let submitVariant: 'primary' | 'secondary' = 'secondary';\n  if (hasPendingValue) {\n    submitVariant = 'primary';\n  }\n\n  const applyDraft = () => {\n    if (!hasPendingValue) {\n      return;\n    }\n    onApply(normalizedDraft);\n  };\n\n  const clearValue = () => {\n    setDraftValue('');\n    if (normalizedValue !== '') {\n      onApply('');\n    }\n  };\n\n  return (\n    <form\n      className={className}\n      onSubmit={(event: FormEvent<HTMLFormElement>) => {\n        event.preventDefault();\n        applyDraft();\n      }}\n    >\n      <div className={styles.container}>\n        <Input\n          type={type}\n          inputMode={inputMode}\n          value={draftValue}\n          onChange={(event: ChangeEvent<HTMLInputElement>) => {\n            setDraftValue(event.target.value);\n          }}\n          onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n            if (event.key === 'Escape') {\n              event.preventDefault();\n              setDraftValue(value);\n            }\n          }}\n          placeholder={placeholder}\n          aria-label={ariaLabel ?? placeholder}\n          size=\"small\"\n          fullWidth\n          leftIcon={\n            <SidebarSearchSvg width={18} height={18} aria-hidden=\"true\" />\n          }\n        />\n        <div className={styles.actions}>\n          {canClear && (\n            <Button\n              type=\"button\"\n              variant=\"text\"\n              size=\"small\"\n              onClick={clearValue}\n            >\n              {t('common.actions.clear')}\n            </Button>\n          )}\n          <Button\n            type=\"submit\"\n            variant={submitVariant}\n            size=\"small\"\n            disabled={!hasPendingValue}\n          >\n            {t('filters.actions.apply')}\n          </Button>\n        </div>\n      </div>\n    </form>\n  );\n};\n\nexport default DeferredFilterSearchInput;\n"],"mappings":";;;;;;AAyBA,IAAa,KAA6B,EACxC,UACA,gBACA,cACA,cACA,eAAY,UACZ,UAAO,UACP,iBACiD;CACjD,IAAM,EAAE,SAAM,GAA+B,EACvC,CAAC,GAAY,KAAiB,EAAS,EAAM;CAEnD,QAAgB;EACd,EAAc,EAAM;IACnB,CAAC,EAAM,CAAC;CAEX,IAAM,IAAkB,EAAW,MAAM,EACnC,IAAkB,EAAM,MAAM,EAC9B,IAAW,MAAoB,IAC/B,IAAkB,MAAoB,GACtC,IAAW,KAAY,MAAoB,IAC7C,IAAyC;CAC7C,AAAI,MACF,IAAgB;CAGlB,IAAM,UAAmB;EAClB,KAGL,EAAQ,EAAgB;;CAU1B,OACE,kBAAC,QAAD;EACa;EACX,WAAW,MAAsC;GAE/C,AADA,EAAM,gBAAgB,EACtB,GAAY;;YAGd,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,GAAD;IACQ;IACK;IACX,OAAO;IACP,WAAW,MAAyC;KAClD,EAAc,EAAM,OAAO,MAAM;;IAEnC,YAAY,MAA2C;KACrD,AAAI,EAAM,QAAQ,aAChB,EAAM,gBAAgB,EACtB,EAAc,EAAM;;IAGX;IACb,cAAY,KAAa;IACzB,MAAK;IACL,WAAA;IACA,UACE,kBAAC,GAAD;KAAkB,OAAO;KAAI,QAAQ;KAAI,eAAY;KAAS,CAAA;IAEhE,CAAA,EACF,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,KACC,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,eA3Ca;MAEvB,AADA,EAAc,GAAG,EACb,MAAoB,MACtB,EAAQ,GAAG;;eA0CF,EAAE,uBAAuB;KACnB,CAAA,EAEX,kBAAC,GAAD;KACE,MAAK;KACL,SAAS;KACT,MAAK;KACL,UAAU,CAAC;eAEV,EAAE,wBAAwB;KACpB,CAAA,CACL;MACF;;EACD,CAAA"}

package/lib/esm/components/backoffice/filters/EntityFilterValue.js

@@ -0,0 +1,46 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { BackofficeErrorBoundary as t } from "../errors/BackofficeErrorBoundary.js";
+import { useBackofficePickerEntityLoader as n } from "../../../provider/useBackofficeEntityLoader.js";
+import { Suspense as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "react-relay";
+//#region src/components/backoffice/filters/EntityFilterValue.tsx
+var { useLazyLoadQuery: o } = a, s = (e) => {
+	if (typeof e != "object" || !e) return null;
+	let { title: t } = e;
+	if (typeof t != "string") return null;
+	let n = t.trim();
+	return n === "" ? null : n;
+}, c = ({ valueConfig: e, id: t, children: n }) => {
+	let r = o(e.query, { id: t }), i = e.resolveRow(r), a = null;
+	return i != null && (a = e.toRow(i)), n(s(a));
+}, l = ({ entityId: e, id: a, children: o }) => {
+	let s = n(e, { enabled: a.trim() !== "" }), l = null;
+	s.status === "loaded" && (l = s.module.config.picker.value ?? null);
+	let u = o(null);
+	return l == null ? u : /* @__PURE__ */ i(t, {
+		fallback: () => u,
+		children: /* @__PURE__ */ i(r, {
+			fallback: u,
+			children: /* @__PURE__ */ i(c, {
+				valueConfig: l,
+				id: a,
+				children: o
+			})
+		})
+	});
+}, u = ({ entityId: t, id: n }) => {
+	let { t: r } = e(), a = n.trim();
+	return /* @__PURE__ */ i(l, {
+		entityId: t,
+		id: n,
+		children: (e) => {
+			let t = a;
+			return a === "" && (t = r("filters.placeholders.unresolved")), /* @__PURE__ */ i("span", { children: e ?? t });
+		}
+	});
+};
+//#endregion
+export { u as EntityFilterValue, u as default, l as EntityFilterValueText };
+
+//# sourceMappingURL=EntityFilterValue.js.map

package/lib/esm/components/backoffice/filters/EntityFilterValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityFilterValue.js","names":[],"sources":["../../../../../src/components/backoffice/filters/EntityFilterValue.tsx"],"sourcesContent":["import { Suspense, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\n\nimport type { BackofficePickerValueConfig } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype EntityFilterValueContentProps<RowRef, RowView> = {\n  valueConfig: BackofficePickerValueConfig<RowRef, RowView>;\n  id: string;\n  children: (label: string | null) => JSX.Element;\n};\n\nconst resolveTitle = (value: unknown): string | null => {\n  if (value == null || typeof value !== 'object') {\n    return null;\n  }\n  const { title } = value as { title?: unknown };\n  if (typeof title !== 'string') {\n    return null;\n  }\n  const trimmed = title.trim();\n  if (trimmed === '') {\n    return null;\n  }\n  return trimmed;\n};\n\nconst EntityFilterValueContent = <RowRef, RowView>({\n  valueConfig,\n  id,\n  children,\n}: EntityFilterValueContentProps<RowRef, RowView>): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(valueConfig.query, { id });\n  const rowRef = valueConfig.resolveRow(data);\n  let row: RowView | null = null;\n  if (rowRef != null) {\n    row = valueConfig.toRow(rowRef);\n  }\n  const title = resolveTitle(row);\n\n  return children(title);\n};\n\nexport type EntityFilterValueTextProps = {\n  entityId: string;\n  id: string;\n  children: (label: string | null) => JSX.Element;\n};\n\nexport const EntityFilterValueText = ({\n  entityId,\n  id,\n  children,\n}: EntityFilterValueTextProps): JSX.Element => {\n  const resolvedId = id.trim();\n  const pickerEntityState = useBackofficePickerEntityLoader(entityId, {\n    enabled: resolvedId !== '',\n  });\n  let valueConfig: BackofficePickerValueConfig<unknown, unknown> | null = null;\n  if (pickerEntityState.status === 'loaded') {\n    valueConfig = pickerEntityState.module.config.picker.value ?? null;\n  }\n\n  const fallback = children(null);\n  if (valueConfig == null) {\n    return fallback;\n  }\n\n  return (\n    <BackofficeErrorBoundary\n      fallback={() => {\n        return fallback;\n      }}\n    >\n      <Suspense fallback={fallback}>\n        <EntityFilterValueContent valueConfig={valueConfig} id={id}>\n          {children}\n        </EntityFilterValueContent>\n      </Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport type EntityFilterValueProps = {\n  entityId: string;\n  id: string;\n};\n\nexport const EntityFilterValue = ({\n  entityId,\n  id,\n}: EntityFilterValueProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const resolvedId = id.trim();\n\n  return (\n    <EntityFilterValueText entityId={entityId} id={id}>\n      {(label) => {\n        let fallbackLabel = resolvedId;\n        if (resolvedId === '') {\n          fallbackLabel = t('filters.placeholders.unresolved');\n        }\n        return <span>{label ?? fallbackLabel}</span>;\n      }}\n    </EntityFilterValueText>\n  );\n};\n\nexport default EntityFilterValue;\n"],"mappings":";;;;;;;AAUA,IAAM,EAAE,kBAAA,MAAqB,GAQvB,KAAgB,MAAkC;CACtD,IAAqB,OAAO,KAAU,aAAlC,GACF,OAAO;CAET,IAAM,EAAE,aAAU;CAClB,IAAI,OAAO,KAAU,UACnB,OAAO;CAET,IAAM,IAAU,EAAM,MAAM;CAI5B,OAHI,MAAY,KACP,OAEF;GAGH,KAA6C,EACjD,gBACA,OACA,kBACiE;CACjE,IAAM,IAAO,EAAgC,EAAY,OAAO,EAAE,OAAI,CAAC,EACjE,IAAS,EAAY,WAAW,EAAK,EACvC,IAAsB;CAM1B,OALI,KAAU,SACZ,IAAM,EAAY,MAAM,EAAO,GAI1B,EAFO,EAAa,EAEX,CAAM;GASX,KAAyB,EACpC,aACA,OACA,kBAC6C;CAE7C,IAAM,IAAoB,EAAgC,GAAU,EAClE,SAFiB,EAAG,MAEX,KAAe,IACzB,CAAC,EACE,IAAoE;CACxE,AAAI,EAAkB,WAAW,aAC/B,IAAc,EAAkB,OAAO,OAAO,OAAO,SAAS;CAGhE,IAAM,IAAW,EAAS,KAAK;CAK/B,OAJI,KAAe,OACV,IAIP,kBAAC,GAAD;EACE,gBACS;YAGT,kBAAC,GAAD;GAAoB;aAClB,kBAAC,GAAD;IAAuC;IAAiB;IACrD;IACwB,CAAA;GAClB,CAAA;EACa,CAAA;GASjB,KAAqB,EAChC,aACA,YACyC;CACzC,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAa,EAAG,MAAM;CAE5B,OACE,kBAAC,GAAD;EAAiC;EAAc;aAC3C,MAAU;GACV,IAAI,IAAgB;GAIpB,OAHI,MAAe,OACjB,IAAgB,EAAE,kCAAkC,GAE/C,kBAAC,QAAD,EAAA,UAAO,KAAS,GAAqB,CAAA;;EAExB,CAAA"}

package/lib/esm/components/backoffice/filters/EntityIdFilterField.js

@@ -0,0 +1,65 @@
+import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
+import { actions as t, container as n, labelText as r, pickText as i, pickerButton as a, placeholder as o, valueText as s } from "./entityIdFilterField.css.js";
+import { Button as c } from "@plumile/ui";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/backoffice/filters/EntityIdFilterField.tsx
+var d = (d) => {
+	let { disabled: f = !1, id: p, label: m, value: h, displayValue: g, placeholder: _, ariaDescribedBy: v, ariaInvalid: y, onPick: b, onClear: x } = d, { t: S } = e(), C = h?.trim() ?? "", w = g?.trim() ?? "", T = C !== "", E = w !== "", D = _ ?? S("filters.placeholders.anyEntity", { label: m }), O = S("filters.placeholders.unresolved"), k;
+	k = E ? /* @__PURE__ */ l("span", {
+		className: s,
+		children: w
+	}) : T ? /* @__PURE__ */ l("span", {
+		className: o,
+		children: O
+	}) : /* @__PURE__ */ l("span", {
+		className: o,
+		children: D
+	});
+	let A = S("common.actions.pick");
+	T && (A = S("common.actions.change"));
+	let j = `${A} ${m}`, M = S("common.actions.clear"), N = `${M} ${m}`, P = null;
+	T && x != null && (P = /* @__PURE__ */ l(c, {
+		type: "button",
+		variant: "text",
+		size: "small",
+		"aria-label": N,
+		disabled: f,
+		onClick: x,
+		children: M
+	}));
+	let F = null;
+	return b != null && (F = /* @__PURE__ */ u("button", {
+		id: p,
+		type: "button",
+		className: a,
+		"aria-label": j,
+		"aria-describedby": v,
+		"aria-invalid": y,
+		disabled: f,
+		onClick: b,
+		children: [
+			/* @__PURE__ */ l("span", {
+				className: r,
+				children: m
+			}),
+			k,
+			/* @__PURE__ */ l("span", {
+				className: i,
+				children: A
+			})
+		]
+	})), /* @__PURE__ */ u("div", {
+		className: n,
+		children: [F ?? /* @__PURE__ */ l("div", {
+			className: "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g",
+			children: k
+		}), /* @__PURE__ */ l("div", {
+			className: t,
+			children: P
+		})]
+	});
+};
+//#endregion
+export { d as EntityIdFilterField, d as default };
+
+//# sourceMappingURL=EntityIdFilterField.js.map

package/lib/esm/components/backoffice/filters/EntityIdFilterField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityIdFilterField.js","names":[],"sources":["../../../../../src/components/backoffice/filters/EntityIdFilterField.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './entityIdFilterField.css.js';\n\nexport type EntityIdFilterFieldProps = {\n  id?: string;\n  label: string;\n  value: string | null;\n  displayValue?: string | null;\n  placeholder?: string;\n  ariaDescribedBy?: string;\n  ariaInvalid?: boolean;\n  onPick?: () => void;\n  onClear?: () => void;\n  disabled?: boolean;\n};\n\nexport const EntityIdFilterField = (\n  props: EntityIdFilterFieldProps,\n): JSX.Element => {\n  const {\n    disabled = false,\n    id,\n    label,\n    value,\n    displayValue,\n    placeholder,\n    ariaDescribedBy,\n    ariaInvalid,\n    onPick,\n    onClear,\n  } = props;\n  const { t } = useBackofficeReactTranslation();\n  const normalizedValue = value?.trim() ?? '';\n  const normalizedDisplayValue = displayValue?.trim() ?? '';\n  const hasValue = normalizedValue !== '';\n  const hasDisplayValue = normalizedDisplayValue !== '';\n\n  const resolvedPlaceholder =\n    placeholder ?? t('filters.placeholders.anyEntity', { label });\n  const unresolvedPlaceholder = t('filters.placeholders.unresolved');\n\n  let displayNode: JSX.Element;\n  if (hasDisplayValue) {\n    displayNode = (\n      <span className={styles.valueText}>{normalizedDisplayValue}</span>\n    );\n  } else if (hasValue) {\n    displayNode = (\n      <span className={styles.placeholder}>{unresolvedPlaceholder}</span>\n    );\n  } else {\n    displayNode = (\n      <span className={styles.placeholder}>{resolvedPlaceholder}</span>\n    );\n  }\n\n  let pickLabel = t('common.actions.pick');\n  if (hasValue) {\n    pickLabel = t('common.actions.change');\n  }\n  const pickAriaLabel = `${pickLabel} ${label}`;\n  const clearLabel = t('common.actions.clear');\n  const clearAriaLabel = `${clearLabel} ${label}`;\n\n  let clearNode: JSX.Element | null = null;\n  if (hasValue && onClear != null) {\n    clearNode = (\n      <Button\n        type=\"button\"\n        variant=\"text\"\n        size=\"small\"\n        aria-label={clearAriaLabel}\n        disabled={disabled}\n        onClick={onClear}\n      >\n        {clearLabel}\n      </Button>\n    );\n  }\n\n  let pickerNode: JSX.Element | null = null;\n  if (onPick != null) {\n    pickerNode = (\n      <button\n        id={id}\n        type=\"button\"\n        className={styles.pickerButton}\n        aria-label={pickAriaLabel}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        disabled={disabled}\n        onClick={onPick}\n      >\n        <span className={styles.labelText}>{label}</span>\n        {displayNode}\n        <span className={styles.pickText}>{pickLabel}</span>\n      </button>\n    );\n  }\n\n  return (\n    <div className={styles.container}>\n      {pickerNode ?? <div className={styles.valueBox}>{displayNode}</div>}\n      <div className={styles.actions}>{clearNode}</div>\n    </div>\n  );\n};\n\nexport default EntityIdFilterField;\n"],"mappings":";;;;;AAqBA,IAAa,KACX,MACgB;CAChB,IAAM,EACJ,cAAW,IACX,OACA,UACA,UACA,iBACA,aAAA,GACA,oBACA,gBACA,WACA,eACE,GACE,EAAE,SAAM,GAA+B,EACvC,IAAkB,GAAO,MAAM,IAAI,IACnC,IAAyB,GAAc,MAAM,IAAI,IACjD,IAAW,MAAoB,IAC/B,IAAkB,MAA2B,IAE7C,IACJ,KAAe,EAAE,kCAAkC,EAAE,UAAO,CAAC,EACzD,IAAwB,EAAE,kCAAkC,EAE9D;CACJ,AASE,IATE,IAEA,kBAAC,QAAD;EAAM,WAAW;YAAmB;EAA8B,CAAA,GAE3D,IAEP,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAA6B,CAAA,GAInE,kBAAC,QAAD;EAAM,WAAW;YAAqB;EAA2B,CAAA;CAIrE,IAAI,IAAY,EAAE,sBAAsB;CACxC,AAAI,MACF,IAAY,EAAE,wBAAwB;CAExC,IAAM,IAAgB,GAAG,EAAU,GAAG,KAChC,IAAa,EAAE,uBAAuB,EACtC,IAAiB,GAAG,EAAW,GAAG,KAEpC,IAAgC;CACpC,AAAI,KAAY,KAAW,SACzB,IACE,kBAAC,GAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAK;EACL,cAAY;EACF;EACV,SAAS;YAER;EACM,CAAA;CAIb,IAAI,IAAiC;CAoBrC,OAnBI,KAAU,SACZ,IACE,kBAAC,UAAD;EACM;EACJ,MAAK;EACL,WAAW;EACX,cAAY;EACZ,oBAAkB;EAClB,gBAAc;EACJ;EACV,SAAS;YARX;GAUE,kBAAC,QAAD;IAAM,WAAW;cAAmB;IAAa,CAAA;GAChD;GACD,kBAAC,QAAD;IAAM,WAAW;cAAkB;IAAiB,CAAA;GAC7C;MAKX,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KAAc,kBAAC,OAAD;GAAK,WAAW;aAAkB;GAAkB,CAAA,EACnE,kBAAC,OAAD;GAAK,WAAW;aAAiB;GAAgB,CAAA,CAC7C"}

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

@@ -0,0 +1,7 @@
+/* empty css                                      */
+//#region src/components/backoffice/filters/backofficeFilterAction.css.ts
+var e = "hwnq700 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxy txvbqbc6y txvbqblag txvbqb1rg txvbqb1cp txvbqb1qg txvbqbwp txvbqbv45 txvbqbvaz txvbqbv txvbqb3b txvbqb78 txvbqb6w txvbqb7k", t = "txvbqbtx7 txvbqbc67";
+//#endregion
+export { e as action, t as icon };
+
+//# sourceMappingURL=backofficeFilterAction.css.js.map

package/lib/esm/components/backoffice/filters/backofficeFilterAction.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeFilterAction.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/backofficeFilterAction.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const action = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 7,\n    height: 7,\n    padding: 0,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surfaceMuted',\n    color: 'brandPrimaryRed',\n    cursor: 'pointer',\n    textDecoration: 'none',\n    transitionProperty: 'colors',\n    transitionDuration: 120,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        color: vars.colors.text,\n        backgroundColor: vars.colors.primaryLight,\n        borderColor: vars.colors.primary,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const icon = sprinkles({\n  width: 4,\n  height: 4,\n});\n"],"mappings":""}

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

@@ -0,0 +1,7 @@
+/* empty css                                         */
+//#region src/components/backoffice/filters/deferredFilterSearchInput.css.ts
+var e = "ds2thc0 txvbqb9ip txvbqbcp txvbqbao7 txvbqbu7g", t = "ds2thc1 txvbqb9ip txvbqbcp txvbqbany";
+//#endregion
+export { t as actions, e as container };
+
+//# sourceMappingURL=deferredFilterSearchInput.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deferredFilterSearchInput.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/deferredFilterSearchInput.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nconst MOBILE_MEDIA_QUERY = 'screen and (max-width: 767px)';\n\nexport const container = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 2,\n    width: 'full',\n  }),\n  {\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        alignItems: 'stretch',\n        flexDirection: 'column',\n      },\n    },\n  },\n]);\n\nexport const actions = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 1,\n  }),\n  {\n    flexShrink: 0,\n    '@media': {\n      [MOBILE_MEDIA_QUERY]: {\n        justifyContent: 'flex-end',\n      },\n    },\n  },\n]);\n"],"mappings":""}

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

@@ -0,0 +1,7 @@
+/* empty css                                   */
+//#region src/components/backoffice/filters/entityIdFilterField.css.ts
+var e = "txvbqb9ip txvbqbcp txvbqbany txvbqbu4g txvbqbjep", t = "oa1uye0 txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb6 txvbqb9iy txvbqbcp txvbqbb9g txvbqb9my txvbqbk5y txvbqbt6p txvbqbv txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwg txvbqbv41 txvbqbv9z txvbqb77 txvbqb6x txvbqb7k", n = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g", r = "oa1uye1 txvbqb9i7 txvbqbva3 txvbqb8p txvbqbamg txvbqbl7g txvbqbt7g txvbqbuxg", i = "txvbqb9i7 txvbqbk5y txvbqbl7g txvbqbt7g txvbqbuxg txvbqb8y txvbqbamp", a = "txvbqbva3 txvbqb8y", o = "txvbqbvb7 txvbqb8p txvbqbamp", s = "txvbqb9ip txvbqbcp txvbqbany";
+//#endregion
+export { s as actions, e as container, r as labelText, o as pickText, t as pickerButton, a as placeholder, n as valueBox, i as valueText };
+
+//# sourceMappingURL=entityIdFilterField.css.js.map

package/lib/esm/components/backoffice/filters/entityIdFilterField.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityIdFilterField.css.js","names":[],"sources":["../../../../../src/components/backoffice/filters/entityIdFilterField.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n  width: 72,\n  maxWidth: 'full',\n});\n\nexport const pickerButton = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'grid',\n    alignItems: 'center',\n    gap: 0.5,\n    flex: 1,\n    minWidth: 0,\n    textAlign: 'left',\n    cursor: 'pointer',\n    borderRadius: 'xl',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    paddingX: 3,\n    paddingY: 1.5,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    minHeight: '2.5rem',\n    selectors: {\n      '&:hover:not(:disabled)': {\n        backgroundColor: vars.colors.surfaceMuted,\n        borderColor: vars.colors.borderStrong,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\n]);\n\nexport const valueBox = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  alignItems: 'center',\n  overflow: 'hidden',\n});\n\nexport const labelText = style([\n  sprinkles({\n    display: 'block',\n    color: 'textMuted',\n    fontSize: 'xs',\n    fontWeight: 'medium',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  {\n    gridColumn: '1 / -1',\n  },\n]);\n\nexport const valueText = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const pickText = sprinkles({\n  color: 'accent',\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n});\n"],"mappings":""}

package/lib/esm/components/backoffice/hub/BackofficeHubTemplate.js

@@ -0,0 +1,83 @@
+import { content as e, grid as t, group as n, groupHeader as r, groupHeading as i, groupTitle as a, groups as o, item as s, itemContent as c, itemIcon as l, itemTitle as u } from "./backofficeHubTemplate.css.js";
+import { BackofficeEmptyState as d, GlobalSearchInput as f, SidebarTasksSvg as p } from "@plumile/ui";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Link as g } from "@plumile/router";
+//#region src/components/backoffice/hub/BackofficeHubTemplate.tsx
+var _ = /* @__PURE__ */ m(p, {
+	width: 20,
+	height: 20,
+	"aria-hidden": "true"
+}), v = ({ groups: p, search: v, emptyState: y }) => {
+	let b;
+	return b = p.length === 0 ? /* @__PURE__ */ m(d, {
+		title: y.title,
+		description: y.description,
+		icon: y.icon ?? _
+	}) : /* @__PURE__ */ m("div", {
+		className: o,
+		children: p.map((e) => /* @__PURE__ */ h("section", {
+			className: n,
+			children: [/* @__PURE__ */ h("div", {
+				className: r,
+				children: [e.icon != null && /* @__PURE__ */ m("span", {
+					className: "u4nszr0 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbv45 txvbqb1cp txvbqb1qg txvbqbwp txvbqbva1 txvbqbaj7",
+					"aria-hidden": "true",
+					children: e.icon
+				}), /* @__PURE__ */ h("span", {
+					className: i,
+					children: [/* @__PURE__ */ m("h2", {
+						className: a,
+						children: e.title
+					}), e.description != null && /* @__PURE__ */ m("span", {
+						className: "txvbqbva3 txvbqb8y",
+						children: e.description
+					})]
+				})]
+			}), /* @__PURE__ */ m("div", {
+				className: t,
+				children: e.items.map((e) => {
+					let t = e.icon ?? _, n = e.description != null && e.description !== "", r = e.metaLabel != null && e.metaLabel !== "";
+					return /* @__PURE__ */ h(g, {
+						to: e.href,
+						className: s,
+						children: [/* @__PURE__ */ m("span", {
+							className: l,
+							"aria-hidden": "true",
+							children: t
+						}), /* @__PURE__ */ h("span", {
+							className: c,
+							children: [
+								/* @__PURE__ */ m("span", {
+									className: u,
+									children: e.label
+								}),
+								n && /* @__PURE__ */ m("span", {
+									className: "txvbqbva3 txvbqb8y txvbqbfb7 txvbqbl87",
+									children: e.description
+								}),
+								r && /* @__PURE__ */ m("span", {
+									className: "txvbqbva3 txvbqb8p txvbqbamg txvbqb66 txvbqbeep",
+									children: e.metaLabel
+								})
+							]
+						})]
+					}, `${e.kind}-${e.id}`);
+				})
+			})]
+		}, e.id))
+	}), /* @__PURE__ */ h("div", {
+		className: e,
+		children: [v != null && /* @__PURE__ */ m("div", {
+			className: "txvbqbjbp",
+			children: /* @__PURE__ */ m(f, {
+				value: v.value,
+				onChange: v.onChange,
+				placeholder: v.placeholder
+			})
+		}), b]
+	});
+};
+//#endregion
+export { v as BackofficeHubTemplate, v as default };
+
+//# sourceMappingURL=BackofficeHubTemplate.js.map

package/lib/esm/components/backoffice/hub/BackofficeHubTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeHubTemplate.js","names":[],"sources":["../../../../../src/components/backoffice/hub/BackofficeHubTemplate.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\nimport {\n  BackofficeEmptyState,\n  GlobalSearchInput,\n  SidebarTasksSvg,\n} from '@plumile/ui';\n\nimport * as styles from './backofficeHubTemplate.css.js';\n\nexport type BackofficeHubTemplateItemKind = 'entity' | 'tool';\n\nexport type BackofficeHubTemplateItem = {\n  id: string;\n  kind: BackofficeHubTemplateItemKind;\n  label: string;\n  href: string;\n  icon?: ReactNode;\n  description?: string | null;\n  metaLabel?: string | null;\n};\n\nexport type BackofficeHubTemplateGroup = {\n  id: string;\n  title: string;\n  description?: string | null;\n  icon?: ReactNode;\n  items: readonly BackofficeHubTemplateItem[];\n};\n\nexport type BackofficeHubTemplateEmptyState = {\n  title: string;\n  description: string;\n  icon?: ReactNode;\n};\n\nexport type BackofficeHubTemplateSearch = {\n  value: string;\n  onChange: (value: string) => void;\n  placeholder: string;\n};\n\nexport type BackofficeHubTemplateProps = {\n  groups: readonly BackofficeHubTemplateGroup[];\n  search?: BackofficeHubTemplateSearch;\n  emptyState: BackofficeHubTemplateEmptyState;\n};\n\nconst fallbackIcon = (\n  <SidebarTasksSvg width={20} height={20} aria-hidden=\"true\" />\n);\n\nexport const BackofficeHubTemplate = ({\n  groups,\n  search,\n  emptyState,\n}: BackofficeHubTemplateProps): JSX.Element => {\n  let body: JSX.Element;\n\n  if (groups.length === 0) {\n    body = (\n      <BackofficeEmptyState\n        title={emptyState.title}\n        description={emptyState.description}\n        icon={emptyState.icon ?? fallbackIcon}\n      />\n    );\n  } else {\n    body = (\n      <div className={styles.groups}>\n        {groups.map((group) => {\n          return (\n            <section key={group.id} className={styles.group}>\n              <div className={styles.groupHeader}>\n                {group.icon != null && (\n                  <span className={styles.groupIcon} aria-hidden=\"true\">\n                    {group.icon}\n                  </span>\n                )}\n                <span className={styles.groupHeading}>\n                  <h2 className={styles.groupTitle}>{group.title}</h2>\n                  {group.description != null && (\n                    <span className={styles.groupDescription}>\n                      {group.description}\n                    </span>\n                  )}\n                </span>\n              </div>\n              <div className={styles.grid}>\n                {group.items.map((item) => {\n                  const icon = item.icon ?? fallbackIcon;\n                  const hasDescription =\n                    item.description != null && item.description !== '';\n                  const hasMetaLabel =\n                    item.metaLabel != null && item.metaLabel !== '';\n\n                  return (\n                    <Link\n                      key={`${item.kind}-${item.id}`}\n                      to={item.href}\n                      className={styles.item}\n                    >\n                      <span className={styles.itemIcon} aria-hidden=\"true\">\n                        {icon}\n                      </span>\n                      <span className={styles.itemContent}>\n                        <span className={styles.itemTitle}>{item.label}</span>\n                        {hasDescription && (\n                          <span className={styles.itemDescription}>\n                            {item.description}\n                          </span>\n                        )}\n                        {hasMetaLabel && (\n                          <span className={styles.itemMeta}>\n                            {item.metaLabel}\n                          </span>\n                        )}\n                      </span>\n                    </Link>\n                  );\n                })}\n              </div>\n            </section>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.content}>\n      {search != null && (\n        <div className={styles.search}>\n          <GlobalSearchInput\n            value={search.value}\n            onChange={search.onChange}\n            placeholder={search.placeholder}\n          />\n        </div>\n      )}\n      {body}\n    </div>\n  );\n};\n\nexport default BackofficeHubTemplate;\n"],"mappings":";;;;;AAgDA,IAAM,IACJ,kBAAC,GAAD;CAAiB,OAAO;CAAI,QAAQ;CAAI,eAAY;CAAS,CAAA,EAGlD,KAAyB,EACpC,QAAA,GACA,QAAA,GACA,oBAC6C;CAC7C,IAAI;CAwEJ,OAtEA,AASE,IATE,EAAO,WAAW,IAElB,kBAAC,GAAD;EACE,OAAO,EAAW;EAClB,aAAa,EAAW;EACxB,MAAM,EAAW,QAAQ;EACzB,CAAA,GAIF,kBAAC,OAAD;EAAK,WAAW;YACb,EAAO,KAAK,MAET,kBAAC,WAAD;GAAwB,WAAW;aAAnC,CACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACG,EAAM,QAAQ,QACb,kBAAC,QAAD;KAAM,WAAW;KAAkB,eAAY;eAC5C,EAAM;KACF,CAAA,EAET,kBAAC,QAAD;KAAM,WAAW;eAAjB,CACE,kBAAC,MAAD;MAAI,WAAW;gBAAoB,EAAM;MAAW,CAAA,EACnD,EAAM,eAAe,QACpB,kBAAC,QAAD;MAAM,WAAW;gBACd,EAAM;MACF,CAAA,CAEJ;OACH;OACN,kBAAC,OAAD;IAAK,WAAW;cACb,EAAM,MAAM,KAAK,MAAS;KACzB,IAAM,IAAO,EAAK,QAAQ,GACpB,IACJ,EAAK,eAAe,QAAQ,EAAK,gBAAgB,IAC7C,IACJ,EAAK,aAAa,QAAQ,EAAK,cAAc;KAE/C,OACE,kBAAC,GAAD;MAEE,IAAI,EAAK;MACT,WAAW;gBAHb,CAKE,kBAAC,QAAD;OAAM,WAAW;OAAiB,eAAY;iBAC3C;OACI,CAAA,EACP,kBAAC,QAAD;OAAM,WAAW;iBAAjB;QACE,kBAAC,QAAD;SAAM,WAAW;mBAAmB,EAAK;SAAa,CAAA;QACrD,KACC,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAK;SACD,CAAA;QAER,KACC,kBAAC,QAAD;SAAM,WAAW;mBACd,EAAK;SACD,CAAA;QAEJ;SACF;QApBA,GAAG,EAAK,KAAK,GAAG,EAAK,KAoBrB;MAET;IACE,CAAA,CACE;KAlDI,EAAM,GAkDV,CAEZ;EACE,CAAA,EAKR,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,KAAU,QACT,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACE,OAAO,EAAO;IACd,UAAU,EAAO;IACjB,aAAa,EAAO;IACpB,CAAA;GACE,CAAA,EAEP,EACG"}

package/lib/esm/components/backoffice/hub/backofficeHubTemplate.css.js

@@ -0,0 +1,7 @@
+/* empty css                                     */
+//#region src/components/backoffice/hub/backofficeHubTemplate.css.ts
+var e = "txvbqb9ip txvbqbai7 txvbqbaoy", t = "txvbqbjbp", n = "txvbqb9ip txvbqbai7 txvbqbap7", r = "txvbqb9ip txvbqbai7 txvbqbaog", i = "txvbqb9ip txvbqbcg txvbqbaog", a = "u4nszr0 txvbqb9jg txvbqbcp txvbqbdoy txvbqbty7 txvbqbc77 txvbqb1rg txvbqbv45 txvbqb1cp txvbqb1qg txvbqbwp txvbqbva1 txvbqbaj7", o = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", s = "txvbqb9g txvbqbamp txvbqbv9z txvbqbfcp", c = "txvbqbva3 txvbqb8y", l = "txvbqb9iy txvbqbc1g txvbqbaog", u = "u4nszr1 txvbqb9ip txvbqbcg txvbqbaog txvbqblb7 txvbqb1rg txvbqb1cp txvbqb1qg txvbqbwp txvbqbv41 txvbqbv9z txvbqb3b txvbqbk5y txvbqb77 txvbqb6x txvbqb7k", d = "txvbqb9jg txvbqbcp txvbqbdoy txvbqbtyg txvbqbc7g txvbqb1rg txvbqbv45 txvbqbva1 txvbqbaj7", f = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", p = "txvbqbamp txvbqbv9z txvbqbl87", m = "txvbqbva3 txvbqb8y txvbqbfb7 txvbqbl87", h = "txvbqbva3 txvbqb8p txvbqbamg txvbqb66 txvbqbeep";
+//#endregion
+export { e as content, l as grid, r as group, c as groupDescription, i as groupHeader, o as groupHeading, a as groupIcon, s as groupTitle, n as groups, u as item, f as itemContent, m as itemDescription, d as itemIcon, h as itemMeta, p as itemTitle, t as search };
+
+//# sourceMappingURL=backofficeHubTemplate.css.js.map

package/lib/esm/components/backoffice/hub/backofficeHubTemplate.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeHubTemplate.css.js","names":[],"sources":["../../../../../src/components/backoffice/hub/backofficeHubTemplate.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const content = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 5,\n});\n\nexport const search = sprinkles({\n  maxWidth: '2xl',\n});\n\nexport const groups = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 6,\n});\n\nexport const group = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const groupHeader = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: 3,\n});\n\nexport const groupIcon = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 8,\n    height: 8,\n    borderRadius: 'md',\n    backgroundColor: 'surfaceMuted',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    color: 'textSecondary',\n    flexShrink: 0,\n  }),\n  {\n    marginTop: '1px',\n  },\n]);\n\nexport const groupHeading = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const groupTitle = sprinkles({\n  fontSize: 'lg',\n  fontWeight: 'semibold',\n  color: 'text',\n  margin: 0,\n});\n\nexport const groupDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gridTemplateColumns: 'autoFitMinmax260',\n  gap: 3,\n});\n\nexport const item = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 3,\n    padding: 3,\n    borderRadius: 'md',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'borderSubtle',\n    backgroundColor: 'surface',\n    color: 'text',\n    textDecoration: 'none',\n    minWidth: 0,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    minHeight: '92px',\n    selectors: {\n      '&:hover': {\n        borderColor: vars.colors.border,\n        backgroundColor: vars.colors.surfaceMuted,\n        transform: 'translateY(-1px)',\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n    },\n  },\n]);\n\nexport const itemIcon = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 9,\n  height: 9,\n  borderRadius: 'md',\n  backgroundColor: 'surfaceMuted',\n  color: 'textSecondary',\n  flexShrink: 0,\n});\n\nexport const itemContent = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const itemTitle = sprinkles({\n  fontWeight: 'semibold',\n  color: 'text',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemDescription = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n  lineHeight: 'normal',\n  overflowWrap: 'anywhere',\n});\n\nexport const itemMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  fontWeight: 'medium',\n  textTransform: 'uppercase',\n  letterSpacing: 'wide',\n});\n"],"mappings":""}

package/lib/esm/{BackofficePermissionsContext-C2bdxy2z.js → components/backoffice/layout/BackofficePermissionsContext.js}

@@ -6,6 +6,6 @@ var r = e(null), i = ({ children: e, permissions: t }) => /* @__PURE__ */ n(r.Pr
 	children: e
 }), a = () => t(r);
 //#endregion
-export { a as n, i as t };
+export { i as BackofficePermissionsProvider, a as useBackofficePermissions };
 
-//# sourceMappingURL=BackofficePermissionsContext-C2bdxy2z.js.map
+//# sourceMappingURL=BackofficePermissionsContext.js.map

package/lib/esm/{BackofficePermissionsContext-C2bdxy2z.js.map → components/backoffice/layout/BackofficePermissionsContext.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BackofficePermissionsContext-C2bdxy2z.js","names":[],"sources":["../../src/components/backoffice/layout/BackofficePermissionsContext.tsx"],"sourcesContent":["import { createContext, useContext, type JSX, type ReactNode } from 'react';\n\nconst BackofficePermissionsContext = createContext<unknown>(null);\n\nexport type BackofficePermissionsProviderProps = {\n  children: ReactNode;\n  permissions: unknown;\n};\n\nexport const BackofficePermissionsProvider = ({\n  children,\n  permissions,\n}: BackofficePermissionsProviderProps): JSX.Element => {\n  return (\n    <BackofficePermissionsContext.Provider value={permissions}>\n      {children}\n    </BackofficePermissionsContext.Provider>\n  );\n};\n\nexport const useBackofficePermissions = (): unknown => {\n  return useContext(BackofficePermissionsContext);\n};\n"],"mappings":";;;AAEA,IAAM,IAA+B,EAAuB,KAAK,EAOpD,KAAiC,EAC5C,aACA,qBAGE,kBAAC,EAA6B,UAA9B;CAAuC,OAAO;CAC3C;CACqC,CAAA,EAI/B,UACJ,EAAW,EAA6B"}
+{"version":3,"file":"BackofficePermissionsContext.js","names":[],"sources":["../../../../../src/components/backoffice/layout/BackofficePermissionsContext.tsx"],"sourcesContent":["import { createContext, useContext, type JSX, type ReactNode } from 'react';\n\nconst BackofficePermissionsContext = createContext<unknown>(null);\n\nexport type BackofficePermissionsProviderProps = {\n  children: ReactNode;\n  permissions: unknown;\n};\n\nexport const BackofficePermissionsProvider = ({\n  children,\n  permissions,\n}: BackofficePermissionsProviderProps): JSX.Element => {\n  return (\n    <BackofficePermissionsContext.Provider value={permissions}>\n      {children}\n    </BackofficePermissionsContext.Provider>\n  );\n};\n\nexport const useBackofficePermissions = (): unknown => {\n  return useContext(BackofficePermissionsContext);\n};\n"],"mappings":";;;AAEA,IAAM,IAA+B,EAAuB,KAAK,EAOpD,KAAiC,EAC5C,aACA,qBAGE,kBAAC,EAA6B,UAA9B;CAAuC,OAAO;CAC3C;CACqC,CAAA,EAI/B,UACJ,EAAW,EAA6B"}

package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js

@@ -0,0 +1,7 @@
+/* empty css                                        */
+//#region src/components/backoffice/layout/backofficeSidebarActions.css.ts
+var e = "_1xws1b00 txvbqb9jg txvbqbcp txvbqbdoy txvbqbtxp txvbqbc6p txvbqb1rg txvbqb12g txvbqb1py txvbqblag txvbqbv0t txvbqbva1 txvbqbv txvbqb78 txvbqb6x txvbqb7k";
+//#endregion
+export { e as actionButton };
+
+//# sourceMappingURL=backofficeSidebarActions.css.js.map

package/lib/esm/components/backoffice/layout/backofficeSidebarActions.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeSidebarActions.css.js","names":[],"sources":["../../../../../src/components/backoffice/layout/backofficeSidebarActions.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const actionButton = style([\n  sprinkles({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 6,\n    height: 6,\n    borderRadius: 'md',\n    borderWidth: 0,\n    borderStyle: 'none',\n    padding: 0,\n    backgroundColor: 'transparent',\n    color: 'textSecondary',\n    cursor: 'pointer',\n    transitionProperty: 'colors',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    selectors: {\n      '&:hover': {\n        backgroundColor: vars.colors.surfaceMuted,\n        color: vars.colors.text,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors['blue-500']}`,\n        outlineOffset: 2,\n      },\n    },\n  },\n]);\n"],"mappings":""}

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js

@@ -0,0 +1,10 @@
+import { assertValidBreadcrumb as e } from "./assertValidBreadcrumb.js";
+import { BackofficeTopbarPortal as t } from "./BackofficeTopbarPortal.js";
+import { BackofficeTopbarBreadcrumb as n } from "./BackofficeTopbarBreadcrumb.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.tsx
+var o = ({ breadcrumb: o, children: s }) => /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, { children: /* @__PURE__ */ i(n, { items: e(o) }) }), /* @__PURE__ */ i(r, { children: s })] });
+//#endregion
+export { o as BackofficeRightPageLayout, o as default };
+
+//# sourceMappingURL=BackofficeRightPageLayout.js.map

package/lib/esm/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeRightPageLayout.js","names":[],"sources":["../../../../../../src/components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { assertValidBreadcrumb } from './assertValidBreadcrumb.js';\nimport { BackofficeTopbarPortal } from './BackofficeTopbarPortal.js';\nimport { BackofficeTopbarBreadcrumb } from './BackofficeTopbarBreadcrumb.js';\nimport type { BackofficeTopbarBreadcrumbItem } from './types.js';\n\nexport type BackofficeRightPageLayoutProps = {\n  breadcrumb: readonly BackofficeTopbarBreadcrumbItem[];\n  children: ReactNode;\n};\n\nexport const BackofficeRightPageLayout = ({\n  breadcrumb,\n  children,\n}: BackofficeRightPageLayoutProps): JSX.Element => {\n  const items = assertValidBreadcrumb(breadcrumb);\n\n  return (\n    <>\n      <BackofficeTopbarPortal>\n        <BackofficeTopbarBreadcrumb items={items} />\n      </BackofficeTopbarPortal>\n      <>{children}</>\n    </>\n  );\n};\n\nexport default BackofficeRightPageLayout;\n"],"mappings":";;;;;AAYA,IAAa,KAA6B,EACxC,eACA,kBAKE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAmC,OAL3B,EAAsB,EAKK,EAAS,CAAA,EACrB,CAAA,EACzB,kBAAA,GAAA,EAAG,aAAY,CAAA,CACd,EAAA,CAAA"}