@burojs/ui-shadcn 0.4.0 → 0.6.0

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

@@ -0,0 +1,42 @@
+import { lt as RELATED_GRID_CLASS } from "./place-node-NraNYKPx.js";
+import { i as useProjectedRows, n as RowContent, r as RowOpener, t as ITEM_LAYER_CLASS } from "./related-rows-o0_t-Yce.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-BWZ9GfOG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"related-list-cards-BWZ9GfOG.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-CFq3meUn.cjs

@@ -0,0 +1,42 @@
+const require_place_node = require("./place-node-C5SmIAYU.cjs");
+const require_related_rows = require("./related-rows-ea43qhhy.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-CFq3meUn.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"related-list-cards-CFq3meUn.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-CCzl71aA.cjs

@@ -0,0 +1,142 @@
+const require_related_rows = require("./related-rows-ea43qhhy.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-CCzl71aA.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"related-list-timeline-CCzl71aA.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-yrPsjA3F.js

@@ -0,0 +1,142 @@
+import { i as useProjectedRows, n as RowContent, r as RowOpener, t as ITEM_LAYER_CLASS } from "./related-rows-o0_t-Yce.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-yrPsjA3F.js.map

package/dist/related-list-timeline-yrPsjA3F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-list-timeline-yrPsjA3F.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-ea43qhhy.cjs

@@ -0,0 +1,208 @@
+const require_toaster = require("./toaster-Cr51X7bz.cjs");
+const require_search_access = require("./search-access-Dugvttlg.cjs");
+const require_place_node = require("./place-node-C5SmIAYU.cjs");
+let _burojs_core = require("@burojs/core");
+let _burojs_react = require("@burojs/react");
+let react = require("react");
+let react_jsx_runtime = require("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 = (0, _burojs_react.useApp)().registry.get(resource);
+	const caps = (0, _burojs_react.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 && require_place_node.peekLeafAllowed(def, name, access, viewVisible));
+	const ref = def?.ref ?? {
+		namespace: "default",
+		id: resource
+	};
+	const definition = (name) => require_place_node.peekFieldDefinition(def, name);
+	const value = (name) => (0, react_jsx_runtime.jsx)(require_place_node.ResolvedFieldDisplay, {
+		resource: ref,
+		name,
+		field: definition(name),
+		value: row[name],
+		record: row,
+		fallback: require_place_node.toDisplayText(row[name]).text
+	});
+	const title = (0, react_jsx_runtime.jsx)("p", {
+		className: "truncate text-sm font-medium",
+		children: require_search_access.recordDisplayName(row, def?.displayField)
+	});
+	if (variant === "entry") {
+		const shown = fields.filter((name) => row[name] != null && row[name] !== "");
+		return (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 flex-col gap-0.5",
+			"data-buro-default-item": "",
+			children: [title, shown.length === 0 ? null : (0, react_jsx_runtime.jsx)("div", {
+				"data-buro-item-meta": "",
+				className: "truncate text-xs text-muted-foreground",
+				children: shown.map((name, index) => (0, react_jsx_runtime.jsxs)(react.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 (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex min-w-0 items-start gap-3",
+		"data-buro-default-item": "",
+		children: [(0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-2",
+			children: [title, pairs.length === 0 ? null : (0, react_jsx_runtime.jsx)("dl", {
+				className: "grid gap-1.5",
+				children: pairs.map((name) => (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex min-w-0 items-baseline gap-2 text-sm",
+					children: [(0, react_jsx_runtime.jsx)("dt", {
+						className: "w-24 shrink-0 truncate text-xs text-muted-foreground",
+						children: (0, _burojs_core.resolveFieldLabel)(caps, name, (0, _burojs_core.declaredText)("field", definition(name), "label"))
+					}), (0, react_jsx_runtime.jsx)("dd", {
+						className: "min-w-0 break-words",
+						children: value(name)
+					})]
+				}, name))
+			})]
+		}), numbers.length === 0 ? null : (0, react_jsx_runtime.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) => (0, react_jsx_runtime.jsx)("span", {
+				title: (0, _burojs_core.resolveFieldLabel)(caps, name, (0, _burojs_core.declaredText)("field", definition(name), "label")),
+				children: value(name)
+			}, name))
+		})]
+	});
+}
+//#endregion
+//#region src/blocks/related-rows.tsx
+function useRowAccess(resource) {
+	const app = (0, _burojs_react.useApp)();
+	const scope = (0, _burojs_react.useCtx)((c) => c.scope);
+	const user = (0, _burojs_react.useCtx)((c) => c.user);
+	const permissions = (0, _burojs_react.useCtx)((c) => c.permissions);
+	return (0, react.useCallback)((row) => (capability, target, defaultAllowed = true) => {
+		const rules = app.ruleSource.rules(resource);
+		if (rules.length === 0) return { allowed: defaultAllowed };
+		const ctx = (0, _burojs_core.ruleContextFor)({
+			user,
+			scope,
+			permissions,
+			record: row,
+			mode: "show",
+			resource
+		});
+		return (0, _burojs_core.resolveCapability)(rules, capability, target, ctx, defaultAllowed);
+	}, [
+		app.ruleSource,
+		resource,
+		scope,
+		user,
+		permissions
+	]);
+}
+function useViewVisible(resource) {
+	const access = (0, _burojs_react.useFieldAccess)(resource, "every");
+	return (0, react.useCallback)((field) => {
+		const decision = access[field];
+		return decision === void 0 || decision.view === "visible";
+	}, [access]);
+}
+function useProjectedRows(resource, rows, item) {
+	const def = (0, _burojs_react.useApp)().registry.get(resource);
+	const accessOf = useRowAccess(resource);
+	const viewRow = (0, _burojs_react.useViewRow)(resource);
+	const viewVisible = useViewVisible(resource);
+	const idField = (def?.data)?.idField ?? "id";
+	const project = (0, react.useCallback)((row) => def === void 0 ? viewRow(row) : require_place_node.peekRow(def, viewRow(row), idField, accessOf(row), viewVisible), [
+		def,
+		idField,
+		accessOf,
+		viewRow,
+		viewVisible
+	]);
+	const hidden = (0, react.useCallback)((field) => field !== idField && (def === void 0 || !require_place_node.peekLeafAllowed(def, field, accessOf(_burojs_core.RECORD_PROBE), viewVisible)), [
+		def,
+		idField,
+		accessOf,
+		viewVisible
+	]);
+	const probe = (0, react.useMemo)(() => rows[0] === void 0 ? void 0 : project(rows[0]), [rows, project]);
+	return {
+		def,
+		project,
+		drawn: require_place_node.useItemDrawn(item, hidden, probe),
+		title: (0, react.useCallback)((row) => require_search_access.recordDisplayName(project(row), def?.displayField), [project, def])
+	};
+}
+function RowContent({ resource, raw, row, item, drawn, columns, variant }) {
+	const fallback = (0, react_jsx_runtime.jsx)(DefaultItem, {
+		resource,
+		row,
+		raw,
+		columns,
+		...variant === void 0 ? {} : { variant }
+	});
+	if (item === void 0 || !drawn) return fallback;
+	return (0, react_jsx_runtime.jsx)(require_place_node.RelatedItem, {
+		handle: item,
+		row,
+		fallback
+	});
+}
+function RowOpener({ title, href, quick }) {
+	const RouterLink = require_toaster.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 = (0, react_jsx_runtime.jsx)("span", {
+		className: "sr-only",
+		children: title
+	});
+	if (quick !== null) return href ? (0, react_jsx_runtime.jsx)(require_search_access.ClaimedQuickLink, {
+		href,
+		className,
+		onOpen: quick,
+		children: name
+	}) : (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		role: "link",
+		[_burojs_react.QUICK_ANCHOR_ATTRIBUTE]: "",
+		className: `${className} block size-0 p-0`,
+		onClick: (event) => {
+			if (!require_search_access.isPlainLeftClick(event)) return;
+			quick();
+		},
+		children: name
+	});
+	if (href) return (0, react_jsx_runtime.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
+Object.defineProperty(exports, "ITEM_LAYER_CLASS", {
+	enumerable: true,
+	get: function() {
+		return ITEM_LAYER_CLASS;
+	}
+});
+Object.defineProperty(exports, "RowContent", {
+	enumerable: true,
+	get: function() {
+		return RowContent;
+	}
+});
+Object.defineProperty(exports, "RowOpener", {
+	enumerable: true,
+	get: function() {
+		return RowOpener;
+	}
+});
+Object.defineProperty(exports, "useProjectedRows", {
+	enumerable: true,
+	get: function() {
+		return useProjectedRows;
+	}
+});
+
+//# sourceMappingURL=related-rows-ea43qhhy.cjs.map