@plumile/ui 0.1.61 → 0.1.63

package/lib/esm/backoffice/molecules/table_toolbar/TableToolbar.js

@@ -0,0 +1,42 @@
+import { cx as e } from "../../../theme/tools.js";
+import { bottomRow as t, container as n, left as r, right as i, topRow as a } from "./tableToolbar.css.js";
+import "../../../index.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/backoffice/molecules/table_toolbar/TableToolbar.tsx
+var c = ({ search: c, filters: l, leftActions: u, rightActions: d, bottomLeft: f, bottomRight: p, className: m }) => {
+	let h = c != null || l != null || u != null || d != null, g = f != null || p != null;
+	if (!h && !g) return null;
+	let _ = null;
+	h && (_ = /* @__PURE__ */ s("div", {
+		className: a,
+		children: [/* @__PURE__ */ s("div", {
+			className: r,
+			children: [
+				c,
+				l,
+				u
+			]
+		}), /* @__PURE__ */ o("div", {
+			className: i,
+			children: d
+		})]
+	}));
+	let v = null;
+	return g && (v = /* @__PURE__ */ s("div", {
+		className: t,
+		children: [/* @__PURE__ */ o("div", {
+			className: r,
+			children: f
+		}), /* @__PURE__ */ o("div", {
+			className: i,
+			children: p
+		})]
+	})), /* @__PURE__ */ s("div", {
+		className: e(n, m),
+		children: [_, v]
+	});
+};
+//#endregion
+export { c as TableToolbar, c as default };
+
+//# sourceMappingURL=TableToolbar.js.map

package/lib/esm/backoffice/molecules/table_toolbar/TableToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.js","names":[],"sources":["../../../../../src/backoffice/molecules/table_toolbar/TableToolbar.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from './tableToolbar.css.js';\nimport { cx } from '@plumile/ui';\n\nexport type TableToolbarProps = {\n  search?: ReactNode;\n  filters?: ReactNode;\n  leftActions?: ReactNode;\n  rightActions?: ReactNode;\n  bottomLeft?: ReactNode;\n  bottomRight?: ReactNode;\n  className?: string;\n};\n\nexport const TableToolbar = ({\n  search,\n  filters,\n  leftActions,\n  rightActions,\n  bottomLeft,\n  bottomRight,\n  className,\n}: TableToolbarProps): JSX.Element | null => {\n  const showTop =\n    search != null ||\n    filters != null ||\n    leftActions != null ||\n    rightActions != null;\n  const showBottom = bottomLeft != null || bottomRight != null;\n\n  if (!showTop && !showBottom) {\n    return null;\n  }\n\n  let topNode: JSX.Element | null = null;\n  if (showTop) {\n    topNode = (\n      <div className={styles.topRow}>\n        <div className={styles.left}>\n          {search}\n          {filters}\n          {leftActions}\n        </div>\n        <div className={styles.right}>{rightActions}</div>\n      </div>\n    );\n  }\n\n  let bottomNode: JSX.Element | null = null;\n  if (showBottom) {\n    bottomNode = (\n      <div className={styles.bottomRow}>\n        <div className={styles.left}>{bottomLeft}</div>\n        <div className={styles.right}>{bottomRight}</div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      {topNode}\n      {bottomNode}\n    </div>\n  );\n};\n\nexport default TableToolbar;\n"],"mappings":";;;;;AAeA,IAAa,KAAgB,EAC3B,WACA,YACA,gBACA,iBACA,eACA,gBACA,mBAC2C;CAC3C,IAAM,IACJ,KAAU,QACV,KAAW,QACX,KAAe,QACf,KAAgB,MACZ,IAAa,KAAc,QAAQ,KAAe;AAExD,KAAI,CAAC,KAAW,CAAC,EACf,QAAO;CAGT,IAAI,IAA8B;AAClC,CAAI,MACF,IACE,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB;IACG;IACA;IACA;IACG;MACN,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAmB,CAAA,CAC9C;;CAIV,IAAI,IAAiC;AAUrC,QATI,MACF,IACE,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAc;GAAiB,CAAA,EAC/C,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAkB,CAAA,CAC7C;MAKR,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C,CACG,GACA,EACG"}

package/lib/esm/backoffice/molecules/table_toolbar/tableToolbar.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                            */
+//#region src/backoffice/molecules/table_toolbar/tableToolbar.css.ts
+var e = "_42m78o0 txvbqb9io txvbqbai6 txvbqbao6 txvbqb12f txvbqb1qf txvbqb62o txvbqb3no txvbqblxf txvbqbfzo", t = "_42m78o1 txvbqb9io txvbqbco txvbqbdoo txvbqbaof txvbqbajx", n = "_42m78o2 txvbqb9io txvbqbco txvbqbao6 txvbqb9mx txvbqbk4x", r = "_42m78o3 txvbqb9io txvbqbco txvbqbao6 txvbqbdo6 txvbqbaj6", i = "_42m78o4 txvbqb9io txvbqbco txvbqbdoo txvbqbaof txvbqbajx";
+//#endregion
+export { i as bottomRow, e as container, n as left, r as right, t as topRow };
+
+//# sourceMappingURL=tableToolbar.css.js.map

package/lib/esm/backoffice/molecules/table_toolbar/tableToolbar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableToolbar.css.js","names":[],"sources":["../../../../../src/backoffice/molecules/table_toolbar/tableToolbar.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: 2,\n  borderWidth: 0,\n  borderStyle: 'solid',\n  borderBottomWidth: 'default',\n  borderBottomColor: 'border',\n  paddingBottom: 3,\n  marginBottom: 3,\n});\n\nexport const topRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 3,\n  flexWrap: 'wrap',\n});\n\nexport const left = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flex: 1,\n  minWidth: 0,\n});\n\nexport const right = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  justifyContent: 'flex-end',\n  flexShrink: 0,\n});\n\nexport const bottomRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 3,\n  flexWrap: 'wrap',\n});\n"],"mappings":""}

package/lib/esm/backoffice/organisms/audit_timeline/AuditTimeline.js

@@ -0,0 +1,52 @@
+import { cx as e } from "../../../theme/tools.js";
+import { body as t, description as n, dot as r, gutter as i, header as a, item as o, line as s, list as c, meta as l, time as u, title as d } from "./auditTimeline.css.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/backoffice/organisms/audit_timeline/AuditTimeline.tsx
+var m = ({ events: m, className: h, renderEvent: g }) => m.length === 0 ? null : /* @__PURE__ */ f("ol", {
+	className: e(c, h),
+	children: m.map((e, c) => {
+		let h = c === m.length - 1, _ = g?.(e);
+		if (_ != null) return /* @__PURE__ */ f("li", { children: _ }, e.id);
+		let v = null;
+		h || (v = /* @__PURE__ */ f("div", { className: s }));
+		let y = null;
+		e.time != null && (y = /* @__PURE__ */ f("div", {
+			className: u,
+			children: e.time
+		}));
+		let b = null;
+		e.description != null && (b = /* @__PURE__ */ f("div", {
+			className: n,
+			children: e.description
+		}));
+		let x = null;
+		return e.meta != null && (x = /* @__PURE__ */ f("div", {
+			className: l,
+			children: e.meta
+		})), /* @__PURE__ */ p("li", {
+			className: o,
+			children: [/* @__PURE__ */ p("div", {
+				className: i,
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ f("div", { className: r }), v]
+			}), /* @__PURE__ */ p("div", {
+				className: t,
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: a,
+						children: [/* @__PURE__ */ f("div", {
+							className: d,
+							children: e.title
+						}), y]
+					}),
+					b,
+					x
+				]
+			})]
+		}, e.id);
+	})
+});
+//#endregion
+export { m as AuditTimeline, m as default };
+
+//# sourceMappingURL=AuditTimeline.js.map

package/lib/esm/backoffice/organisms/audit_timeline/AuditTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditTimeline.js","names":[],"sources":["../../../../../src/backoffice/organisms/audit_timeline/AuditTimeline.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { cx } from '../../../theme/tools.js';\nimport * as styles from './auditTimeline.css.js';\n\nexport type AuditTimelineEvent<T = unknown> = {\n  id: string;\n  title: ReactNode;\n  time?: ReactNode;\n  description?: ReactNode;\n  meta?: ReactNode;\n  raw?: T;\n};\n\nexport type AuditTimelineProps<T = unknown> = {\n  events: readonly AuditTimelineEvent<T>[];\n  className?: string;\n  renderEvent?: (event: AuditTimelineEvent<T>) => ReactNode;\n};\n\nexport const AuditTimeline = <T,>({\n  events,\n  className,\n  renderEvent,\n}: AuditTimelineProps<T>): JSX.Element | null => {\n  if (events.length === 0) {\n    return null;\n  }\n\n  return (\n    <ol className={cx(styles.list, className)}>\n      {events.map((event, index) => {\n        const isLast = index === events.length - 1;\n        const custom = renderEvent?.(event);\n        if (custom != null) {\n          return <li key={event.id}>{custom}</li>;\n        }\n\n        let lineNode: JSX.Element | null = null;\n        if (!isLast) {\n          lineNode = <div className={styles.line} />;\n        }\n\n        let timeNode: JSX.Element | null = null;\n        if (event.time != null) {\n          timeNode = <div className={styles.time}>{event.time}</div>;\n        }\n\n        let descriptionNode: JSX.Element | null = null;\n        if (event.description != null) {\n          descriptionNode = (\n            <div className={styles.description}>{event.description}</div>\n          );\n        }\n\n        let metaNode: JSX.Element | null = null;\n        if (event.meta != null) {\n          metaNode = <div className={styles.meta}>{event.meta}</div>;\n        }\n\n        return (\n          <li key={event.id} className={styles.item}>\n            <div className={styles.gutter} aria-hidden=\"true\">\n              <div className={styles.dot} />\n              {lineNode}\n            </div>\n            <div className={styles.body}>\n              <div className={styles.header}>\n                <div className={styles.title}>{event.title}</div>\n                {timeNode}\n              </div>\n              {descriptionNode}\n              {metaNode}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n};\n\nexport default AuditTimeline;\n"],"mappings":";;;;AAoBA,IAAa,KAAqB,EAChC,WACA,cACA,qBAEI,EAAO,WAAW,IACb,OAIP,kBAAC,MAAD;CAAI,WAAW,EAAG,GAAa,EAAU;WACtC,EAAO,KAAK,GAAO,MAAU;EAC5B,IAAM,IAAS,MAAU,EAAO,SAAS,GACnC,IAAS,IAAc,EAAM;AACnC,MAAI,KAAU,KACZ,QAAO,kBAAC,MAAD,EAAA,UAAoB,GAAY,EAAvB,EAAM,GAAiB;EAGzC,IAAI,IAA+B;AACnC,EAAK,MACH,IAAW,kBAAC,OAAD,EAAK,WAAW,GAAe,CAAA;EAG5C,IAAI,IAA+B;AACnC,EAAI,EAAM,QAAQ,SAChB,IAAW,kBAAC,OAAD;GAAK,WAAW;aAAc,EAAM;GAAW,CAAA;EAG5D,IAAI,IAAsC;AAC1C,EAAI,EAAM,eAAe,SACvB,IACE,kBAAC,OAAD;GAAK,WAAW;aAAqB,EAAM;GAAkB,CAAA;EAIjE,IAAI,IAA+B;AAKnC,SAJI,EAAM,QAAQ,SAChB,IAAW,kBAAC,OAAD;GAAK,WAAW;aAAc,EAAM;GAAW,CAAA,GAI1D,kBAAC,MAAD;GAAmB,WAAW;aAA9B,CACE,kBAAC,OAAD;IAAK,WAAW;IAAe,eAAY;cAA3C,CACE,kBAAC,OAAD,EAAK,WAAW,GAAc,CAAA,EAC7B,EACG;OACN,kBAAC,OAAD;IAAK,WAAW;cAAhB;KACE,kBAAC,OAAD;MAAK,WAAW;gBAAhB,CACE,kBAAC,OAAD;OAAK,WAAW;iBAAe,EAAM;OAAY,CAAA,EAChD,EACG;;KACL;KACA;KACG;MACH;KAbI,EAAM,GAaV;GAEP;CACC,CAAA"}

package/lib/esm/backoffice/organisms/audit_timeline/auditTimeline.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                             */
+//#region src/backoffice/organisms/audit_timeline/auditTimeline.css.ts
+var e = "_4pt2rx0 txvbqb9io txvbqbai6 txvbqbaof", t = "_4pt2rx1 txvbqb9io txvbqbaof", n = "_4pt2rx2 txvbqb9io txvbqbai6 txvbqbco txvbqbanx txvbqbaj6", r = "_4pt2rx3 txvbqbtvo txvbqbc56 txvbqb1t6 txvbqbhwx", i = "_4pt2rx4 txvbqbtvo txvbqb9mx", a = "_4pt2rx5 txvbqb9io txvbqbai6 txvbqbanx txvbqblx6", o = "_4pt2rx6 txvbqb9io txvbqbdoo txvbqbd6 txvbqbao6 txvbqbajx", s = "_4pt2rx7 txvbqb8x txvbqbamo", c = "_4pt2rx8 txvbqb8o", l = "_4pt2rx9 txvbqb8x", u = "_4pt2rxa txvbqb8o";
+//#endregion
+export { a as body, l as description, r as dot, n as gutter, o as header, t as item, i as line, e as list, u as meta, c as time, s as title };
+
+//# sourceMappingURL=auditTimeline.css.js.map

package/lib/esm/backoffice/organisms/audit_timeline/auditTimeline.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auditTimeline.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/audit_timeline/auditTimeline.css.ts"],"sourcesContent":["import { sprinkles } from '../../../theme/sprinkles.css.js';\n\nexport const list = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const item = sprinkles({\n  display: 'flex',\n  gap: 3,\n});\n\nexport const gutter = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  gap: 1,\n  flexShrink: 0,\n});\n\nexport const dot = sprinkles({\n  width: 2,\n  height: 2,\n  borderRadius: 'full',\n  marginTop: 1,\n});\n\nexport const line = sprinkles({\n  width: 2,\n  flex: 1,\n});\n\nexport const body = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  paddingBottom: 2,\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'baseline',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const title = sprinkles({\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const time = sprinkles({\n  fontSize: 'xs',\n});\n\nexport const description = sprinkles({\n  fontSize: 'sm',\n});\n\nexport const meta = sprinkles({\n  fontSize: 'xs',\n});\n"],"mappings":""}

package/lib/esm/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.js

@@ -0,0 +1,14 @@
+import { PageShell as e } from "../../../components/layout/PageShell.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.tsx
+var n = ({ sidebar: n, children: r, breadcrumbSlot: i, actions: a, tabs: o }) => /* @__PURE__ */ t(e, {
+	sidebar: n,
+	breadcrumbSlot: i,
+	actions: a,
+	tabs: o,
+	children: r
+});
+//#endregion
+export { n as BackofficeAppShell, n as default };
+
+//# sourceMappingURL=BackofficeAppShell.js.map

package/lib/esm/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeAppShell.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_app_shell/BackofficeAppShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport {\n  PageShell,\n  type PageShellActions,\n  type PageShellTab,\n} from '@plumile/ui/components/layout/PageShell.js';\n\nexport type BackofficeAppShellProps = {\n  sidebar: ReactNode;\n  children: ReactNode;\n  breadcrumbSlot?: ReactNode;\n  actions?: PageShellActions;\n  tabs?: PageShellTab[];\n};\n\nexport const BackofficeAppShell = ({\n  sidebar,\n  children,\n  breadcrumbSlot,\n  actions,\n  tabs,\n}: BackofficeAppShellProps): JSX.Element => {\n  return (\n    <PageShell\n      sidebar={sidebar}\n      breadcrumbSlot={breadcrumbSlot}\n      actions={actions}\n      tabs={tabs}\n    >\n      {children}\n    </PageShell>\n  );\n};\n\nexport default BackofficeAppShell;\n"],"mappings":";;;AAgBA,IAAa,KAAsB,EACjC,YACA,aACA,mBACA,YACA,cAGE,kBAAC,GAAD;CACW;CACO;CACP;CACH;CAEL;CACS,CAAA"}

package/lib/esm/backoffice/organisms/backoffice_data_table/BackofficeDataTable.js

@@ -0,0 +1,114 @@
+import { cx as e } from "../../../theme/tools.js";
+import { Checkbox as t } from "../../../atomic/atoms/checkbox/Checkbox.js";
+import { DataTable as n } from "../../../components/data-table/DataTable.js";
+import { BulkActionsBar as r } from "../../molecules/bulk_actions_bar/BulkActionsBar.js";
+import { TableToolbar as i } from "../../molecules/table_toolbar/TableToolbar.js";
+import { selectionCell as a, wrapper as o } from "./backofficeDataTable.css.js";
+import "../../../index.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useCallback as l, useMemo as u } from "react";
+//#region src/backoffice/organisms/backoffice_data_table/BackofficeDataTable.tsx
+var d = (e) => {
+	let { rows: n, selection: r } = e, i = [];
+	for (let e of n) e.selectable && i.push(e.id);
+	let o = i.filter((e) => r.selectedRowIds.has(e)).length, c = i.length > 0 && o === i.length, l = () => {
+		if (i.length !== 0) {
+			if (c) {
+				r.onSelectionChange(/* @__PURE__ */ new Set());
+				return;
+			}
+			r.onSelectionChange(new Set(i));
+		}
+	};
+	return {
+		id: "__select",
+		header: /* @__PURE__ */ s("div", {
+			className: a,
+			children: /* @__PURE__ */ s(t, {
+				checked: c,
+				onChange: () => {
+					l();
+				},
+				"aria-label": "Select all"
+			})
+		}),
+		cell: (e) => {
+			let { id: n, selectable: i } = e;
+			return /* @__PURE__ */ s("div", {
+				className: a,
+				children: /* @__PURE__ */ s(t, {
+					checked: r.selectedRowIds.has(n),
+					disabled: !i,
+					onChange: () => {
+						let e = new Set(r.selectedRowIds);
+						e.has(n) ? e.delete(n) : i && e.add(n), r.onSelectionChange(e);
+					},
+					"aria-label": "Select row"
+				})
+			});
+		},
+		className: a
+	};
+}, f = ({ columns: t, rows: a, getRowId: f, toolbar: p, selection: m, bulkActions: h, emptyState: g, className: _ }) => {
+	let v = u(() => a.map((e, t) => ({
+		row: e,
+		index: t,
+		id: f(e, t),
+		selectable: m?.isRowSelectable?.(e, t) ?? !0
+	})), [
+		f,
+		a,
+		m
+	]), y = u(() => m == null ? null : d({
+		rows: v,
+		selection: m
+	}), [m, v]), b = u(() => {
+		let e = t.map((e) => ({
+			...e,
+			cell: (t) => e.cell(t.row)
+		}));
+		return y == null ? e : [y, ...e];
+	}, [t, y]), x = u(() => {
+		if (b.some((e) => e.isPrimary === !0) || b.length === 0) return b;
+		let e = 0;
+		return y != null && b.length > 1 && (e = 1), b.map((t, n) => n === e ? {
+			...t,
+			isPrimary: !0
+		} : t);
+	}, [b, y]), S = u(() => {
+		if (y != null) return `2.75rem repeat(${Math.max(0, b.length - 1)}, minmax(0, 1fr))`;
+	}, [b.length, y]), C = 0;
+	m != null && (C = m.selectedRowIds.size);
+	let w = l(() => {
+		m?.onSelectionChange(/* @__PURE__ */ new Set());
+	}, [m]), T = null;
+	p != null && (T = /* @__PURE__ */ s(i, { ...p }));
+	let E = null;
+	return m != null && (E = /* @__PURE__ */ s(r, {
+		selectedCount: C,
+		actions: h,
+		onClearSelection: w
+	})), /* @__PURE__ */ c("div", {
+		className: e(o, _),
+		children: [
+			T,
+			E,
+			/* @__PURE__ */ s(n, {
+				columns: x,
+				rows: v,
+				getRowId: (e) => e.id,
+				emptyState: g,
+				className: void 0,
+				headerClassName: void 0,
+				bodyClassName: void 0,
+				rowClassName: void 0,
+				gridTemplateClassName: void 0,
+				gridTemplateColumns: S
+			})
+		]
+	});
+};
+//#endregion
+export { f as BackofficeDataTable, f as default };
+
+//# sourceMappingURL=BackofficeDataTable.js.map

package/lib/esm/backoffice/organisms/backoffice_data_table/BackofficeDataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeDataTable.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_data_table/BackofficeDataTable.tsx"],"sourcesContent":["import { useCallback, useMemo, type JSX, type ReactNode } from 'react';\n\nimport { Checkbox, cx } from '@plumile/ui';\nimport {\n  DataTable,\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\n\nimport { BulkActionsBar } from '../../molecules/bulk_actions_bar/BulkActionsBar.js';\nimport {\n  TableToolbar,\n  type TableToolbarProps,\n} from '../../molecules/table_toolbar/TableToolbar.js';\n\nimport * as styles from './backofficeDataTable.css.js';\n\nexport type BackofficeDataTableSelection<Row> = {\n  selectedRowIds: ReadonlySet<string>;\n  onSelectionChange: (next: ReadonlySet<string>) => void;\n  isRowSelectable?: (row: Row, index: number) => boolean;\n};\n\nexport type BackofficeDataTableProps<Row> = {\n  columns: readonly DataTableColumn<Row>[];\n  rows: readonly Row[];\n  getRowId: GetRowId<Row>;\n  toolbar?: TableToolbarProps;\n  selection?: BackofficeDataTableSelection<Row>;\n  bulkActions?: ReactNode;\n  emptyState?: JSX.Element;\n  className?: string;\n};\n\ntype WrappedRow<Row> = {\n  row: Row;\n  index: number;\n  id: string;\n  selectable: boolean;\n};\n\nconst buildSelectionColumn = <Row,>(options: {\n  rows: readonly WrappedRow<Row>[];\n  selection: BackofficeDataTableSelection<Row>;\n}): DataTableColumn<WrappedRow<Row>> => {\n  const { rows, selection } = options;\n\n  const selectableRowIds: string[] = [];\n  for (const wrapped of rows) {\n    if (wrapped.selectable) {\n      selectableRowIds.push(wrapped.id);\n    }\n  }\n\n  const selectedCount = selectableRowIds.filter((id) => {\n    return selection.selectedRowIds.has(id);\n  }).length;\n\n  const isAllSelected =\n    selectableRowIds.length > 0 && selectedCount === selectableRowIds.length;\n\n  const toggleAll = (): void => {\n    if (selectableRowIds.length === 0) {\n      return;\n    }\n    if (isAllSelected) {\n      selection.onSelectionChange(new Set());\n      return;\n    }\n    selection.onSelectionChange(new Set(selectableRowIds));\n  };\n\n  return {\n    id: '__select',\n    header: (\n      <div className={styles.selectionCell}>\n        <Checkbox\n          checked={isAllSelected}\n          onChange={() => {\n            toggleAll();\n          }}\n          aria-label=\"Select all\"\n        />\n      </div>\n    ),\n    cell: (wrapped) => {\n      const { id: rowId, selectable } = wrapped;\n      const checked = selection.selectedRowIds.has(rowId);\n\n      return (\n        <div className={styles.selectionCell}>\n          <Checkbox\n            checked={checked}\n            disabled={!selectable}\n            onChange={() => {\n              const next = new Set(selection.selectedRowIds);\n              if (next.has(rowId)) {\n                next.delete(rowId);\n              } else if (selectable) {\n                next.add(rowId);\n              }\n              selection.onSelectionChange(next);\n            }}\n            aria-label=\"Select row\"\n          />\n        </div>\n      );\n    },\n    className: styles.selectionCell,\n  };\n};\n\nexport const BackofficeDataTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  toolbar,\n  selection,\n  bulkActions,\n  emptyState,\n  className,\n}: BackofficeDataTableProps<Row>): JSX.Element => {\n  const wrappedRows = useMemo<readonly WrappedRow<Row>[]>(() => {\n    return rows.map((row, index) => {\n      const id = getRowId(row, index);\n      const selectable = selection?.isRowSelectable?.(row, index) ?? true;\n      return { row, index, id, selectable };\n    });\n  }, [getRowId, rows, selection]);\n\n  const selectionColumn = useMemo(() => {\n    if (selection == null) {\n      return null;\n    }\n    return buildSelectionColumn({ rows: wrappedRows, selection });\n  }, [selection, wrappedRows]);\n\n  const resolvedColumns = useMemo(() => {\n    const mapped = columns.map<DataTableColumn<WrappedRow<Row>>>((column) => {\n      return {\n        ...column,\n        cell: (wrapped: WrappedRow<Row>) => {\n          return column.cell(wrapped.row);\n        },\n      };\n    });\n    if (selectionColumn == null) {\n      return mapped;\n    }\n    return [selectionColumn, ...mapped];\n  }, [columns, selectionColumn]);\n\n  const columnsWithPrimary = useMemo(() => {\n    const hasPrimary = resolvedColumns.some((column) => {\n      return column.isPrimary === true;\n    });\n    if (hasPrimary) {\n      return resolvedColumns;\n    }\n    if (resolvedColumns.length === 0) {\n      return resolvedColumns;\n    }\n    let primaryIndex = 0;\n    if (selectionColumn != null && resolvedColumns.length > 1) {\n      primaryIndex = 1;\n    }\n    return resolvedColumns.map((column, index) => {\n      if (index === primaryIndex) {\n        return { ...column, isPrimary: true };\n      }\n      return column;\n    });\n  }, [resolvedColumns, selectionColumn]);\n\n  const gridTemplateColumns = useMemo(() => {\n    if (selectionColumn == null) {\n      return undefined;\n    }\n    const restCount = Math.max(0, resolvedColumns.length - 1);\n    return `2.75rem repeat(${restCount}, minmax(0, 1fr))`;\n  }, [resolvedColumns.length, selectionColumn]);\n\n  let selectedCount = 0;\n  if (selection != null) {\n    selectedCount = selection.selectedRowIds.size;\n  }\n\n  const handleClearSelection = useCallback(() => {\n    if (selection != null) {\n      selection.onSelectionChange(new Set());\n    }\n  }, [selection]);\n\n  let toolbarNode: JSX.Element | null = null;\n  if (toolbar != null) {\n    toolbarNode = <TableToolbar {...toolbar} />;\n  }\n\n  let bulkActionsNode: JSX.Element | null = null;\n  if (selection != null) {\n    bulkActionsNode = (\n      <BulkActionsBar\n        selectedCount={selectedCount}\n        actions={bulkActions}\n        onClearSelection={handleClearSelection}\n      />\n    );\n  }\n\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      {toolbarNode}\n      {bulkActionsNode}\n\n      <DataTable\n        columns={columnsWithPrimary}\n        rows={wrappedRows}\n        getRowId={(wrapped: WrappedRow<Row>) => {\n          return wrapped.id;\n        }}\n        emptyState={emptyState}\n        className={undefined}\n        headerClassName={undefined}\n        bodyClassName={undefined}\n        rowClassName={undefined}\n        gridTemplateClassName={undefined}\n        gridTemplateColumns={gridTemplateColumns}\n      />\n    </div>\n  );\n};\n\nexport default BackofficeDataTable;\n"],"mappings":";;;;;;;;;;AAyCA,IAAM,KAA8B,MAGI;CACtC,IAAM,EAAE,SAAM,iBAAc,GAEtB,IAA6B,EAAE;AACrC,MAAK,IAAM,KAAW,EACpB,CAAI,EAAQ,cACV,EAAiB,KAAK,EAAQ,GAAG;CAIrC,IAAM,IAAgB,EAAiB,QAAQ,MACtC,EAAU,eAAe,IAAI,EAAG,CACvC,CAAC,QAEG,IACJ,EAAiB,SAAS,KAAK,MAAkB,EAAiB,QAE9D,UAAwB;AACxB,QAAiB,WAAW,GAGhC;OAAI,GAAe;AACjB,MAAU,kCAAkB,IAAI,KAAK,CAAC;AACtC;;AAEF,KAAU,kBAAkB,IAAI,IAAI,EAAiB,CAAC;;;AAGxD,QAAO;EACL,IAAI;EACJ,QACE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACE,SAAS;IACT,gBAAgB;AACd,QAAW;;IAEb,cAAW;IACX,CAAA;GACE,CAAA;EAER,OAAO,MAAY;GACjB,IAAM,EAAE,IAAI,GAAO,kBAAe;AAGlC,UACE,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD;KACW,SALC,EAAU,eAAe,IAAI,EAAM;KAM7C,UAAU,CAAC;KACX,gBAAgB;MACd,IAAM,IAAO,IAAI,IAAI,EAAU,eAAe;AAM9C,MALI,EAAK,IAAI,EAAM,GACjB,EAAK,OAAO,EAAM,GACT,KACT,EAAK,IAAI,EAAM,EAEjB,EAAU,kBAAkB,EAAK;;KAEnC,cAAW;KACX,CAAA;IACE,CAAA;;EAGV,WAAW;EACZ;GAGU,KAA6B,EACxC,YACA,SACA,aACA,YACA,cACA,gBACA,eACA,mBACgD;CAChD,IAAM,IAAc,QACX,EAAK,KAAK,GAAK,OAGb;EAAE;EAAK;EAAO,IAFV,EAAS,GAAK,EAAM;EAEN,YADN,GAAW,kBAAkB,GAAK,EAAM,IAAI;EAC1B,EACrC,EACD;EAAC;EAAU;EAAM;EAAU,CAAC,EAEzB,IAAkB,QAClB,KAAa,OACR,OAEF,EAAqB;EAAE,MAAM;EAAa;EAAW,CAAC,EAC5D,CAAC,GAAW,EAAY,CAAC,EAEtB,IAAkB,QAAc;EACpC,IAAM,IAAS,EAAQ,KAAuC,OACrD;GACL,GAAG;GACH,OAAO,MACE,EAAO,KAAK,EAAQ,IAAI;GAElC,EACD;AAIF,SAHI,KAAmB,OACd,IAEF,CAAC,GAAiB,GAAG,EAAO;IAClC,CAAC,GAAS,EAAgB,CAAC,EAExB,IAAqB,QAAc;AAOvC,MANmB,EAAgB,MAAM,MAChC,EAAO,cAAc,GAC5B,IAIE,EAAgB,WAAW,EAC7B,QAAO;EAET,IAAI,IAAe;AAInB,SAHI,KAAmB,QAAQ,EAAgB,SAAS,MACtD,IAAe,IAEV,EAAgB,KAAK,GAAQ,MAC9B,MAAU,IACL;GAAE,GAAG;GAAQ,WAAW;GAAM,GAEhC,EACP;IACD,CAAC,GAAiB,EAAgB,CAAC,EAEhC,IAAsB,QAAc;AACpC,WAAmB,KAIvB,QAAO,kBADW,KAAK,IAAI,GAAG,EAAgB,SAAS,EAAE,CACtB;IAClC,CAAC,EAAgB,QAAQ,EAAgB,CAAC,EAEzC,IAAgB;AACpB,CAAI,KAAa,SACf,IAAgB,EAAU,eAAe;CAG3C,IAAM,IAAuB,QAAkB;AAC7C,EAAI,GACQ,kCAAkB,IAAI,KAAK,CAAC;IAEvC,CAAC,EAAU,CAAC,EAEX,IAAkC;AACtC,CAAI,KAAW,SACb,IAAc,kBAAC,GAAD,EAAc,GAAI,GAAW,CAAA;CAG7C,IAAI,IAAsC;AAW1C,QAVI,KAAa,SACf,IACE,kBAAC,GAAD;EACiB;EACf,SAAS;EACT,kBAAkB;EAClB,CAAA,GAKJ,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAgB,EAAU;YAA7C;GACG;GACA;GAED,kBAAC,GAAD;IACE,SAAS;IACT,MAAM;IACN,WAAW,MACF,EAAQ;IAEL;IACZ,WAAW,KAAA;IACX,iBAAiB,KAAA;IACjB,eAAe,KAAA;IACf,cAAc,KAAA;IACd,uBAAuB,KAAA;IACF;IACrB,CAAA;GACE"}

package/lib/esm/backoffice/organisms/backoffice_data_table/backofficeDataTable.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                   */
+//#region src/backoffice/organisms/backoffice_data_table/backofficeDataTable.css.ts
+var e = "x4h99m0 txvbqb9io txvbqbai6 txvbqbaof", t = "x4h99m1 txvbqbdnx";
+//#endregion
+export { t as selectionCell, e as wrapper };
+
+//# sourceMappingURL=backofficeDataTable.css.js.map

package/lib/esm/backoffice/organisms/backoffice_data_table/backofficeDataTable.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeDataTable.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_data_table/backofficeDataTable.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const wrapper = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const selectionCell = sprinkles({\n  justifyContent: 'center',\n});\n"],"mappings":""}

package/lib/esm/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js

@@ -0,0 +1,62 @@
+import { cx as e } from "../../../theme/tools.js";
+import { SidebarNavSection as t } from "../../molecules/sidebar_nav_section/SidebarNavSection.js";
+import { SidebarCollapseToggle as n } from "../../molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js";
+import { container as r, footer as i, header as a, inner as o, sections as s, widthRecipe as c } from "./backofficeSidebar.css.js";
+import "../../../index.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useCallback as d, useState as f } from "react";
+//#region src/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.tsx
+var p = ({ header: p, search: m, footer: h, sections: g, isCollapsed: _, defaultCollapsed: v = !1, onCollapsedChange: y, collapseToggleLabel: b, collapseShortcut: x, className: S }) => {
+	let [C, w] = f(v), T = _ ?? C, E = d(() => {
+		let e = !T;
+		_ ?? w(e), y?.(e);
+	}, [
+		T,
+		_,
+		y
+	]), D = "expanded";
+	T && (D = "collapsed");
+	let O = null;
+	return h != null && (O = /* @__PURE__ */ l("div", {
+		className: i,
+		children: h
+	})), /* @__PURE__ */ l("aside", {
+		className: e(r, c({ state: D }), S),
+		children: /* @__PURE__ */ u("div", {
+			className: o,
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: a,
+					children: [p, /* @__PURE__ */ l(n, {
+						isCollapsed: T,
+						onToggle: E,
+						label: b,
+						shortcut: x
+					})]
+				}),
+				m != null && /* @__PURE__ */ l("div", {
+					className: "_15szdsj7 txvbqbnuo txvbqbohx txvbqb9io txvbqbai6 txvbqbao6",
+					children: m
+				}),
+				/* @__PURE__ */ l("nav", {
+					className: s,
+					"aria-label": "Backoffice navigation",
+					children: g.map((e) => /* @__PURE__ */ l(t, {
+						title: e.title,
+						items: e.items,
+						collapsible: e.collapsible,
+						defaultCollapsed: e.defaultCollapsed,
+						isCollapsed: e.isCollapsed,
+						onCollapsedChange: e.onCollapsedChange,
+						collapsed: T
+					}, e.id))
+				}),
+				O
+			]
+		})
+	});
+};
+//#endregion
+export { p as BackofficeSidebar, p as default };
+
+//# sourceMappingURL=BackofficeSidebar.js.map

package/lib/esm/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeSidebar.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_sidebar/BackofficeSidebar.tsx"],"sourcesContent":["import { useCallback, useState, type JSX, type ReactNode } from 'react';\nimport type { RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { SidebarCollapseToggle } from '../../molecules/sidebar_collapse_toggle/SidebarCollapseToggle.js';\nimport {\n  SidebarNavSection,\n  type SidebarNavSectionItem,\n} from '../../molecules/sidebar_nav_section/SidebarNavSection.js';\n\nimport * as styles from './backofficeSidebar.css.js';\nimport { cx } from '@plumile/ui';\n\nexport type BackofficeSidebarSection = {\n  id: string;\n  title?: ReactNode;\n  items: readonly SidebarNavSectionItem[];\n  collapsible?: boolean;\n  defaultCollapsed?: boolean;\n  isCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n};\n\nexport type BackofficeSidebarProps = {\n  header?: ReactNode;\n  search?: ReactNode;\n  footer?: ReactNode;\n  sections: readonly BackofficeSidebarSection[];\n  isCollapsed?: boolean;\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  collapseToggleLabel?: ReactNode;\n  collapseShortcut?: readonly string[] | string;\n  className?: string;\n};\n\nexport const BackofficeSidebar = ({\n  header,\n  search,\n  footer,\n  sections,\n  isCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  collapseToggleLabel,\n  collapseShortcut,\n  className,\n}: BackofficeSidebarProps): JSX.Element => {\n  const [uncontrolledCollapsed, setUncontrolledCollapsed] =\n    useState(defaultCollapsed);\n\n  const collapsed = isCollapsed ?? uncontrolledCollapsed;\n\n  const handleToggleCollapsed = useCallback(() => {\n    const next = !collapsed;\n    if (isCollapsed == null) {\n      setUncontrolledCollapsed(next);\n    }\n    onCollapsedChange?.(next);\n  }, [collapsed, isCollapsed, onCollapsedChange]);\n\n  let widthKey: NonNullable<\n    NonNullable<RecipeVariants<typeof styles.widthRecipe>>['state']\n  > = 'expanded';\n  if (collapsed) {\n    widthKey = 'collapsed';\n  }\n\n  let footerNode: JSX.Element | null = null;\n  if (footer != null) {\n    footerNode = <div className={styles.footer}>{footer}</div>;\n  }\n\n  return (\n    <aside\n      className={cx(\n        styles.container,\n        styles.widthRecipe({ state: widthKey }),\n        className,\n      )}\n    >\n      <div className={styles.inner}>\n        <div className={styles.header}>\n          {header}\n          <SidebarCollapseToggle\n            isCollapsed={collapsed}\n            onToggle={handleToggleCollapsed}\n            label={collapseToggleLabel}\n            shortcut={collapseShortcut}\n          />\n        </div>\n\n        {search != null && <div className={styles.search}>{search}</div>}\n        <nav className={styles.sections} aria-label=\"Backoffice navigation\">\n          {sections.map((section) => {\n            return (\n              <SidebarNavSection\n                key={section.id}\n                title={section.title}\n                items={section.items}\n                collapsible={section.collapsible}\n                defaultCollapsed={section.defaultCollapsed}\n                isCollapsed={section.isCollapsed}\n                onCollapsedChange={section.onCollapsedChange}\n                collapsed={collapsed}\n              />\n            );\n          })}\n        </nav>\n\n        {footerNode}\n      </div>\n    </aside>\n  );\n};\n\nexport default BackofficeSidebar;\n"],"mappings":";;;;;;;;AAmCA,IAAa,KAAqB,EAChC,QAAA,GACA,QAAA,GACA,QAAA,GACA,UAAA,GACA,gBACA,sBAAmB,IACnB,sBACA,wBACA,qBACA,mBACyC;CACzC,IAAM,CAAC,GAAuB,KAC5B,EAAS,EAAiB,EAEtB,IAAY,KAAe,GAE3B,IAAwB,QAAkB;EAC9C,IAAM,IAAO,CAAC;AAId,EAHI,KACF,EAAyB,EAAK,EAEhC,IAAoB,EAAK;IACxB;EAAC;EAAW;EAAa;EAAkB,CAAC,EAE3C,IAEA;AACJ,CAAI,MACF,IAAW;CAGb,IAAI,IAAiC;AAKrC,QAJI,KAAU,SACZ,IAAa,kBAAC,OAAD;EAAK,WAAW;YAAgB;EAAa,CAAA,GAI1D,kBAAC,SAAD;EACE,WAAW,EACT,GACA,EAAmB,EAAE,OAAO,GAAU,CAAC,EACvC,EACD;YAED,kBAAC,OAAD;GAAK,WAAW;aAAhB;IACE,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACG,GACD,kBAAC,GAAD;MACE,aAAa;MACb,UAAU;MACV,OAAO;MACP,UAAU;MACV,CAAA,CACE;;IAEL,KAAU,QAAQ,kBAAC,OAAD;KAAK,WAAW;eAAgB;KAAa,CAAA;IAChE,kBAAC,OAAD;KAAK,WAAW;KAAiB,cAAW;eACzC,EAAS,KAAK,MAEX,kBAAC,GAAD;MAEE,OAAO,EAAQ;MACf,OAAO,EAAQ;MACf,aAAa,EAAQ;MACrB,kBAAkB,EAAQ;MAC1B,aAAa,EAAQ;MACrB,mBAAmB,EAAQ;MAChB;MACX,EARK,EAAQ,GAQb,CAEJ;KACE,CAAA;IAEL;IACG;;EACA,CAAA"}

package/lib/esm/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.js

@@ -0,0 +1,17 @@
+/* empty css                                      */
+/* empty css                                 */
+import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
+//#region src/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.ts
+var t = "_15szdsj0 txvbqb9io txvbqbai6 txvbqbcff txvbqbv2r txvbqb12f txvbqb1qf txvbqb5fx txvbqb306", n = e({
+	defaultClassName: "_15szdsj1",
+	variantClassNames: { state: {
+		expanded: "_15szdsj2",
+		collapsed: "_15szdsj3"
+	} },
+	defaultVariants: { state: "expanded" },
+	compoundVariants: []
+}), r = "_15szdsj4 txvbqb9io txvbqbai6 txvbqbaoo txvbqblaf txvbqbcff txvbqbjg6", i = "_15szdsj5 txvbqbnuo txvbqbohx txvbqb9io txvbqbco txvbqbdoo txvbqbao6", a = "_15szdsj6 txvbqb9io txvbqbai6 txvbqbaoo txvbqb9mx txvbqbjg6 txvbqbl7o", o = "_15szdsj7 txvbqbnuo txvbqbohx txvbqb9io txvbqbai6 txvbqbao6", s = "_15szdsj8 txvbqbnuo txvbqbohx txvbqb9io txvbqbai6 txvbqbao6";
+//#endregion
+export { t as container, s as footer, i as header, r as inner, o as search, a as sections, n as widthRecipe };
+
+//# sourceMappingURL=backofficeSidebar.css.js.map

package/lib/esm/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeSidebar.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_sidebar/backofficeSidebar.css.ts"],"sourcesContent":["import { recipe, type RecipeVariants } from '@vanilla-extract/recipes';\n\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const container = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  height: 'full',\n  backgroundColor: 'surface',\n  borderWidth: 0,\n  borderStyle: 'solid',\n  borderRightWidth: 'px',\n  borderRightColor: 'borderSubtle',\n});\n\nexport const widthRecipe = recipe({\n  variants: {\n    state: {\n      expanded: { width: vars.width[64] },\n      collapsed: { width: vars.width[17.5] },\n    },\n  },\n  defaultVariants: {\n    state: 'expanded',\n  },\n});\n\nexport type WidthRecipeVariants = RecipeVariants<typeof widthRecipe>;\n\nexport const inner = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  padding: 4,\n  height: 'full',\n  minHeight: 0,\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 2,\n  paddingX: 1,\n});\n\nexport const sections = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  flex: 1,\n  minHeight: 0,\n  overflowY: 'auto',\n});\n\nexport const search = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  paddingX: 1,\n});\n\nexport const footer = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  paddingX: 1,\n});\n"],"mappings":""}

package/lib/esm/backoffice/organisms/backoffice_topbar/BackofficeTopbar.js

@@ -0,0 +1,22 @@
+import { cx as e } from "../../../theme/tools.js";
+import { container as t, left as n, right as r, row as i } from "./backofficeTopbar.css.js";
+import "../../../index.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/backoffice/organisms/backoffice_topbar/BackofficeTopbar.tsx
+var s = ({ breadcrumb: s, leftSlot: c, rightSlot: l, className: u }) => /* @__PURE__ */ a("div", {
+	className: e(t, u),
+	children: /* @__PURE__ */ o("div", {
+		className: i,
+		children: [/* @__PURE__ */ o("div", {
+			className: n,
+			children: [s, c]
+		}), /* @__PURE__ */ a("div", {
+			className: r,
+			children: l
+		})]
+	})
+});
+//#endregion
+export { s as BackofficeTopbar, s as default };
+
+//# sourceMappingURL=BackofficeTopbar.js.map

package/lib/esm/backoffice/organisms/backoffice_topbar/BackofficeTopbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeTopbar.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_topbar/BackofficeTopbar.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from './backofficeTopbar.css.js';\nimport { cx } from '@plumile/ui';\n\nexport type BackofficeTopbarProps = {\n  breadcrumb?: ReactNode;\n  leftSlot?: ReactNode;\n  rightSlot?: ReactNode;\n  className?: string;\n};\n\nexport const BackofficeTopbar = ({\n  breadcrumb,\n  leftSlot,\n  rightSlot,\n  className,\n}: BackofficeTopbarProps): JSX.Element => {\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={styles.row}>\n        <div className={styles.left}>\n          {breadcrumb}\n          {leftSlot}\n        </div>\n        <div className={styles.right}>{rightSlot}</div>\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeTopbar;\n"],"mappings":";;;;;AAYA,IAAa,KAAoB,EAC/B,eACA,aACA,cACA,mBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,GAAkB,EAAU;WAC7C,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACG,GACA,EACG;MACN,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAgB,CAAA,CAC3C;;CACF,CAAA"}

package/lib/esm/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                */
+//#region src/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.ts
+var e = "_1q9x83s0 txvbqb9io txvbqbai6 txvbqbaof txvbqbk4x txvbqbu6f", t = "_1q9x83s1 txvbqb9io txvbqbco txvbqbaoo txvbqbajx txvbqbk4x", n = "_1q9x83s2 txvbqb9io txvbqbco txvbqbaof txvbqb9mx txvbqbk4x", r = "_1q9x83s3 txvbqb9jf txvbqbco txvbqbao6 txvbqbdo6 txvbqbaj6", i = "_1q9x83s4 txvbqb9jf txvbqbco txvbqbc66 txvbqbuho txvbqbv3d";
+//#endregion
+export { e as container, i as divider, n as left, r as right, t as row };
+
+//# sourceMappingURL=backofficeTopbar.css.js.map

package/lib/esm/backoffice/organisms/backoffice_topbar/backofficeTopbar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeTopbar.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_topbar/backofficeTopbar.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: 3,\n  minWidth: 0,\n  width: 'full',\n});\n\nexport const row = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 4,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const left = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 3,\n  flex: 1,\n  minWidth: 0,\n});\n\nexport const right = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 2,\n  justifyContent: 'flex-end',\n  flexShrink: 0,\n});\n\nexport const divider = sprinkles({\n  display: 'inline-flex',\n  alignItems: 'center',\n  height: 6,\n  width: 0.5,\n  backgroundColor: 'border',\n});\n"],"mappings":""}

package/lib/esm/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js

@@ -0,0 +1,34 @@
+import { VirtualizedConnectionTable as e } from "../../../components/data-table/VirtualizedConnectionTable.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.tsx
+var n = (e) => {
+	if (e != null) return {
+		enabled: e.enabled,
+		rowHeightPx: e.rowHeightPx,
+		overscan: e.overscan
+	};
+}, r = (e) => {
+	if (e != null) return {
+		enabled: e.enabled,
+		thresholdPx: e.thresholdPx,
+		autoLoad: e.autoLoad
+	};
+}, i = ({ columns: i, rows: a, getRowId: o, emptyState: s, className: c, gridTemplateColumns: l, virtualization: u, infiniteScroll: d, hasNextPage: f, isLoadingMore: p, onLoadMore: m }) => /* @__PURE__ */ t(e, {
+	columns: i,
+	rows: a,
+	getRowId: o,
+	emptyState: s,
+	className: c,
+	gridTemplateColumns: l,
+	kind: void 0,
+	classes: void 0,
+	virtualization: n(u),
+	infiniteScroll: r(d),
+	hasNextPage: f,
+	isLoadingMore: p,
+	onLoadMore: m
+});
+//#endregion
+export { i as BackofficeVirtualizedConnectionTable, i as default };
+
+//# sourceMappingURL=BackofficeVirtualizedConnectionTable.js.map

package/lib/esm/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeVirtualizedConnectionTable.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport {\n  VirtualizedConnectionTable,\n  type InfiniteScrollConfig,\n  type VirtualizationConfig,\n} from '@plumile/ui/components/data-table/VirtualizedConnectionTable.js';\nimport type {\n  DataTableColumn,\n  GetRowId,\n} from '@plumile/ui/components/data-table/DataTable.js';\n\nexport type BackofficeVirtualizationConfig = {\n  enabled: boolean;\n  rowHeightPx: number;\n  overscan: number;\n};\n\nexport type BackofficeInfiniteScrollConfig = {\n  enabled: boolean;\n  thresholdPx?: number;\n  autoLoad?: boolean;\n};\n\nexport type BackofficeVirtualizedConnectionTableProps<Row> = {\n  columns: readonly DataTableColumn<Row>[];\n  rows: readonly Row[];\n  getRowId: GetRowId<Row>;\n  emptyState?: JSX.Element;\n  className?: string;\n  gridTemplateColumns?: string;\n\n  virtualization?: BackofficeVirtualizationConfig;\n\n  infiniteScroll?: BackofficeInfiniteScrollConfig;\n  hasNextPage?: boolean;\n  isLoadingMore?: boolean;\n  onLoadMore?: () => void;\n};\n\nconst mapVirtualization = (\n  config?: BackofficeVirtualizationConfig,\n): VirtualizationConfig | undefined => {\n  if (config == null) {\n    return undefined;\n  }\n  return {\n    enabled: config.enabled,\n    rowHeightPx: config.rowHeightPx,\n    overscan: config.overscan,\n  };\n};\n\nconst mapInfiniteScroll = (\n  config?: BackofficeInfiniteScrollConfig,\n): InfiniteScrollConfig | undefined => {\n  if (config == null) {\n    return undefined;\n  }\n  return {\n    enabled: config.enabled,\n    thresholdPx: config.thresholdPx,\n    autoLoad: config.autoLoad,\n  };\n};\n\nexport const BackofficeVirtualizedConnectionTable = <Row,>({\n  columns,\n  rows,\n  getRowId,\n  emptyState,\n  className,\n  gridTemplateColumns,\n  virtualization,\n  infiniteScroll,\n  hasNextPage,\n  isLoadingMore,\n  onLoadMore,\n}: BackofficeVirtualizedConnectionTableProps<Row>): JSX.Element => {\n  return (\n    <VirtualizedConnectionTable\n      columns={columns}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={emptyState}\n      className={className}\n      gridTemplateColumns={gridTemplateColumns}\n      kind={undefined}\n      classes={undefined}\n      virtualization={mapVirtualization(virtualization)}\n      infiniteScroll={mapInfiniteScroll(infiniteScroll)}\n      hasNextPage={hasNextPage}\n      isLoadingMore={isLoadingMore}\n      onLoadMore={onLoadMore}\n    />\n  );\n};\n\nexport default BackofficeVirtualizedConnectionTable;\n"],"mappings":";;;AAuCA,IAAM,KACJ,MACqC;AACjC,UAAU,KAGd,QAAO;EACL,SAAS,EAAO;EAChB,aAAa,EAAO;EACpB,UAAU,EAAO;EAClB;GAGG,KACJ,MACqC;AACjC,UAAU,KAGd,QAAO;EACL,SAAS,EAAO;EAChB,aAAa,EAAO;EACpB,UAAU,EAAO;EAClB;GAGU,KAA8C,EACzD,YACA,SACA,aACA,eACA,cACA,wBACA,mBACA,mBACA,gBACA,kBACA,oBAGE,kBAAC,GAAD;CACW;CACH;CACI;CACE;CACD;CACU;CACrB,MAAM,KAAA;CACN,SAAS,KAAA;CACT,gBAAgB,EAAkB,EAAe;CACjD,gBAAgB,EAAkB,EAAe;CACpC;CACE;CACH;CACZ,CAAA"}

package/lib/esm/backoffice/organisms/backoffice_virtualized_connection_table/backofficeVirtualizedConnectionTable.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                                                    */
+//#region src/backoffice/organisms/backoffice_virtualized_connection_table/backofficeVirtualizedConnectionTable.css.ts
+var e = "_13x579i0 txvbqbuw6 txvbqbl6f txvbqbt6f txvbqbk4x", t = "_13x579i1 txvbqbpsf", n = "_13x579i2 txvbqbu6f", r = "_13x579i3 txvbqbu6f txvbqbc4x";
+//#endregion
+export { t as bodyViewport, r as sentinel, e as singleLineCell, n as spacer };
+
+//# sourceMappingURL=backofficeVirtualizedConnectionTable.css.js.map

package/lib/esm/backoffice/organisms/backoffice_virtualized_connection_table/backofficeVirtualizedConnectionTable.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backofficeVirtualizedConnectionTable.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/backoffice_virtualized_connection_table/backofficeVirtualizedConnectionTable.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const singleLineCell = sprinkles({\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  minWidth: 0,\n});\n\nexport const bodyViewport = sprinkles({\n  position: 'relative',\n});\n\nexport const spacer = sprinkles({\n  width: 'full',\n});\n\nexport const sentinel = sprinkles({\n  width: 'full',\n  height: 1,\n});\n"],"mappings":""}

package/lib/esm/backoffice/organisms/entity_header/EntityHeader.js

@@ -0,0 +1,59 @@
+import { cx as e } from "../../../theme/tools.js";
+import { badgeRow as t, container as n, meta as r, metaItem as i, metaLabel as a, metaSlot as o, metaValue as s, subtitle as c, title as l, titleBlock as u, titleRow as d, topRow as f } from "./entityHeader.css.js";
+import "../../../index.js";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/backoffice/organisms/entity_header/EntityHeader.tsx
+var h = ({ title: h, subtitle: g, status: _, badges: v, actions: y, items: b = [], metaSlot: x, className: S }) => {
+	let C = null;
+	g != null && (C = /* @__PURE__ */ p("div", {
+		className: c,
+		children: g
+	}));
+	let w = null;
+	(_ != null || v != null) && (w = /* @__PURE__ */ m("div", {
+		className: t,
+		children: [_, v]
+	}));
+	let T = null;
+	b.length > 0 && (T = /* @__PURE__ */ p("div", {
+		className: r,
+		children: b.map((e) => /* @__PURE__ */ m("div", {
+			className: i,
+			children: [/* @__PURE__ */ p("div", {
+				className: a,
+				children: e.label
+			}), /* @__PURE__ */ p("div", {
+				className: s,
+				children: e.value
+			})]
+		}, e.id))
+	}));
+	let E = null;
+	return x != null && (E = /* @__PURE__ */ p("div", {
+		className: o,
+		children: x
+	})), /* @__PURE__ */ m("div", {
+		className: e(n, S),
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: f,
+				children: [/* @__PURE__ */ m("div", {
+					className: u,
+					children: [/* @__PURE__ */ m("div", {
+						className: d,
+						children: [/* @__PURE__ */ p("div", {
+							className: l,
+							children: h
+						}), w]
+					}), C]
+				}), y]
+			}),
+			E,
+			T
+		]
+	});
+};
+//#endregion
+export { h as EntityHeader, h as default };
+
+//# sourceMappingURL=EntityHeader.js.map

package/lib/esm/backoffice/organisms/entity_header/EntityHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityHeader.js","names":[],"sources":["../../../../../src/backoffice/organisms/entity_header/EntityHeader.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from './entityHeader.css.js';\nimport { cx } from '@plumile/ui';\n\nexport type EntityHeaderItem = {\n  id: string;\n  label: ReactNode;\n  value: ReactNode;\n};\n\nexport type EntityHeaderProps = {\n  title: ReactNode;\n  subtitle?: ReactNode;\n  status?: ReactNode;\n  badges?: ReactNode;\n  actions?: ReactNode;\n  items?: readonly EntityHeaderItem[];\n  metaSlot?: ReactNode;\n  className?: string;\n};\n\nexport const EntityHeader = ({\n  title,\n  subtitle,\n  status,\n  badges,\n  actions,\n  items = [],\n  metaSlot,\n  className,\n}: EntityHeaderProps): JSX.Element => {\n  let subtitleNode: JSX.Element | null = null;\n  if (subtitle != null) {\n    subtitleNode = <div className={styles.subtitle}>{subtitle}</div>;\n  }\n\n  let badgesNode: JSX.Element | null = null;\n  if (status != null || badges != null) {\n    badgesNode = (\n      <div className={styles.badgeRow}>\n        {status}\n        {badges}\n      </div>\n    );\n  }\n\n  let itemsNode: JSX.Element | null = null;\n  if (items.length > 0) {\n    itemsNode = (\n      <div className={styles.meta}>\n        {items.map((item) => {\n          return (\n            <div key={item.id} className={styles.metaItem}>\n              <div className={styles.metaLabel}>{item.label}</div>\n              <div className={styles.metaValue}>{item.value}</div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n\n  let metaSlotNode: JSX.Element | null = null;\n  if (metaSlot != null) {\n    metaSlotNode = <div className={styles.metaSlot}>{metaSlot}</div>;\n  }\n\n  return (\n    <div className={cx(styles.container, className)}>\n      <div className={styles.topRow}>\n        <div className={styles.titleBlock}>\n          <div className={styles.titleRow}>\n            <div className={styles.title}>{title}</div>\n            {badgesNode}\n          </div>\n          {subtitleNode}\n        </div>\n        {actions}\n      </div>\n\n      {metaSlotNode}\n      {itemsNode}\n    </div>\n  );\n};\n\nexport default EntityHeader;\n"],"mappings":";;;;;AAsBA,IAAa,KAAgB,EAC3B,OAAA,GACA,UAAA,GACA,WACA,WACA,YACA,WAAQ,EAAE,EACV,UAAA,GACA,mBACoC;CACpC,IAAI,IAAmC;AACvC,CAAI,KAAY,SACd,IAAe,kBAAC,OAAD;EAAK,WAAW;YAAkB;EAAe,CAAA;CAGlE,IAAI,IAAiC;AACrC,EAAI,KAAU,QAAQ,KAAU,UAC9B,IACE,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACG,GACA,EACG;;CAIV,IAAI,IAAgC;AACpC,CAAI,EAAM,SAAS,MACjB,IACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAM,KAAK,MAER,kBAAC,OAAD;GAAmB,WAAW;aAA9B,CACE,kBAAC,OAAD;IAAK,WAAW;cAAmB,EAAK;IAAY,CAAA,EACpD,kBAAC,OAAD;IAAK,WAAW;cAAmB,EAAK;IAAY,CAAA,CAChD;KAHI,EAAK,GAGT,CAER;EACE,CAAA;CAIV,IAAI,IAAmC;AAKvC,QAJI,KAAY,SACd,IAAe,kBAAC,OAAD;EAAK,WAAW;YAAkB;EAAe,CAAA,GAIhE,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAkB,EAAU;YAA/C;GACE,kBAAC,OAAD;IAAK,WAAW;cAAhB,CACE,kBAAC,OAAD;KAAK,WAAW;eAAhB,CACE,kBAAC,OAAD;MAAK,WAAW;gBAAhB,CACE,kBAAC,OAAD;OAAK,WAAW;iBAAe;OAAY,CAAA,EAC1C,EACG;SACL,EACG;QACL,EACG;;GAEL;GACA;GACG"}

package/lib/esm/backoffice/organisms/entity_header/entityHeader.css.js

@@ -0,0 +1,8 @@
+/* empty css                                      */
+/* empty css                            */
+//#region src/backoffice/organisms/entity_header/entityHeader.css.ts
+var e = "bvz2760 txvbqb9io txvbqbai6 txvbqbaof", t = "bvz2761 txvbqb9io txvbqbcf txvbqbdoo txvbqbaoo txvbqbajx", n = "bvz2762 txvbqb9io txvbqbai6 txvbqbao6 txvbqbk4x txvbqb9mx", r = "bvz2763 txvbqb9io txvbqbco txvbqbao6 txvbqbajx txvbqbk4x", i = "bvz2764 txvbqba6 txvbqbf7f txvbqbamo txvbqbv8p", a = "bvz2765 txvbqb9jf txvbqbajx txvbqbb9o txvbqbco", o = "bvz2766 txvbqb96 txvbqbv8r", s = "bvz2767 txvbqb9io txvbqbajx txvbqbao6", c = "bvz2768 txvbqb9ix txvbqbao6 txvbqbbz6 txvbqbp56", l = "bvz2769 txvbqb9io txvbqbai6 txvbqbanx txvbqbla6 txvbqb1ro txvbqbv2v txvbqb1co txvbqb1qf txvbqbwo", u = "bvz276a txvbqb8o txvbqbv8t txvbqb66 txvbqbeef txvbqbamo", d = "bvz276b txvbqb96 txvbqbv8p txvbqbamf";
+//#endregion
+export { a as badgeRow, e as container, c as meta, l as metaItem, u as metaLabel, s as metaSlot, d as metaValue, o as subtitle, i as title, n as titleBlock, r as titleRow, t as topRow };
+
+//# sourceMappingURL=entityHeader.css.js.map

package/lib/esm/backoffice/organisms/entity_header/entityHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityHeader.css.js","names":[],"sources":["../../../../../src/backoffice/organisms/entity_header/entityHeader.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: 3,\n});\n\nexport const topRow = sprinkles({\n  display: 'flex',\n  alignItems: 'flex-start',\n  justifyContent: 'space-between',\n  gap: 4,\n  flexWrap: 'wrap',\n});\n\nexport const titleBlock = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n  minWidth: 0,\n  flex: 1,\n});\n\nexport const titleRow = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const title = sprinkles({\n  fontSize: '3xl',\n  lineHeight: '3xl',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const badgeRow = sprinkles({\n  display: 'inline-flex',\n  flexWrap: 'wrap',\n  gap: 1.5,\n  alignItems: 'center',\n});\n\nexport const subtitle = sprinkles({\n  fontSize: 'base',\n  color: 'textSecondary',\n});\n\nexport const metaSlot = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n});\n\nexport const meta = sprinkles({\n  display: 'grid',\n  gap: 2,\n  gridTemplateColumns: 'autoFitMinmax12_5rem',\n  paddingTop: 1,\n});\n\nexport const metaItem = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  padding: 3,\n  borderRadius: 'lg',\n  backgroundColor: 'surfaceMuted',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n});\n\nexport const metaLabel = sprinkles({\n  fontSize: 'xs',\n  color: 'textMuted',\n  textTransform: 'uppercase',\n  letterSpacing: 'caps',\n  fontWeight: 'semibold',\n});\n\nexport const metaValue = sprinkles({\n  fontSize: 'base',\n  color: 'text',\n  fontWeight: 'medium',\n});\n"],"mappings":""}