@robosystems/report-components 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,26 +1,122 @@
+import { P as PeriodInfo, E as ElementInfo, N as NormalizedReport, S as Statement, a as StatementRow } from './index-DlTmV_mJ.js';
+export { B as BalanceType, C as CalcAssociation, b as CypherAdapterConfig, c as EntityInfo, F as Fact, I as InformationBlock, d as PeriodType, e as PresAssociation, R as ReportAdapter, f as RowCell, g as StatementColumn, h as StructureInfo, U as UnitInfo, i as cypherAdapter, j as jsonldFileAdapter, p as parseJsonld, k as parseStore, l as parseTrig, t as trigFileAdapter } from './index-DlTmV_mJ.js';
+import * as react from 'react';
+import 'n3';
+
 /**
- * `@robosystems/report-components` — public API.
+ * RDF vocabulary and display helpers shared across adapters and projection.
  *
- * Render XBRL-grade financial statements from any source behind a thin adapter:
- *
- *   import { ReportView } from '@robosystems/report-components'
- *   import { trigFileAdapter } from '@robosystems/report-components/adapters'
- *
- *   const report = await trigFileAdapter(trigText).load()
- *   <ReportView report={report} />
+ * A `holon.trig` mixes several vocabularies: `rs:` for structure, `skos:` for
+ * human labels, and the XBRL family (`xlink:` / `xbrli:` / `link:`) for the
+ * networks. These constants are the single source of truth for the full IRIs.
+ */
+declare const NS: {
+    readonly rdf: "http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+    readonly rs: "https://robosystems.ai/vocab/";
+    readonly rsgaap: "https://robosystems.ai/taxonomy/rs-gaap/v1/";
+    readonly skos: "http://www.w3.org/2004/02/skos/core#";
+    readonly xlink: "http://www.w3.org/1999/xlink#";
+    readonly xbrli: "http://www.xbrl.org/2003/instance#";
+    readonly link: "http://www.xbrl.org/2003/linkbase#";
+    readonly iso4217: "http://www.xbrl.org/2003/iso4217#";
+};
+/** Compact a concept IRI to `prefix:Local` (e.g. `rs-gaap:Assets`). */
+declare function qname(iri: string): string;
+/**
+ * Readable concept name from a local name when no `skos:prefLabel` is present —
+ * splits CamelCase into words (`AssetsCurrent` → `Assets Current`). A graceful
+ * fallback for bundles that predate label emit.
+ */
+declare function humanize(iri: string): string;
+/** Stable display order for the canonical statement blocks; others fall after. */
+declare const BLOCK_ORDER: Record<string, number>;
+/** Friendly section headings keyed by block type. */
+declare const BLOCK_TITLES: Record<string, string>;
+
+/**
+ * Pure formatting helpers shared by the projection and the components. No React
+ * here, so the projection can depend on it without pulling in a renderer.
+ */
+
+/**
+ * Accounting-style money: negatives in parentheses, no sign, an em-dash for
+ * absent values. Matches the RoboLedger statement renderer.
+ */
+declare function formatMoney(value: number | null | undefined, opts?: {
+    currencySymbol?: string;
+}): string;
+/** `2024-03-31` → `Mar 31, 2024`. Falls back to the raw string if unparseable. */
+declare function formatDate(iso: string | null | undefined): string;
+/** A human description of a period — "As of …" for instants, a span for durations. */
+declare function formatPeriod(period: PeriodInfo): string;
+
+interface OrderEntry {
+    order: number;
+    depth: number;
+}
+/**
+ * Post-order the presentation arcs of one structure → `{element: {order, depth}}`.
+ * Roots (a `from` that is never a `to`) are visited by their subtree's leading
+ * arc order, so a balance sheet's roots (Assets, then Liabilities and Equity)
+ * come out in the right sequence.
+ */
+declare function presentationOrder(model: NormalizedReport, structureId: string): Map<string, OrderEntry>;
+/** Concepts that are calculation parents — the authoritative subtotal set. */
+declare function calcSubtotals(model: NormalizedReport): Set<string>;
+/** Reconstruct every statement in the report, in canonical block order. */
+declare function buildStatements(model: NormalizedReport): Statement[];
+interface FootTerm {
+    element: ElementInfo;
+    weight: number;
+    value: number | null;
+}
+interface FootCheck {
+    element: ElementInfo;
+    columnIndex: number;
+    terms: FootTerm[];
+    /** Σ child·weight over the present terms, or null if none are present. */
+    expected: number | null;
+    /** The subtotal's own reported value in this column. */
+    actual: number | null;
+    ok: boolean;
+}
+/**
+ * Foot a subtotal live: sum its calculation children (× weight) and compare to
+ * its reported value, e.g. `13,550 + 900 = 14,450 ✓`. Returns `null` when the
+ * element is not a calculation parent (nothing to foot).
  */
-export { BLOCK_ORDER, BLOCK_TITLES, NS, humanize, qname } from './constants';
-export * from './format';
-export * from './model';
-export * from './project';
-export { FactInspector } from './components/FactInspector';
-export type { FactInspectorProps } from './components/FactInspector';
-export { ReportView } from './components/ReportView';
-export type { ReportViewProps } from './components/ReportView';
-export { StatementTable } from './components/StatementTable';
-export type { StatementTableProps } from './components/StatementTable';
-export { cypherAdapter } from './adapters/cypher';
-export type { CypherAdapterConfig } from './adapters/cypher';
-export { parseTrig, trigFileAdapter } from './adapters/trig';
-export type { ReportAdapter } from './adapters/types';
-//# sourceMappingURL=index.d.ts.map
+declare function footCheck(model: NormalizedReport, statement: Statement, elementId: string, columnIndex: number): FootCheck | null;
+
+interface FactInspectorProps {
+    report: NormalizedReport;
+    statement: Statement;
+    row: StatementRow;
+    columnIndex: number;
+    onClose?: () => void;
+    currencySymbol?: string;
+}
+declare function FactInspector({ report, statement, row, columnIndex, onClose, currencySymbol, }: FactInspectorProps): react.JSX.Element;
+
+interface ReportViewProps {
+    report: NormalizedReport;
+    currencySymbol?: string;
+    /** Disable the click-to-inspect fact panel (render-only). */
+    inspect?: boolean;
+}
+declare function ReportView({ report, currencySymbol, inspect }: ReportViewProps): react.JSX.Element;
+
+interface StatementTableProps {
+    statement: Statement;
+    /** Called when a value cell is clicked — drives fact inspection. */
+    onCellClick?: (row: StatementRow, columnIndex: number) => void;
+    /** Currency symbol for values (default `$`). */
+    currencySymbol?: string;
+    /** The currently-selected cell, highlighted. */
+    selected?: {
+        elementId: string;
+        columnIndex: number;
+    } | null;
+}
+declare function StatementTable({ statement, onCellClick, currencySymbol, selected, }: StatementTableProps): react.JSX.Element;
+
+export { BLOCK_ORDER, BLOCK_TITLES, ElementInfo, FactInspector, type FactInspectorProps, type FootCheck, type FootTerm, NS, NormalizedReport, PeriodInfo, ReportView, type ReportViewProps, Statement, StatementRow, StatementTable, type StatementTableProps, buildStatements, calcSubtotals, footCheck, formatDate, formatMoney, formatPeriod, humanize, presentationOrder, qname };

package/dist/index.js

@@ -1,24 +1,492 @@
-/**
- * `@robosystems/report-components` — public API.
- *
- * Render XBRL-grade financial statements from any source behind a thin adapter:
- *
- *   import { ReportView } from '@robosystems/report-components'
- *   import { trigFileAdapter } from '@robosystems/report-components/adapters'
- *
- *   const report = await trigFileAdapter(trigText).load()
- *   <ReportView report={report} />
- */
-// Model + reconstruction + formatting
-export { BLOCK_ORDER, BLOCK_TITLES, NS, humanize, qname } from './constants';
-export * from './format';
-export * from './model';
-export * from './project';
-// Components
-export { FactInspector } from './components/FactInspector';
-export { ReportView } from './components/ReportView';
-export { StatementTable } from './components/StatementTable';
-// Adapters (also available at the `/adapters` subpath)
-export { cypherAdapter } from './adapters/cypher';
-export { parseTrig, trigFileAdapter } from './adapters/trig';
+import { BLOCK_ORDER, BLOCK_TITLES, humanize, qname } from './chunk-FNRQJVAH.js';
+export { BLOCK_ORDER, BLOCK_TITLES, NS, cypherAdapter, humanize, jsonldFileAdapter, parseJsonld, parseStore, parseTrig, qname, trigFileAdapter } from './chunk-FNRQJVAH.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo, useState } from 'react';
+
+// src/format.ts
+function formatMoney(value, opts = {}) {
+  if (value === null || value === void 0 || Number.isNaN(value)) return "\u2014";
+  const symbol = opts.currencySymbol ?? "$";
+  const abs = Math.abs(value).toLocaleString("en-US", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+  return value < 0 ? `${symbol}(${abs})` : `${symbol}${abs}`;
+}
+var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function formatDate(iso) {
+  if (!iso) return "";
+  const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(iso);
+  if (!m) return iso;
+  const [, year, month, day] = m;
+  const idx = Number(month) - 1;
+  return `${MONTHS[idx] ?? month} ${Number(day)}, ${year}`;
+}
+function formatPeriod(period) {
+  if (period.type === "instant") {
+    return `As of ${formatDate(period.instant ?? period.end)}`;
+  }
+  return `${formatDate(period.startDate)} \u2013 ${formatDate(period.endDate ?? period.end)}`;
+}
+
+// src/project.ts
+function fallbackElement(id) {
+  return {
+    id,
+    qname: qname(id),
+    label: humanize(id),
+    balance: null,
+    periodType: null,
+    abstract: false,
+    monetary: false
+  };
+}
+function presentationOrder(model, structureId) {
+  const children = /* @__PURE__ */ new Map();
+  const froms = /* @__PURE__ */ new Set();
+  const tos = /* @__PURE__ */ new Set();
+  for (const assoc of model.presAssociations) {
+    if (assoc.structure !== structureId) continue;
+    const kids = children.get(assoc.parent) ?? [];
+    kids.push([assoc.order, assoc.child]);
+    children.set(assoc.parent, kids);
+    froms.add(assoc.parent);
+    tos.add(assoc.child);
+  }
+  for (const kids of children.values()) {
+    kids.sort((a, b) => a[0] - b[0]);
+  }
+  const out = /* @__PURE__ */ new Map();
+  const seen = /* @__PURE__ */ new Set();
+  let counter = 0;
+  const walk = (node, depth) => {
+    if (seen.has(node)) return;
+    seen.add(node);
+    for (const [, child] of children.get(node) ?? []) {
+      walk(child, depth + 1);
+    }
+    out.set(node, { order: counter, depth });
+    counter += 1;
+  };
+  const rootKey = (root) => {
+    const kids = children.get(root);
+    return kids && kids.length ? kids[0][0] : 0;
+  };
+  const roots = [...froms].filter((f) => !tos.has(f)).sort((a, b) => rootKey(a) - rootKey(b));
+  for (const root of roots) walk(root, 0);
+  return out;
+}
+function calcSubtotals(model) {
+  const out = /* @__PURE__ */ new Set();
+  for (const assoc of model.calcAssociations) out.add(assoc.parent);
+  return out;
+}
+function structureForBlock(model, blockType) {
+  return model.structures.find((s) => s.blockType === blockType) ?? null;
+}
+function columnLabel(period) {
+  return formatDate(period.end);
+}
+function deriveColumns(model, facts) {
+  const byEnd = /* @__PURE__ */ new Map();
+  for (const fact of facts) {
+    const period = model.periods[fact.period];
+    if (!period || !period.end) continue;
+    const existing = byEnd.get(period.end);
+    if (!existing || existing.type === "instant" && period.type === "duration") {
+      byEnd.set(period.end, period);
+    }
+  }
+  return [...byEnd.values()].sort((a, b) => {
+    const aStart = a.startDate ?? a.end;
+    const bStart = b.startDate ?? b.end;
+    return aStart.localeCompare(bStart) || a.end.localeCompare(b.end);
+  }).map((period) => ({ key: period.end, label: columnLabel(period), period }));
+}
+function buildStatement(model, ib, subtotals) {
+  const structure = structureForBlock(model, ib.blockType);
+  const order = structure ? presentationOrder(model, structure.id) : /* @__PURE__ */ new Map();
+  const facts = model.facts.filter((f) => f.factSet !== null && f.factSet === ib.factSet);
+  const columns = deriveColumns(model, facts);
+  const colIndex = new Map(columns.map((c, i) => [c.key, i]));
+  const cellsByElement = /* @__PURE__ */ new Map();
+  for (const fact of facts) {
+    const period = model.periods[fact.period];
+    if (!period) continue;
+    const idx = colIndex.get(period.end);
+    if (idx === void 0) continue;
+    let cells = cellsByElement.get(fact.element);
+    if (!cells) {
+      cells = columns.map(() => ({ value: null, fact: null }));
+      cellsByElement.set(fact.element, cells);
+    }
+    cells[idx] = { value: fact.value, fact };
+  }
+  const rows = [...cellsByElement.keys()].map((id) => {
+    const entry = order.get(id);
+    return {
+      id,
+      order: entry ? entry.order : Number.MAX_SAFE_INTEGER,
+      depth: entry ? entry.depth : 0
+    };
+  }).sort((a, b) => a.order - b.order || a.id.localeCompare(b.id)).map(({ id, depth }) => ({
+    element: model.elements[id] ?? fallbackElement(id),
+    depth,
+    isSubtotal: subtotals.has(id),
+    cells: cellsByElement.get(id)
+  }));
+  return {
+    ib,
+    blockType: ib.blockType,
+    title: BLOCK_TITLES[ib.blockType] ?? ib.label ?? ib.blockType,
+    structureName: structure?.structureName ?? ib.label ?? null,
+    columns,
+    rows
+  };
+}
+function buildStatements(model) {
+  const subtotals = calcSubtotals(model);
+  return [...model.informationBlocks].sort(
+    (a, b) => (BLOCK_ORDER[a.blockType] ?? 99) - (BLOCK_ORDER[b.blockType] ?? 99) || a.blockType.localeCompare(b.blockType)
+  ).map((ib) => buildStatement(model, ib, subtotals));
+}
+function footCheck(model, statement, elementId, columnIndex) {
+  const kids = model.calcAssociations.filter((a) => a.parent === elementId);
+  if (!kids.length) return null;
+  const valueOf = (id) => {
+    const row = statement.rows.find((r) => r.element.id === id);
+    return row ? row.cells[columnIndex]?.value ?? null : null;
+  };
+  const terms = kids.slice().sort((a, b) => a.order - b.order).map((a) => ({
+    element: model.elements[a.child] ?? fallbackElement(a.child),
+    weight: a.weight,
+    value: valueOf(a.child)
+  }));
+  const present = terms.filter((t) => t.value !== null);
+  const expected = present.length ? present.reduce((sum, t) => sum + t.value * t.weight, 0) : null;
+  const actual = valueOf(elementId);
+  const ok = expected !== null && actual !== null && Math.abs(expected - actual) < 5e-3;
+  return {
+    element: model.elements[elementId] ?? fallbackElement(elementId),
+    columnIndex,
+    terms,
+    expected,
+    actual,
+    ok
+  };
+}
+var styles = {
+  panel: {
+    fontFamily: "var(--rs-font-sans, ui-sans-serif, system-ui, sans-serif)",
+    color: "var(--rs-text, #111827)",
+    border: "1px solid var(--rs-border, #e5e7eb)",
+    borderRadius: "12px",
+    padding: "1rem 1.25rem",
+    background: "var(--rs-panel-bg, #ffffff)",
+    boxShadow: "0 1px 3px rgba(0,0,0,0.08)"
+  },
+  header: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    gap: "1rem",
+    marginBottom: "0.75rem"
+  },
+  label: { fontSize: "1rem", fontWeight: 700, margin: 0 },
+  qname: {
+    fontFamily: "var(--rs-font-mono, ui-monospace, monospace)",
+    fontSize: "0.8rem",
+    color: "var(--rs-primary-700, #1d4ed8)"
+  },
+  close: {
+    border: "none",
+    background: "transparent",
+    fontSize: "1.25rem",
+    lineHeight: 1,
+    cursor: "pointer",
+    color: "var(--rs-muted, #6b7280)"
+  },
+  grid: {
+    display: "grid",
+    gridTemplateColumns: "auto 1fr",
+    gap: "0.35rem 1rem",
+    fontSize: "0.85rem",
+    margin: "0.5rem 0"
+  },
+  key: { color: "var(--rs-muted, #6b7280)" },
+  mono: { fontFamily: "var(--rs-font-mono, ui-monospace, monospace)" },
+  footing: {
+    marginTop: "0.85rem",
+    paddingTop: "0.75rem",
+    borderTop: "1px solid var(--rs-border, #e5e7eb)"
+  },
+  footTitle: {
+    fontSize: "0.75rem",
+    textTransform: "uppercase",
+    letterSpacing: "0.05em",
+    color: "var(--rs-muted, #6b7280)",
+    marginBottom: "0.4rem"
+  },
+  equation: {
+    fontFamily: "var(--rs-font-mono, ui-monospace, monospace)",
+    fontSize: "0.85rem",
+    lineHeight: 1.6
+  }
+};
+function Field({ k, children }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { style: styles.key, children: k }),
+    /* @__PURE__ */ jsx("span", { children })
+  ] });
+}
+function FactInspector({
+  report,
+  statement,
+  row,
+  columnIndex,
+  onClose,
+  currencySymbol = "$"
+}) {
+  const { element } = row;
+  const cell = row.cells[columnIndex];
+  const column = statement.columns[columnIndex];
+  const unit = cell.fact?.unit ? report.units[cell.fact.unit] : null;
+  const foot = footCheck(report, statement, element.id, columnIndex);
+  const sym = currencySymbol;
+  return /* @__PURE__ */ jsxs("div", { style: styles.panel, children: [
+    /* @__PURE__ */ jsxs("div", { style: styles.header, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { style: styles.label, children: element.label }),
+        /* @__PURE__ */ jsx("span", { style: styles.qname, children: element.qname })
+      ] }),
+      onClose ? /* @__PURE__ */ jsx("button", { style: styles.close, onClick: onClose, "aria-label": "Close", children: "\xD7" }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: styles.grid, children: [
+      /* @__PURE__ */ jsx(Field, { k: "Value", children: /* @__PURE__ */ jsx("span", { style: styles.mono, children: formatMoney(cell.value, { currencySymbol: sym }) }) }),
+      /* @__PURE__ */ jsxs(Field, { k: "Period", children: [
+        formatPeriod(column.period),
+        " ",
+        /* @__PURE__ */ jsxs("span", { style: styles.key, children: [
+          "(",
+          column.period.type,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Field, { k: "Unit", children: unit ? unit.label : "\u2014" }),
+      element.balance ? /* @__PURE__ */ jsx(Field, { k: "Balance", children: element.balance }) : null,
+      cell.fact?.decimals ? /* @__PURE__ */ jsx(Field, { k: "Decimals", children: cell.fact.decimals }) : null
+    ] }),
+    foot ? /* @__PURE__ */ jsxs("div", { style: styles.footing, children: [
+      /* @__PURE__ */ jsxs("div", { style: styles.footTitle, children: [
+        "Calculation ",
+        foot.ok ? "\u2713 foots" : "\u26A0 does not foot"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: styles.equation, children: [
+        foot.terms.map((term, i) => {
+          const op = i === 0 ? term.weight < 0 ? "\u2212" : "" : term.weight < 0 ? " \u2212 " : " + ";
+          return /* @__PURE__ */ jsxs("span", { title: term.element.qname, children: [
+            op,
+            formatMoney(term.value === null ? 0 : Math.abs(term.value), {
+              currencySymbol: sym
+            })
+          ] }, term.element.id);
+        }),
+        " = ",
+        /* @__PURE__ */ jsx("strong", { children: formatMoney(foot.expected, { currencySymbol: sym }) }),
+        " ",
+        foot.ok ? /* @__PURE__ */ jsx("span", { style: { color: "var(--rs-success, #00875a)" }, children: "\u2713" }) : /* @__PURE__ */ jsxs("span", { style: { color: "var(--rs-error, #dc2626)" }, children: [
+          "\u2717 (reported ",
+          formatMoney(foot.actual, { currencySymbol: sym }),
+          ")"
+        ] })
+      ] })
+    ] }) : null
+  ] });
+}
+var styles2 = {
+  wrap: {
+    fontFamily: "var(--rs-font-sans, ui-sans-serif, system-ui, sans-serif)",
+    color: "var(--rs-text, #111827)",
+    marginBottom: "2.5rem"
+  },
+  heading: {
+    textAlign: "center",
+    marginBottom: "1rem"
+  },
+  title: {
+    fontFamily: "var(--rs-font-heading, var(--rs-font-sans, sans-serif))",
+    fontSize: "1.15rem",
+    fontWeight: 700,
+    letterSpacing: "0.02em",
+    margin: 0
+  },
+  subtitle: {
+    fontSize: "0.85rem",
+    color: "var(--rs-muted, #6b7280)",
+    marginTop: "0.25rem"
+  },
+  table: {
+    width: "100%",
+    borderCollapse: "collapse",
+    fontSize: "0.875rem"
+  },
+  th: {
+    borderBottom: "2px solid var(--rs-border-strong, #9ca3af)",
+    padding: "0.5rem 0.75rem",
+    fontWeight: 600,
+    color: "var(--rs-muted, #6b7280)",
+    fontSize: "0.8rem"
+  },
+  thConcept: { textAlign: "left" },
+  thNum: { textAlign: "right", whiteSpace: "nowrap" },
+  labelCell: {
+    padding: "0.3rem 0.75rem",
+    whiteSpace: "normal"
+  },
+  numCell: {
+    padding: "0.3rem 0.75rem",
+    textAlign: "right",
+    whiteSpace: "nowrap",
+    fontFamily: "var(--rs-font-mono, ui-monospace, SFMono-Regular, monospace)",
+    fontVariantNumeric: "tabular-nums"
+  }
+};
+function StatementTable({
+  statement,
+  onCellClick,
+  currencySymbol = "$",
+  selected = null
+}) {
+  const { columns, rows } = statement;
+  const periodCaption = columns.length === 1 ? formatPeriod(columns[0].period) : null;
+  return /* @__PURE__ */ jsxs("section", { style: styles2.wrap, children: [
+    /* @__PURE__ */ jsxs("header", { style: styles2.heading, children: [
+      /* @__PURE__ */ jsx("h3", { style: styles2.title, children: statement.title }),
+      statement.structureName ? /* @__PURE__ */ jsx("div", { style: styles2.subtitle, children: statement.structureName }) : null,
+      periodCaption ? /* @__PURE__ */ jsx("div", { style: styles2.subtitle, children: periodCaption }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("table", { style: styles2.table, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { style: { ...styles2.th, ...styles2.thConcept }, children: "Concept" }),
+        columns.map((col) => /* @__PURE__ */ jsx("th", { style: { ...styles2.th, ...styles2.thNum }, children: col.label }, col.key))
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => {
+        const isGrandTotal = row.isSubtotal && row.depth === 0;
+        const allZeroOrNull = row.cells.every((c) => c.value === null || c.value === 0);
+        const rowStyle = {
+          backgroundColor: row.isSubtotal ? "var(--rs-subtotal-bg, #f9fafb)" : void 0
+        };
+        const labelStyle = {
+          ...styles2.labelCell,
+          paddingLeft: `${row.depth * 20 + 12}px`,
+          fontWeight: row.isSubtotal ? 600 : 400,
+          color: !row.isSubtotal && allZeroOrNull ? "var(--rs-muted, #9ca3af)" : void 0,
+          borderBottom: isGrandTotal ? "3px double var(--rs-text, #111827)" : void 0
+        };
+        return /* @__PURE__ */ jsxs("tr", { style: rowStyle, children: [
+          /* @__PURE__ */ jsx("td", { style: labelStyle, title: row.element.qname, children: row.element.label }),
+          row.cells.map((cell, i) => {
+            const isSelected = selected !== null && selected.elementId === row.element.id && selected.columnIndex === i;
+            const clickable = onCellClick && cell.fact !== null;
+            const numStyle = {
+              ...styles2.numCell,
+              fontWeight: row.isSubtotal ? 600 : 400,
+              borderBottom: isGrandTotal ? "3px double var(--rs-text, #111827)" : void 0,
+              cursor: clickable ? "pointer" : "default",
+              backgroundColor: isSelected ? "var(--rs-selected-bg, #dbeafe)" : void 0,
+              color: !row.isSubtotal && (cell.value === null || cell.value === 0) ? "var(--rs-muted, #9ca3af)" : void 0
+            };
+            return /* @__PURE__ */ jsx(
+              "td",
+              {
+                style: numStyle,
+                onClick: clickable ? () => onCellClick?.(row, i) : void 0,
+                children: formatMoney(cell.value, { currencySymbol })
+              },
+              columns[i].key
+            );
+          })
+        ] }, row.element.id);
+      }) })
+    ] })
+  ] });
+}
+var styles3 = {
+  layout: {
+    display: "grid",
+    gridTemplateColumns: "minmax(0, 1fr)",
+    gap: "1.5rem",
+    alignItems: "start"
+  },
+  layoutWithPanel: {
+    gridTemplateColumns: "minmax(0, 1fr) 340px"
+  },
+  entity: {
+    fontFamily: "var(--rs-font-heading, var(--rs-font-sans, sans-serif))",
+    textAlign: "center",
+    marginBottom: "1.5rem"
+  },
+  entityName: {
+    fontSize: "1.5rem",
+    fontWeight: 700,
+    margin: 0,
+    color: "var(--rs-text, #111827)"
+  },
+  entitySub: { fontSize: "0.85rem", color: "var(--rs-muted, #6b7280)" },
+  panel: { position: "sticky", top: "1rem" }
+};
+function ReportView({ report, currencySymbol = "$", inspect = true }) {
+  const statements = useMemo(() => buildStatements(report), [report]);
+  const [selection, setSelection] = useState(null);
+  const selected = selection !== null ? statements[selection.statementIndex] : null;
+  const selectedRow = selected?.rows.find((r) => r.element.id === selection?.elementId) ?? null;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    report.entity ? /* @__PURE__ */ jsxs("header", { style: styles3.entity, children: [
+      /* @__PURE__ */ jsx("h2", { style: styles3.entityName, children: report.entity.name }),
+      report.entity.country ? /* @__PURE__ */ jsx("div", { style: styles3.entitySub, children: report.entity.country }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          ...styles3.layout,
+          ...inspect && selectedRow ? styles3.layoutWithPanel : {}
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { children: statements.map((statement, statementIndex) => /* @__PURE__ */ jsx(
+            StatementTable,
+            {
+              statement,
+              currencySymbol,
+              selected: selection && selection.statementIndex === statementIndex ? {
+                elementId: selection.elementId,
+                columnIndex: selection.columnIndex
+              } : null,
+              onCellClick: inspect ? (row, columnIndex) => setSelection({
+                statementIndex,
+                elementId: row.element.id,
+                columnIndex
+              }) : void 0
+            },
+            statement.ib.id
+          )) }),
+          inspect && selected && selectedRow && selection ? /* @__PURE__ */ jsx("div", { style: styles3.panel, children: /* @__PURE__ */ jsx(
+            FactInspector,
+            {
+              report,
+              statement: selected,
+              row: selectedRow,
+              columnIndex: selection.columnIndex,
+              currencySymbol,
+              onClose: () => setSelection(null)
+            }
+          ) }) : null
+        ]
+      }
+    )
+  ] });
+}
+
+export { FactInspector, ReportView, StatementTable, buildStatements, calcSubtotals, footCheck, formatDate, formatMoney, formatPeriod, presentationOrder };
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map