@burojs/ui-shadcn 0.4.0 → 0.5.0

package/dist/related-list-cards-B6x9HQQp.js

@@ -0,0 +1,42 @@
+import { at as RELATED_GRID_CLASS } from "./place-node--GdsP688.js";
+import { i as useProjectedRows, n as RowContent, r as RowOpener, t as ITEM_LAYER_CLASS } from "./related-rows-B4levHcR.js";
+import { useTestIds } from "@burojs/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/blocks/related-list-cards.tsx
+const GRID_CLASS = RELATED_GRID_CLASS;
+function RelatedCards({ resource, placementKey, rows, item, columns, rowQuick, rowHref }) {
+	const ids = useTestIds();
+	const { project, drawn, title } = useProjectedRows(resource, rows, item);
+	return jsx("div", {
+		className: "@container",
+		children: jsx("ul", {
+			className: GRID_CLASS,
+			children: rows.map((row) => jsx("li", {
+				className: "min-w-0",
+				children: jsxs("article", {
+					"data-testid": ids.relatedCard(placementKey, String(row.id)),
+					className: "relative h-full rounded-lg border bg-card p-3 text-card-foreground",
+					children: [jsx(RowOpener, {
+						title: title(row),
+						href: rowHref?.(row),
+						quick: rowQuick?.(row) ?? null
+					}), jsx("div", {
+						className: ITEM_LAYER_CLASS,
+						children: jsx(RowContent, {
+							resource,
+							raw: row,
+							row: project(row),
+							item,
+							drawn,
+							columns
+						})
+					})]
+				})
+			}, row.id))
+		})
+	});
+}
+//#endregion
+export { RelatedCards };
+
+//# sourceMappingURL=related-list-cards-B6x9HQQp.js.map

package/dist/related-list-cards-B6x9HQQp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-list-cards-B6x9HQQp.js","names":[],"sources":["../src/blocks/related-list-cards.tsx"],"sourcesContent":["'use client';\nimport { useTestIds } from '@burojs/react';\nimport type { ReactElement } from 'react';\nimport {\n  ITEM_LAYER_CLASS,\n  type RelatedRowsProps,\n  RowContent,\n  RowOpener,\n  useProjectedRows,\n} from './related-rows.js';\nimport { RELATED_GRID_CLASS } from './related-skeletons.js';\n\n/** The grid the cards sit in; `RelatedCardsSkeleton` shares it. */\nconst GRID_CLASS = RELATED_GRID_CLASS;\n\n/** A related list as cards (`view: 'cards'`, P6 3.13): one `<article>` per row. */\nexport function RelatedCards({\n  resource,\n  placementKey,\n  rows,\n  item,\n  columns,\n  rowQuick,\n  rowHref,\n}: RelatedRowsProps): ReactElement {\n  const ids = useTestIds();\n  const { project, drawn, title } = useProjectedRows(resource, rows, item);\n  return (\n    <div className=\"@container\">\n      <ul className={GRID_CLASS}>\n        {rows.map((row) => (\n          <li key={row.id} className=\"min-w-0\">\n            <article\n              data-testid={ids.relatedCard(placementKey, String(row.id))}\n              className=\"relative h-full rounded-lg border bg-card p-3 text-card-foreground\"\n            >\n              <RowOpener title={title(row)} href={rowHref?.(row)} quick={rowQuick?.(row) ?? null} />\n              <div className={ITEM_LAYER_CLASS}>\n                <RowContent\n                  resource={resource}\n                  raw={row}\n                  row={project(row)}\n                  item={item}\n                  drawn={drawn}\n                  columns={columns}\n                />\n              </div>\n            </article>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAaA,MAAM,aAAa;AAGnB,SAAgB,aAAa,EAC3B,UACA,cACA,MACA,MACA,SACA,UACA,WACiC;CACjC,MAAM,MAAM,WAAW;CACvB,MAAM,EAAE,SAAS,OAAO,UAAU,iBAAiB,UAAU,MAAM,IAAI;CACvE,OACE,IAAC,OAAD;EAAK,WAAU;EACb,UAAA,IAAC,MAAD;GAAI,WAAW;GACZ,UAAA,KAAK,KAAK,QACT,IAAC,MAAD;IAAiB,WAAU;IACzB,UAAA,KAAC,WAAD;KACE,eAAa,IAAI,YAAY,cAAc,OAAO,IAAI,EAAE,CAAC;KACzD,WAAU;KAFZ,UAAA,CAIE,IAAC,WAAD;MAAW,OAAO,MAAM,GAAG;MAAG,MAAM,UAAU,GAAG;MAAG,OAAO,WAAW,GAAG,KAAK;KAAO,CAAA,GACrF,IAAC,OAAD;MAAK,WAAW;MACd,UAAA,IAAC,YAAD;OACY;OACV,KAAK;OACL,KAAK,QAAQ,GAAG;OACV;OACC;OACE;MACV,CAAA;KACE,CAAA,CACE;;GACP,GAjBK,IAAI,EAiBT,CACL;EACC,CAAA;CACD,CAAA;AAET"}

package/dist/related-list-cards-nxuODlIA.cjs

@@ -0,0 +1,42 @@
+const require_place_node = require("./place-node-SIp4XYQH.cjs");
+const require_related_rows = require("./related-rows-zh5f_4QR.cjs");
+let _burojs_react = require("@burojs/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/blocks/related-list-cards.tsx
+const GRID_CLASS = require_place_node.RELATED_GRID_CLASS;
+function RelatedCards({ resource, placementKey, rows, item, columns, rowQuick, rowHref }) {
+	const ids = (0, _burojs_react.useTestIds)();
+	const { project, drawn, title } = require_related_rows.useProjectedRows(resource, rows, item);
+	return (0, react_jsx_runtime.jsx)("div", {
+		className: "@container",
+		children: (0, react_jsx_runtime.jsx)("ul", {
+			className: GRID_CLASS,
+			children: rows.map((row) => (0, react_jsx_runtime.jsx)("li", {
+				className: "min-w-0",
+				children: (0, react_jsx_runtime.jsxs)("article", {
+					"data-testid": ids.relatedCard(placementKey, String(row.id)),
+					className: "relative h-full rounded-lg border bg-card p-3 text-card-foreground",
+					children: [(0, react_jsx_runtime.jsx)(require_related_rows.RowOpener, {
+						title: title(row),
+						href: rowHref?.(row),
+						quick: rowQuick?.(row) ?? null
+					}), (0, react_jsx_runtime.jsx)("div", {
+						className: require_related_rows.ITEM_LAYER_CLASS,
+						children: (0, react_jsx_runtime.jsx)(require_related_rows.RowContent, {
+							resource,
+							raw: row,
+							row: project(row),
+							item,
+							drawn,
+							columns
+						})
+					})]
+				})
+			}, row.id))
+		})
+	});
+}
+//#endregion
+exports.RelatedCards = RelatedCards;
+
+//# sourceMappingURL=related-list-cards-nxuODlIA.cjs.map

package/dist/related-list-cards-nxuODlIA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-list-cards-nxuODlIA.cjs","names":["RELATED_GRID_CLASS","useTestIds","useProjectedRows","RowOpener","ITEM_LAYER_CLASS","RowContent"],"sources":["../src/blocks/related-list-cards.tsx"],"sourcesContent":["'use client';\nimport { useTestIds } from '@burojs/react';\nimport type { ReactElement } from 'react';\nimport {\n  ITEM_LAYER_CLASS,\n  type RelatedRowsProps,\n  RowContent,\n  RowOpener,\n  useProjectedRows,\n} from './related-rows.js';\nimport { RELATED_GRID_CLASS } from './related-skeletons.js';\n\n/** The grid the cards sit in; `RelatedCardsSkeleton` shares it. */\nconst GRID_CLASS = RELATED_GRID_CLASS;\n\n/** A related list as cards (`view: 'cards'`, P6 3.13): one `<article>` per row. */\nexport function RelatedCards({\n  resource,\n  placementKey,\n  rows,\n  item,\n  columns,\n  rowQuick,\n  rowHref,\n}: RelatedRowsProps): ReactElement {\n  const ids = useTestIds();\n  const { project, drawn, title } = useProjectedRows(resource, rows, item);\n  return (\n    <div className=\"@container\">\n      <ul className={GRID_CLASS}>\n        {rows.map((row) => (\n          <li key={row.id} className=\"min-w-0\">\n            <article\n              data-testid={ids.relatedCard(placementKey, String(row.id))}\n              className=\"relative h-full rounded-lg border bg-card p-3 text-card-foreground\"\n            >\n              <RowOpener title={title(row)} href={rowHref?.(row)} quick={rowQuick?.(row) ?? null} />\n              <div className={ITEM_LAYER_CLASS}>\n                <RowContent\n                  resource={resource}\n                  raw={row}\n                  row={project(row)}\n                  item={item}\n                  drawn={drawn}\n                  columns={columns}\n                />\n              </div>\n            </article>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAaA,MAAM,aAAaA,mBAAAA;AAGnB,SAAgB,aAAa,EAC3B,UACA,cACA,MACA,MACA,SACA,UACA,WACiC;CACjC,MAAM,OAAA,GAAMC,cAAAA,WAAAA,CAAW;CACvB,MAAM,EAAE,SAAS,OAAO,UAAUC,qBAAAA,iBAAiB,UAAU,MAAM,IAAI;CACvE,QACE,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACb,WAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;GAAI,WAAW;GACZ,UAAA,KAAK,KAAK,SACT,GAAA,kBAAA,IAAA,CAAC,MAAD;IAAiB,WAAU;IACzB,WAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;KACE,eAAa,IAAI,YAAY,cAAc,OAAO,IAAI,EAAE,CAAC;KACzD,WAAU;KAFZ,UAAA,EAIE,GAAA,kBAAA,IAAA,CAACC,qBAAAA,WAAD;MAAW,OAAO,MAAM,GAAG;MAAG,MAAM,UAAU,GAAG;MAAG,OAAO,WAAW,GAAG,KAAK;KAAO,CAAA,IACrF,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAWC,qBAAAA;MACd,WAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,YAAD;OACY;OACV,KAAK;OACL,KAAK,QAAQ,GAAG;OACV;OACC;OACE;MACV,CAAA;KACE,CAAA,CACE;;GACP,GAjBK,IAAI,EAiBT,CACL;EACC,CAAA;CACD,CAAA;AAET"}

package/dist/related-list-timeline-BYJKEbmA.cjs

@@ -0,0 +1,142 @@
+const require_related_rows = require("./related-rows-zh5f_4QR.cjs");
+let _burojs_react = require("@burojs/react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/blocks/related-list-timeline.tsx
+function dayOf(value) {
+	if (typeof value === "string") {
+		const only = /^(\d{4})-(\d{2})-(\d{2})$/u.exec(value);
+		if (only !== null) return {
+			date: new Date(Number(only[1]), Number(only[2]) - 1, Number(only[3])),
+			timed: false
+		};
+	}
+	if (typeof value !== "string" && typeof value !== "number" && !(value instanceof Date)) return void 0;
+	const date = new Date(value);
+	return Number.isNaN(date.getTime()) ? void 0 : {
+		date,
+		timed: true
+	};
+}
+const dayKey = (date) => `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;
+function RelatedTimeline({ resource, placementKey, rows, item, columns, rowQuick, rowHref }) {
+	const ids = (0, _burojs_react.useTestIds)();
+	const app = (0, _burojs_react.useApp)();
+	const t = (0, _burojs_react.useOptionalT)();
+	const locale = (0, _burojs_react.useOptionalLocale)();
+	const { project, drawn, title } = require_related_rows.useProjectedRows(resource, rows, item);
+	const axis = app.registry.get(resource)?.views?.list?.defaultSort?.[0]?.field;
+	const formats = (0, react.useMemo)(() => {
+		try {
+			return {
+				day: new Intl.DateTimeFormat(locale, { dateStyle: "full" }),
+				time: new Intl.DateTimeFormat(locale, { timeStyle: "short" })
+			};
+		} catch {
+			return {
+				day: new Intl.DateTimeFormat(void 0, { dateStyle: "full" }),
+				time: new Intl.DateTimeFormat(void 0, { timeStyle: "short" })
+			};
+		}
+	}, [locale]);
+	const groups = (0, react.useMemo)(() => {
+		const out = [];
+		if (axis === void 0) return out;
+		const undated = [];
+		for (const row of rows) {
+			const day = dayOf(project(row)[axis]);
+			if (day === void 0) {
+				undated.push({
+					row,
+					at: void 0,
+					timed: false
+				});
+				continue;
+			}
+			const key = dayKey(day.date);
+			let group = out.find((entry) => entry.key === key);
+			if (group === void 0) {
+				group = {
+					key,
+					heading: day.date,
+					entries: []
+				};
+				out.push(group);
+			}
+			group.entries.push({
+				row,
+				at: day.date,
+				timed: day.timed
+			});
+		}
+		if (undated.length > 0) out.push({
+			key: "undated",
+			heading: void 0,
+			entries: undated
+		});
+		return out;
+	}, [
+		rows,
+		axis,
+		project
+	]);
+	const headingOf = (group) => group.heading === void 0 ? t("timeline.undated", { defaultValue: "Undated" }) : formats.day.format(group.heading);
+	if (groups.length === 0) return (0, react_jsx_runtime.jsx)("p", {
+		className: "text-sm text-muted-foreground",
+		children: t("timeline.empty", { defaultValue: "No entries" })
+	});
+	return (0, react_jsx_runtime.jsxs)("div", {
+		className: "relative flex flex-col gap-4 pl-5",
+		children: [(0, react_jsx_runtime.jsx)("span", {
+			"data-buro-timeline-rail": "",
+			"aria-hidden": "true",
+			className: "absolute top-1 bottom-1 left-2 w-px bg-border"
+		}), groups.map((group) => (0, react_jsx_runtime.jsxs)("section", {
+			"aria-label": headingOf(group),
+			className: "flex flex-col gap-1",
+			children: [(0, react_jsx_runtime.jsx)("h3", {
+				className: "text-xs text-muted-foreground",
+				children: headingOf(group)
+			}), (0, react_jsx_runtime.jsx)("ol", {
+				className: "flex flex-col",
+				children: group.entries.map(({ row, at, timed }) => (0, react_jsx_runtime.jsxs)("li", {
+					"data-testid": ids.timelineEntry(placementKey, String(row.id)),
+					className: "relative flex min-w-0 items-baseline gap-3 rounded-md py-1.5 pr-2",
+					children: [
+						(0, react_jsx_runtime.jsx)("span", {
+							"data-buro-timeline-dot": "",
+							"aria-hidden": "true",
+							className: "absolute top-2.5 -left-[1.1rem] size-3 rounded-full border-2 border-background bg-muted-foreground"
+						}),
+						(0, react_jsx_runtime.jsx)(require_related_rows.RowOpener, {
+							title: title(row),
+							href: rowHref?.(row),
+							quick: rowQuick?.(row) ?? null
+						}),
+						timed && at !== void 0 ? (0, react_jsx_runtime.jsx)("time", {
+							dateTime: at.toISOString(),
+							className: "w-16 shrink-0 whitespace-nowrap text-xs tabular-nums text-muted-foreground",
+							children: formats.time.format(at)
+						}) : null,
+						(0, react_jsx_runtime.jsx)("div", {
+							className: `${require_related_rows.ITEM_LAYER_CLASS} min-w-0 flex-1`,
+							children: (0, react_jsx_runtime.jsx)(require_related_rows.RowContent, {
+								resource,
+								raw: row,
+								row: project(row),
+								item,
+								drawn,
+								columns,
+								variant: "entry"
+							})
+						})
+					]
+				}, row.id))
+			})]
+		}, group.key))]
+	});
+}
+//#endregion
+exports.RelatedTimeline = RelatedTimeline;
+
+//# sourceMappingURL=related-list-timeline-BYJKEbmA.cjs.map

package/dist/related-list-timeline-BYJKEbmA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-list-timeline-BYJKEbmA.cjs","names":["useTestIds","useApp","useOptionalT","useOptionalLocale","useProjectedRows","useMemo","RowOpener","ITEM_LAYER_CLASS","RowContent"],"sources":["../src/blocks/related-list-timeline.tsx"],"sourcesContent":["'use client';\nimport { useApp, useOptionalLocale, useOptionalT, useTestIds } from '@burojs/react';\nimport { type ReactElement, useMemo } from 'react';\nimport {\n  ITEM_LAYER_CLASS,\n  type ListRow,\n  type RelatedRowsProps,\n  RowContent,\n  RowOpener,\n  useProjectedRows,\n} from './related-rows.js';\n\n/** The date of a row's axis value, else undefined. A date-only value is the local day it names. */\nfunction dayOf(value: unknown): { readonly date: Date; readonly timed: boolean } | undefined {\n  if (typeof value === 'string') {\n    const only = /^(\\d{4})-(\\d{2})-(\\d{2})$/u.exec(value);\n    if (only !== null)\n      return {\n        date: new Date(Number(only[1]), Number(only[2]) - 1, Number(only[3])),\n        timed: false,\n      };\n  }\n  if (typeof value !== 'string' && typeof value !== 'number' && !(value instanceof Date))\n    return undefined;\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? undefined : { date, timed: true };\n}\n\nconst dayKey = (date: Date) => `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;\n\ninterface Group {\n  readonly key: string;\n  /** The day the group names; undefined for the undated group. */\n  readonly heading: Date | undefined;\n  readonly entries: {\n    readonly row: ListRow;\n    readonly at: Date | undefined;\n    readonly timed: boolean;\n  }[];\n}\n\n/**\n * A related list as a timeline (`view: 'timeline'`, P6 3.13): one column grouped by the local\n * day of the target's `views.list.defaultSort[0].field`, headings formatted by the active locale,\n * entries in the list's own (declared) order, each the time and then the item. There is no sort\n * control: the axis is the declared sort.\n *\n * The axis is read from the projected row, as every other field is: a viewer who may not see it\n * gets no day and no time. A row whose axis reads nothing (hidden, empty or unparseable) is kept\n * in one trailing \"Undated\" group, so the entries drawn are the rows the list counts.\n */\nexport function RelatedTimeline({\n  resource,\n  placementKey,\n  rows,\n  item,\n  columns,\n  rowQuick,\n  rowHref,\n}: RelatedRowsProps): ReactElement {\n  const ids = useTestIds();\n  const app = useApp();\n  const t = useOptionalT();\n  const locale = useOptionalLocale();\n  const { project, drawn, title } = useProjectedRows(resource, rows, item);\n  const axis = (\n    app.registry.get(resource) as\n      | {\n          readonly views?: {\n            readonly list?: { readonly defaultSort?: readonly { readonly field: string }[] };\n          };\n        }\n      | undefined\n  )?.views?.list?.defaultSort?.[0]?.field;\n  const formats = useMemo(() => {\n    try {\n      return {\n        day: new Intl.DateTimeFormat(locale, { dateStyle: 'full' }),\n        time: new Intl.DateTimeFormat(locale, { timeStyle: 'short' }),\n      };\n    } catch {\n      return {\n        day: new Intl.DateTimeFormat(undefined, { dateStyle: 'full' }),\n        time: new Intl.DateTimeFormat(undefined, { timeStyle: 'short' }),\n      };\n    }\n  }, [locale]);\n  const groups = useMemo(() => {\n    const out: Group[] = [];\n    if (axis === undefined) return out;\n    const undated: Group['entries'] = [];\n    for (const row of rows) {\n      const day = dayOf(project(row)[axis]);\n      if (day === undefined) {\n        undated.push({ row, at: undefined, timed: false });\n        continue;\n      }\n      const key = dayKey(day.date);\n      let group = out.find((entry) => entry.key === key);\n      if (group === undefined) {\n        group = { key, heading: day.date, entries: [] };\n        out.push(group);\n      }\n      group.entries.push({ row, at: day.date, timed: day.timed });\n    }\n    if (undated.length > 0) out.push({ key: 'undated', heading: undefined, entries: undated });\n    return out;\n  }, [rows, axis, project]);\n  const headingOf = (group: Group): string =>\n    group.heading === undefined\n      ? t('timeline.undated', { defaultValue: 'Undated' })\n      : formats.day.format(group.heading);\n  if (groups.length === 0)\n    return (\n      <p className=\"text-sm text-muted-foreground\">\n        {t('timeline.empty', { defaultValue: 'No entries' })}\n      </p>\n    );\n  // One rail down the whole list (a border per day broke at every heading), a dot per entry on it;\n  // the day headings are the axis' labels, small and muted, and the entries carry the weight.\n  return (\n    <div className=\"relative flex flex-col gap-4 pl-5\">\n      <span\n        data-buro-timeline-rail=\"\"\n        aria-hidden=\"true\"\n        className=\"absolute top-1 bottom-1 left-2 w-px bg-border\"\n      />\n      {groups.map((group) => (\n        <section key={group.key} aria-label={headingOf(group)} className=\"flex flex-col gap-1\">\n          <h3 className=\"text-xs text-muted-foreground\">{headingOf(group)}</h3>\n          <ol className=\"flex flex-col\">\n            {group.entries.map(({ row, at, timed }) => (\n              <li\n                key={row.id}\n                data-testid={ids.timelineEntry(placementKey, String(row.id))}\n                className=\"relative flex min-w-0 items-baseline gap-3 rounded-md py-1.5 pr-2\"\n              >\n                <span\n                  data-buro-timeline-dot=\"\"\n                  aria-hidden=\"true\"\n                  className=\"absolute top-2.5 -left-[1.1rem] size-3 rounded-full border-2 border-background bg-muted-foreground\"\n                />\n                <RowOpener\n                  title={title(row)}\n                  href={rowHref?.(row)}\n                  quick={rowQuick?.(row) ?? null}\n                />\n                {timed && at !== undefined ? (\n                  <time\n                    dateTime={at.toISOString()}\n                    className=\"w-16 shrink-0 whitespace-nowrap text-xs tabular-nums text-muted-foreground\"\n                  >\n                    {formats.time.format(at)}\n                  </time>\n                ) : null}\n                <div className={`${ITEM_LAYER_CLASS} min-w-0 flex-1`}>\n                  <RowContent\n                    resource={resource}\n                    raw={row}\n                    row={project(row)}\n                    item={item}\n                    drawn={drawn}\n                    columns={columns}\n                    variant=\"entry\"\n                  />\n                </div>\n              </li>\n            ))}\n          </ol>\n        </section>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/related-list-timeline-DEdfd-rr.js

@@ -0,0 +1,142 @@
+import { i as useProjectedRows, n as RowContent, r as RowOpener, t as ITEM_LAYER_CLASS } from "./related-rows-B4levHcR.js";
+import { useApp, useOptionalLocale, useOptionalT, useTestIds } from "@burojs/react";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/blocks/related-list-timeline.tsx
+function dayOf(value) {
+	if (typeof value === "string") {
+		const only = /^(\d{4})-(\d{2})-(\d{2})$/u.exec(value);
+		if (only !== null) return {
+			date: new Date(Number(only[1]), Number(only[2]) - 1, Number(only[3])),
+			timed: false
+		};
+	}
+	if (typeof value !== "string" && typeof value !== "number" && !(value instanceof Date)) return void 0;
+	const date = new Date(value);
+	return Number.isNaN(date.getTime()) ? void 0 : {
+		date,
+		timed: true
+	};
+}
+const dayKey = (date) => `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;
+function RelatedTimeline({ resource, placementKey, rows, item, columns, rowQuick, rowHref }) {
+	const ids = useTestIds();
+	const app = useApp();
+	const t = useOptionalT();
+	const locale = useOptionalLocale();
+	const { project, drawn, title } = useProjectedRows(resource, rows, item);
+	const axis = app.registry.get(resource)?.views?.list?.defaultSort?.[0]?.field;
+	const formats = useMemo(() => {
+		try {
+			return {
+				day: new Intl.DateTimeFormat(locale, { dateStyle: "full" }),
+				time: new Intl.DateTimeFormat(locale, { timeStyle: "short" })
+			};
+		} catch {
+			return {
+				day: new Intl.DateTimeFormat(void 0, { dateStyle: "full" }),
+				time: new Intl.DateTimeFormat(void 0, { timeStyle: "short" })
+			};
+		}
+	}, [locale]);
+	const groups = useMemo(() => {
+		const out = [];
+		if (axis === void 0) return out;
+		const undated = [];
+		for (const row of rows) {
+			const day = dayOf(project(row)[axis]);
+			if (day === void 0) {
+				undated.push({
+					row,
+					at: void 0,
+					timed: false
+				});
+				continue;
+			}
+			const key = dayKey(day.date);
+			let group = out.find((entry) => entry.key === key);
+			if (group === void 0) {
+				group = {
+					key,
+					heading: day.date,
+					entries: []
+				};
+				out.push(group);
+			}
+			group.entries.push({
+				row,
+				at: day.date,
+				timed: day.timed
+			});
+		}
+		if (undated.length > 0) out.push({
+			key: "undated",
+			heading: void 0,
+			entries: undated
+		});
+		return out;
+	}, [
+		rows,
+		axis,
+		project
+	]);
+	const headingOf = (group) => group.heading === void 0 ? t("timeline.undated", { defaultValue: "Undated" }) : formats.day.format(group.heading);
+	if (groups.length === 0) return jsx("p", {
+		className: "text-sm text-muted-foreground",
+		children: t("timeline.empty", { defaultValue: "No entries" })
+	});
+	return jsxs("div", {
+		className: "relative flex flex-col gap-4 pl-5",
+		children: [jsx("span", {
+			"data-buro-timeline-rail": "",
+			"aria-hidden": "true",
+			className: "absolute top-1 bottom-1 left-2 w-px bg-border"
+		}), groups.map((group) => jsxs("section", {
+			"aria-label": headingOf(group),
+			className: "flex flex-col gap-1",
+			children: [jsx("h3", {
+				className: "text-xs text-muted-foreground",
+				children: headingOf(group)
+			}), jsx("ol", {
+				className: "flex flex-col",
+				children: group.entries.map(({ row, at, timed }) => jsxs("li", {
+					"data-testid": ids.timelineEntry(placementKey, String(row.id)),
+					className: "relative flex min-w-0 items-baseline gap-3 rounded-md py-1.5 pr-2",
+					children: [
+						jsx("span", {
+							"data-buro-timeline-dot": "",
+							"aria-hidden": "true",
+							className: "absolute top-2.5 -left-[1.1rem] size-3 rounded-full border-2 border-background bg-muted-foreground"
+						}),
+						jsx(RowOpener, {
+							title: title(row),
+							href: rowHref?.(row),
+							quick: rowQuick?.(row) ?? null
+						}),
+						timed && at !== void 0 ? jsx("time", {
+							dateTime: at.toISOString(),
+							className: "w-16 shrink-0 whitespace-nowrap text-xs tabular-nums text-muted-foreground",
+							children: formats.time.format(at)
+						}) : null,
+						jsx("div", {
+							className: `${ITEM_LAYER_CLASS} min-w-0 flex-1`,
+							children: jsx(RowContent, {
+								resource,
+								raw: row,
+								row: project(row),
+								item,
+								drawn,
+								columns,
+								variant: "entry"
+							})
+						})
+					]
+				}, row.id))
+			})]
+		}, group.key))]
+	});
+}
+//#endregion
+export { RelatedTimeline };
+
+//# sourceMappingURL=related-list-timeline-DEdfd-rr.js.map

package/dist/related-list-timeline-DEdfd-rr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-list-timeline-DEdfd-rr.js","names":[],"sources":["../src/blocks/related-list-timeline.tsx"],"sourcesContent":["'use client';\nimport { useApp, useOptionalLocale, useOptionalT, useTestIds } from '@burojs/react';\nimport { type ReactElement, useMemo } from 'react';\nimport {\n  ITEM_LAYER_CLASS,\n  type ListRow,\n  type RelatedRowsProps,\n  RowContent,\n  RowOpener,\n  useProjectedRows,\n} from './related-rows.js';\n\n/** The date of a row's axis value, else undefined. A date-only value is the local day it names. */\nfunction dayOf(value: unknown): { readonly date: Date; readonly timed: boolean } | undefined {\n  if (typeof value === 'string') {\n    const only = /^(\\d{4})-(\\d{2})-(\\d{2})$/u.exec(value);\n    if (only !== null)\n      return {\n        date: new Date(Number(only[1]), Number(only[2]) - 1, Number(only[3])),\n        timed: false,\n      };\n  }\n  if (typeof value !== 'string' && typeof value !== 'number' && !(value instanceof Date))\n    return undefined;\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? undefined : { date, timed: true };\n}\n\nconst dayKey = (date: Date) => `${date.getFullYear()}-${date.getMonth()}-${date.getDate()}`;\n\ninterface Group {\n  readonly key: string;\n  /** The day the group names; undefined for the undated group. */\n  readonly heading: Date | undefined;\n  readonly entries: {\n    readonly row: ListRow;\n    readonly at: Date | undefined;\n    readonly timed: boolean;\n  }[];\n}\n\n/**\n * A related list as a timeline (`view: 'timeline'`, P6 3.13): one column grouped by the local\n * day of the target's `views.list.defaultSort[0].field`, headings formatted by the active locale,\n * entries in the list's own (declared) order, each the time and then the item. There is no sort\n * control: the axis is the declared sort.\n *\n * The axis is read from the projected row, as every other field is: a viewer who may not see it\n * gets no day and no time. A row whose axis reads nothing (hidden, empty or unparseable) is kept\n * in one trailing \"Undated\" group, so the entries drawn are the rows the list counts.\n */\nexport function RelatedTimeline({\n  resource,\n  placementKey,\n  rows,\n  item,\n  columns,\n  rowQuick,\n  rowHref,\n}: RelatedRowsProps): ReactElement {\n  const ids = useTestIds();\n  const app = useApp();\n  const t = useOptionalT();\n  const locale = useOptionalLocale();\n  const { project, drawn, title } = useProjectedRows(resource, rows, item);\n  const axis = (\n    app.registry.get(resource) as\n      | {\n          readonly views?: {\n            readonly list?: { readonly defaultSort?: readonly { readonly field: string }[] };\n          };\n        }\n      | undefined\n  )?.views?.list?.defaultSort?.[0]?.field;\n  const formats = useMemo(() => {\n    try {\n      return {\n        day: new Intl.DateTimeFormat(locale, { dateStyle: 'full' }),\n        time: new Intl.DateTimeFormat(locale, { timeStyle: 'short' }),\n      };\n    } catch {\n      return {\n        day: new Intl.DateTimeFormat(undefined, { dateStyle: 'full' }),\n        time: new Intl.DateTimeFormat(undefined, { timeStyle: 'short' }),\n      };\n    }\n  }, [locale]);\n  const groups = useMemo(() => {\n    const out: Group[] = [];\n    if (axis === undefined) return out;\n    const undated: Group['entries'] = [];\n    for (const row of rows) {\n      const day = dayOf(project(row)[axis]);\n      if (day === undefined) {\n        undated.push({ row, at: undefined, timed: false });\n        continue;\n      }\n      const key = dayKey(day.date);\n      let group = out.find((entry) => entry.key === key);\n      if (group === undefined) {\n        group = { key, heading: day.date, entries: [] };\n        out.push(group);\n      }\n      group.entries.push({ row, at: day.date, timed: day.timed });\n    }\n    if (undated.length > 0) out.push({ key: 'undated', heading: undefined, entries: undated });\n    return out;\n  }, [rows, axis, project]);\n  const headingOf = (group: Group): string =>\n    group.heading === undefined\n      ? t('timeline.undated', { defaultValue: 'Undated' })\n      : formats.day.format(group.heading);\n  if (groups.length === 0)\n    return (\n      <p className=\"text-sm text-muted-foreground\">\n        {t('timeline.empty', { defaultValue: 'No entries' })}\n      </p>\n    );\n  // One rail down the whole list (a border per day broke at every heading), a dot per entry on it;\n  // the day headings are the axis' labels, small and muted, and the entries carry the weight.\n  return (\n    <div className=\"relative flex flex-col gap-4 pl-5\">\n      <span\n        data-buro-timeline-rail=\"\"\n        aria-hidden=\"true\"\n        className=\"absolute top-1 bottom-1 left-2 w-px bg-border\"\n      />\n      {groups.map((group) => (\n        <section key={group.key} aria-label={headingOf(group)} className=\"flex flex-col gap-1\">\n          <h3 className=\"text-xs text-muted-foreground\">{headingOf(group)}</h3>\n          <ol className=\"flex flex-col\">\n            {group.entries.map(({ row, at, timed }) => (\n              <li\n                key={row.id}\n                data-testid={ids.timelineEntry(placementKey, String(row.id))}\n                className=\"relative flex min-w-0 items-baseline gap-3 rounded-md py-1.5 pr-2\"\n              >\n                <span\n                  data-buro-timeline-dot=\"\"\n                  aria-hidden=\"true\"\n                  className=\"absolute top-2.5 -left-[1.1rem] size-3 rounded-full border-2 border-background bg-muted-foreground\"\n                />\n                <RowOpener\n                  title={title(row)}\n                  href={rowHref?.(row)}\n                  quick={rowQuick?.(row) ?? null}\n                />\n                {timed && at !== undefined ? (\n                  <time\n                    dateTime={at.toISOString()}\n                    className=\"w-16 shrink-0 whitespace-nowrap text-xs tabular-nums text-muted-foreground\"\n                  >\n                    {formats.time.format(at)}\n                  </time>\n                ) : null}\n                <div className={`${ITEM_LAYER_CLASS} min-w-0 flex-1`}>\n                  <RowContent\n                    resource={resource}\n                    raw={row}\n                    row={project(row)}\n                    item={item}\n                    drawn={drawn}\n                    columns={columns}\n                    variant=\"entry\"\n                  />\n                </div>\n              </li>\n            ))}\n          </ol>\n        </section>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/related-rows-B4levHcR.js

@@ -0,0 +1,186 @@
+import { d as useLinkComponent } from "./toaster-CfCRLgR-.js";
+import { h as isPlainLeftClick, m as ClaimedQuickLink, p as recordDisplayName } from "./search-access-CURsWn-U.js";
+import { Dt as ResolvedFieldDisplay, it as useItemDrawn, kt as toDisplayText, rt as RelatedItem } from "./place-node--GdsP688.js";
+import { i as peekRow, n as peekLeafAllowed, t as peekFieldDefinition } from "./peek-filter-ErLfO153.js";
+import { RECORD_PROBE, resolveCapability, resolveFieldLabel, ruleContextFor } from "@burojs/core";
+import { QUICK_ANCHOR_ATTRIBUTE, useApp, useCtx, useFieldAccess, useI18nCaps, useViewRow } from "@burojs/react";
+import { Fragment, useCallback, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/blocks/default-item.tsx
+const isNumeric = (field) => field?.kind === "number";
+function DefaultItem({ resource, row, raw, columns, variant = "card" }) {
+	const def = useApp().registry.get(resource);
+	const caps = useI18nCaps(resource);
+	const access = useRowAccess(resource)(raw);
+	const viewVisible = useViewVisible(resource);
+	const fields = def === void 0 ? [] : (columns ?? def.views?.list?.columns ?? Object.keys(def.fields)).filter((name, index, names) => name !== def.displayField && names.indexOf(name) === index && peekLeafAllowed(def, name, access, viewVisible));
+	const ref = def?.ref ?? {
+		namespace: "default",
+		id: resource
+	};
+	const definition = (name) => peekFieldDefinition(def, name);
+	const value = (name) => jsx(ResolvedFieldDisplay, {
+		resource: ref,
+		name,
+		field: definition(name),
+		value: row[name],
+		record: row,
+		fallback: toDisplayText(row[name]).text
+	});
+	const title = jsx("p", {
+		className: "truncate text-sm font-medium",
+		children: recordDisplayName(row, def?.displayField)
+	});
+	if (variant === "entry") {
+		const shown = fields.filter((name) => row[name] != null && row[name] !== "");
+		return jsxs("div", {
+			className: "flex min-w-0 flex-col gap-0.5",
+			"data-buro-default-item": "",
+			children: [title, shown.length === 0 ? null : jsx("div", {
+				"data-buro-item-meta": "",
+				className: "truncate text-xs text-muted-foreground",
+				children: shown.map((name, index) => jsxs(Fragment, { children: [index > 0 ? " · " : null, value(name)] }, name))
+			})]
+		});
+	}
+	const numbers = fields.filter((name) => isNumeric(definition(name)));
+	const pairs = fields.filter((name) => !isNumeric(definition(name)));
+	return jsxs("div", {
+		className: "flex min-w-0 items-start gap-3",
+		"data-buro-default-item": "",
+		children: [jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-2",
+			children: [title, pairs.length === 0 ? null : jsx("dl", {
+				className: "grid gap-1.5",
+				children: pairs.map((name) => jsxs("div", {
+					className: "flex min-w-0 items-baseline gap-2 text-sm",
+					children: [jsx("dt", {
+						className: "w-24 shrink-0 truncate text-xs text-muted-foreground",
+						children: resolveFieldLabel(caps, name, definition(name)?.label)
+					}), jsx("dd", {
+						className: "min-w-0 break-words",
+						children: value(name)
+					})]
+				}, name))
+			})]
+		}), numbers.length === 0 ? null : jsx("div", {
+			"data-buro-item-trailing": "",
+			className: "flex shrink-0 flex-col items-end gap-1 border-l pl-3 text-sm tabular-nums",
+			children: numbers.map((name) => jsx("span", {
+				title: resolveFieldLabel(caps, name, definition(name)?.label),
+				children: value(name)
+			}, name))
+		})]
+	});
+}
+//#endregion
+//#region src/blocks/related-rows.tsx
+function useRowAccess(resource) {
+	const app = useApp();
+	const scope = useCtx((c) => c.scope);
+	const user = useCtx((c) => c.user);
+	const permissions = useCtx((c) => c.permissions);
+	return useCallback((row) => (capability, target, defaultAllowed = true) => {
+		const rules = app.ruleSource.rules(resource);
+		if (rules.length === 0) return { allowed: defaultAllowed };
+		const ctx = ruleContextFor({
+			user,
+			scope,
+			permissions,
+			record: row,
+			mode: "show",
+			resource
+		});
+		return resolveCapability(rules, capability, target, ctx, defaultAllowed);
+	}, [
+		app.ruleSource,
+		resource,
+		scope,
+		user,
+		permissions
+	]);
+}
+function useViewVisible(resource) {
+	const access = useFieldAccess(resource, "every");
+	return useCallback((field) => {
+		const decision = access[field];
+		return decision === void 0 || decision.view === "visible";
+	}, [access]);
+}
+function useProjectedRows(resource, rows, item) {
+	const def = useApp().registry.get(resource);
+	const accessOf = useRowAccess(resource);
+	const viewRow = useViewRow(resource);
+	const viewVisible = useViewVisible(resource);
+	const idField = (def?.data)?.idField ?? "id";
+	const project = useCallback((row) => def === void 0 ? viewRow(row) : peekRow(def, viewRow(row), idField, accessOf(row), viewVisible), [
+		def,
+		idField,
+		accessOf,
+		viewRow,
+		viewVisible
+	]);
+	const hidden = useCallback((field) => field !== idField && (def === void 0 || !peekLeafAllowed(def, field, accessOf(RECORD_PROBE), viewVisible)), [
+		def,
+		idField,
+		accessOf,
+		viewVisible
+	]);
+	const probe = useMemo(() => rows[0] === void 0 ? void 0 : project(rows[0]), [rows, project]);
+	return {
+		def,
+		project,
+		drawn: useItemDrawn(item, hidden, probe),
+		title: useCallback((row) => recordDisplayName(project(row), def?.displayField), [project, def])
+	};
+}
+function RowContent({ resource, raw, row, item, drawn, columns, variant }) {
+	const fallback = jsx(DefaultItem, {
+		resource,
+		row,
+		raw,
+		columns,
+		...variant === void 0 ? {} : { variant }
+	});
+	if (item === void 0 || !drawn) return fallback;
+	return jsx(RelatedItem, {
+		handle: item,
+		row,
+		fallback
+	});
+}
+function RowOpener({ title, href, quick }) {
+	const RouterLink = useLinkComponent();
+	const className = "outline-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-ring";
+	const name = jsx("span", {
+		className: "sr-only",
+		children: title
+	});
+	if (quick !== null) return href ? jsx(ClaimedQuickLink, {
+		href,
+		className,
+		onOpen: quick,
+		children: name
+	}) : jsx("button", {
+		type: "button",
+		role: "link",
+		[QUICK_ANCHOR_ATTRIBUTE]: "",
+		className: `${className} block size-0 p-0`,
+		onClick: (event) => {
+			if (!isPlainLeftClick(event)) return;
+			quick();
+		},
+		children: name
+	});
+	if (href) return jsx(RouterLink, {
+		href,
+		className,
+		children: name
+	});
+	return null;
+}
+const ITEM_LAYER_CLASS = "relative z-[1] pointer-events-none [&_a]:pointer-events-auto [&_button]:pointer-events-auto [&_input]:pointer-events-auto [&_select]:pointer-events-auto [&_textarea]:pointer-events-auto [&_summary]:pointer-events-auto [&_[role=button]]:pointer-events-auto [&_[role=link]]:pointer-events-auto [&_[role=checkbox]]:pointer-events-auto [&_[role=switch]]:pointer-events-auto";
+//#endregion
+export { useProjectedRows as i, RowContent as n, RowOpener as r, ITEM_LAYER_CLASS as t };
+
+//# sourceMappingURL=related-rows-B4levHcR.js.map

package/dist/related-rows-B4levHcR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-rows-B4levHcR.js","names":[],"sources":["../src/blocks/default-item.tsx","../src/blocks/related-rows.tsx"],"sourcesContent":["'use client';\nimport { type EntityRef, resolveFieldLabel } from '@burojs/core';\nimport { useApp, useI18nCaps } from '@burojs/react';\nimport { Fragment, type ReactElement } from 'react';\nimport { toDisplayText } from '../fields/display-value.js';\nimport { ResolvedFieldDisplay } from '../fields/resolved-field.js';\nimport {\n  type PeekFieldSource,\n  peekFieldDefinition,\n  peekLeafAllowed,\n} from '../quick/peek-filter.js';\nimport { recordDisplayName } from '../resource/record-display-name.js';\nimport { type ListRow, useRowAccess, useViewVisible } from './related-rows.js';\n\n/** What a default item reads of the target's definition. */\ninterface TargetDefinition extends PeekFieldSource {\n  readonly views?: { readonly list?: { readonly columns?: readonly string[] } };\n  readonly ref?: EntityRef;\n}\n\n/** A field the default item puts in its trailing part: a number reads best right-aligned. */\nconst isNumeric = (field: { readonly kind?: unknown } | undefined) => field?.kind === 'number';\n\n/**\n * The item of a related list that names none (P6 3.13). As a card: the row's title (weight 500),\n * its other fields as muted label / value pairs, and its numbers in a trailing part set off by a\n * rule. As a timeline entry (`variant: 'entry'`): the title and the field values on one muted\n * meta line. `row` is the projected row, so a field the viewer may not see is already `null` and\n * is not listed.\n */\nexport function DefaultItem({\n  resource,\n  row,\n  raw,\n  columns,\n  variant = 'card',\n}: {\n  readonly resource: string;\n  readonly row: Readonly<Record<string, unknown>>;\n  /** The row as the list read it: column rules resolve over it. */\n  readonly raw: ListRow;\n  readonly columns?: readonly string[] | undefined;\n  readonly variant?: 'card' | 'entry';\n}): ReactElement {\n  const app = useApp();\n  const def = app.registry.get(resource) as TargetDefinition | undefined;\n  const caps = useI18nCaps(resource);\n  const access = useRowAccess(resource)(raw);\n  const viewVisible = useViewVisible(resource);\n  const fields =\n    def === undefined\n      ? []\n      : (columns ?? def.views?.list?.columns ?? Object.keys(def.fields)).filter(\n          (name, index, names) =>\n            name !== def.displayField &&\n            names.indexOf(name) === index &&\n            peekLeafAllowed(def, name, access, viewVisible),\n        );\n  const ref = def?.ref ?? { namespace: 'default', id: resource };\n  const definition = (name: string) =>\n    peekFieldDefinition(def!, name) as { readonly label?: string; readonly kind?: unknown };\n  const value = (name: string) => (\n    <ResolvedFieldDisplay\n      resource={ref}\n      name={name}\n      field={definition(name) as never}\n      value={row[name]}\n      record={row}\n      fallback={toDisplayText(row[name]).text}\n    />\n  );\n  const title = (\n    <p className=\"truncate text-sm font-medium\">{recordDisplayName(row, def?.displayField)}</p>\n  );\n  if (variant === 'entry') {\n    const shown = fields.filter((name) => row[name] != null && row[name] !== '');\n    return (\n      <div className=\"flex min-w-0 flex-col gap-0.5\" data-buro-default-item=\"\">\n        {title}\n        {shown.length === 0 ? null : (\n          <div data-buro-item-meta=\"\" className=\"truncate text-xs text-muted-foreground\">\n            {shown.map((name, index) => (\n              <Fragment key={name}>\n                {index > 0 ? ' · ' : null}\n                {value(name)}\n              </Fragment>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n  const numbers = fields.filter((name) => isNumeric(definition(name)));\n  const pairs = fields.filter((name) => !isNumeric(definition(name)));\n  return (\n    <div className=\"flex min-w-0 items-start gap-3\" data-buro-default-item=\"\">\n      <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n        {title}\n        {pairs.length === 0 ? null : (\n          <dl className=\"grid gap-1.5\">\n            {pairs.map((name) => (\n              <div key={name} className=\"flex min-w-0 items-baseline gap-2 text-sm\">\n                <dt className=\"w-24 shrink-0 truncate text-xs text-muted-foreground\">\n                  {resolveFieldLabel(caps, name, definition(name)?.label)}\n                </dt>\n                <dd className=\"min-w-0 break-words\">{value(name)}</dd>\n              </div>\n            ))}\n          </dl>\n        )}\n      </div>\n      {numbers.length === 0 ? null : (\n        <div\n          data-buro-item-trailing=\"\"\n          className=\"flex shrink-0 flex-col items-end gap-1 border-l pl-3 text-sm tabular-nums\"\n        >\n          {numbers.map((name) => (\n            <span key={name} title={resolveFieldLabel(caps, name, definition(name)?.label)}>\n              {value(name)}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n","'use client';\nimport { type AppContext, RECORD_PROBE, resolveCapability, ruleContextFor } from '@burojs/core';\nimport { type CapabilityResolver, useApp, useCtx, useFieldAccess, useViewRow } from '@burojs/react';\nimport { type ReactElement, type ReactNode, useCallback, useMemo } from 'react';\nimport { QUICK_ANCHOR_ATTRIBUTE } from '@burojs/react';\nimport { ClaimedQuickLink, isPlainLeftClick } from '../fields/claimed-quick-link.js';\nimport { useLinkComponent } from '../layout/link-component.js';\nimport { type PeekFieldSource, peekLeafAllowed, peekRow } from '../quick/peek-filter.js';\nimport { recordDisplayName } from '../resource/record-display-name.js';\nimport { DefaultItem } from './default-item.js';\nimport { type ItemHandle, RelatedItem, useItemDrawn } from './related-item.js';\n\nexport type ListRow = { readonly id: string } & Readonly<Record<string, unknown>>;\n\n/** What `related-list` hands a rows view: the list's rows and how a row opens. */\nexport interface RelatedRowsProps {\n  /** The target resource. */\n  readonly resource: string;\n  /** The placement's key (test ids). */\n  readonly placementKey: string;\n  readonly rows: readonly ListRow[];\n  readonly item?: ItemHandle | undefined;\n  /** The placement's `columns`, for the default item. */\n  readonly columns?: readonly string[] | undefined;\n  readonly rowQuick?: ((row: ListRow) => (() => void) | null) | undefined;\n  readonly rowHref?: ((row: ListRow) => string | undefined) | undefined;\n}\n\n/**\n * A capability resolver per row: column rules resolve over the row they hide a field of, as the\n * peek's do (P6-B review), so a rule reading the record sees this row.\n */\nexport function useRowAccess(resource: string): (row: ListRow) => CapabilityResolver {\n  const app = useApp();\n  const scope = useCtx((c: AppContext) => c.scope);\n  const user = useCtx((c: AppContext) => c.user);\n  const permissions = useCtx((c: AppContext) => c.permissions);\n  return useCallback(\n    (row) =>\n      (capability, target, defaultAllowed = true) => {\n        const rules = app.ruleSource.rules(resource);\n        if (rules.length === 0) return { allowed: defaultAllowed };\n        const ctx = ruleContextFor({\n          user,\n          scope,\n          permissions,\n          record: row,\n          mode: 'show',\n          resource,\n        });\n        return resolveCapability(rules, capability, target, ctx, defaultAllowed);\n      },\n    [app.ruleSource, resource, scope, user, permissions],\n  );\n}\n\n/**\n * Whether a field may be drawn on every row by its P5 view (P5 spec 3.6.6): a decision that is\n * not `visible` (`hidden`, `restricted`, `failed` and `pending` alike, so nothing is drawn while\n * the permission map loads) withholds it. A field the map does not decide is not withheld here. The decision\n * is the any-record one ({@link RECORD_PROBE}), so a rule reading the record counts as hiding.\n */\nexport function useViewVisible(resource: string): (field: string) => boolean {\n  const access = useFieldAccess(resource, 'every');\n  return useCallback(\n    (field) => {\n      const decision = access[field];\n      return decision === undefined || decision.view === 'visible';\n    },\n    [access],\n  );\n}\n\ninterface ProjectedRows {\n  readonly def:\n    | (PeekFieldSource & { readonly displayField?: string; readonly data?: unknown })\n    | undefined;\n  /** The row a card or an entry sees: the id and what the viewer may see; the rest read `null`. */\n  readonly project: (row: ListRow) => ListRow;\n  /** Whether the item block is drawn (decided once for the list), else the default item. */\n  readonly drawn: boolean;\n  readonly title: (row: ListRow) => string;\n}\n\n/**\n * The rows of a cards or timeline view, projected once and the item decided once per list.\n *\n * The rows arrive as the list read them (policy). A row is first projected by P5's field view\n * (`viewRow`: a field its user may not view for every row is left out) and then by the peek's\n * rule ({@link peekRow}): the id field and every field that is not `sensitive`, not withheld by\n * a field `requires.view` and not hidden by a `column` rule keep their values; every other\n * field reads `null`. It is the one place a row's fields are filtered before an item block or\n * the default item sees them (P6-66), and the timeline's axis reads the same row.\n */\nexport function useProjectedRows(\n  resource: string,\n  rows: readonly ListRow[],\n  item: ItemHandle | undefined,\n): ProjectedRows {\n  const app = useApp();\n  const def = app.registry.get(resource) as ProjectedRows['def'];\n  const accessOf = useRowAccess(resource);\n  const viewRow = useViewRow(resource);\n  const viewVisible = useViewVisible(resource);\n  const idField = (def?.data as { readonly idField?: string } | undefined)?.idField ?? 'id';\n  const project = useCallback(\n    (row: ListRow): ListRow =>\n      (def === undefined\n        ? viewRow(row)\n        : peekRow(def, viewRow(row), idField, accessOf(row), viewVisible)) as ListRow,\n    [def, idField, accessOf, viewRow, viewVisible],\n  );\n  const hidden = useCallback(\n    (field: string) =>\n      field !== idField &&\n      (def === undefined ||\n        !peekLeafAllowed(def, field, accessOf(RECORD_PROBE as ListRow), viewVisible)),\n    [def, idField, accessOf, viewVisible],\n  );\n  const probe = useMemo(\n    () => (rows[0] === undefined ? undefined : project(rows[0])),\n    [rows, project],\n  );\n  const drawn = useItemDrawn(item, hidden, probe);\n  const title = useCallback(\n    (row: ListRow) => recordDisplayName(project(row), def?.displayField),\n    [project, def],\n  );\n  return { def, project, drawn, title };\n}\n\n/** The item block (or the default item) of one row. */\nexport function RowContent({\n  resource,\n  raw,\n  row,\n  item,\n  drawn,\n  columns,\n  variant,\n}: {\n  readonly resource: string;\n  /** The row as the list read it (column rules resolve over it). */\n  readonly raw: ListRow;\n  /** The projected row. */\n  readonly row: ListRow;\n  readonly item: ItemHandle | undefined;\n  readonly drawn: boolean;\n  readonly columns?: readonly string[] | undefined;\n  /** How the default item lays the row out: a card's, or a timeline entry's. */\n  readonly variant?: 'card' | 'entry';\n}): ReactElement {\n  const fallback = (\n    <DefaultItem\n      resource={resource}\n      row={row}\n      raw={raw}\n      columns={columns}\n      {...(variant === undefined ? {} : { variant })}\n    />\n  );\n  if (item === undefined || !drawn) return fallback;\n  return <RelatedItem handle={item} row={row} fallback={fallback} />;\n}\n\n/**\n * A card's or an entry's one opener (P6-74): the row's title as the accessible name of a single\n * anchor whose `::after` covers the positioned parent. A quick row is the page anchor claimed\n * for the opener (a modified click follows the `href`), or a link-role button without a page.\n * `open: 'none'` draws nothing.\n */\nexport function RowOpener({\n  title,\n  href,\n  quick,\n}: {\n  readonly title: string;\n  readonly href: string | undefined;\n  readonly quick: (() => void) | null;\n}): ReactElement | null {\n  const RouterLink = useLinkComponent();\n  const className =\n    'outline-none after:absolute after:inset-0 after:rounded-[inherit] focus-visible:after:ring-2 focus-visible:after:ring-ring';\n  const name: ReactNode = <span className=\"sr-only\">{title}</span>;\n  if (quick !== null)\n    return href ? (\n      <ClaimedQuickLink href={href} className={className} onOpen={quick}>\n        {name}\n      </ClaimedQuickLink>\n    ) : (\n      <button\n        type=\"button\"\n        role=\"link\"\n        {...{ [QUICK_ANCHOR_ATTRIBUTE]: '' }}\n        // A button is inline-block, so even with only an `sr-only` name it took a line of the\n        // card and pushed the content down (REF-40). Zero-size and unpositioned, its `::after`\n        // still covers the card.\n        className={`${className} block size-0 p-0`}\n        onClick={(event) => {\n          if (!isPlainLeftClick(event)) return;\n          quick();\n        }}\n      >\n        {name}\n      </button>\n    );\n  if (href)\n    return (\n      <RouterLink href={href} className={className}>\n        {name}\n      </RouterLink>\n    );\n  return null;\n}\n\n/**\n * The wrapper that raises an item's interactive descendants above the opener's cover (P6-74):\n * the wrapper itself lets clicks through to the opener, its controls take them.\n */\nexport const ITEM_LAYER_CLASS =\n  'relative z-[1] pointer-events-none [&_a]:pointer-events-auto [&_button]:pointer-events-auto [&_input]:pointer-events-auto [&_select]:pointer-events-auto [&_textarea]:pointer-events-auto [&_summary]:pointer-events-auto [&_[role=button]]:pointer-events-auto [&_[role=link]]:pointer-events-auto [&_[role=checkbox]]:pointer-events-auto [&_[role=switch]]:pointer-events-auto';\n"],"mappings":"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"}