@invana/blocks 0.0.33 → 0.0.35

package/dist/index.cjs

@@ -881,6 +881,21 @@ var toBar = ({ chip, ...bar }) => ({
 });
 var STEP_TICK = (n) => `step ${Math.round(n)}`;
 var STEPS = (n) => Math.round(n) === 1 ? "1 step" : `${Math.round(n)} steps`;
+var lastEnd = (spec) => {
+  const end = (b) => (b.startMs ?? 0) + (b.durationMs ?? 0);
+  const ends = (tasks) => tasks.flatMap((t) => [
+    ...t.startMs != null ? [end(t)] : [],
+    ...(t.attempts ?? []).map(end),
+    ...(t.segments ?? []).map(end),
+    ...ends(t.subtasks ?? [])
+  ]);
+  return Math.max(spec.nowMs ?? 0, ...ends(spec.tasks), ...(spec.seams ?? []).map(end));
+};
+var stepTicks = (span) => {
+  if (span <= 8) return span;
+  for (let n = 8; n > 1; n--) if (span % n === 0) return n;
+  return 1;
+};
 var toRow = ({ open: _open, subtasks, segments, ...task }) => ({
   ...task,
   bars: segments?.map(toBar),
@@ -907,6 +922,10 @@ function GanttBlock({ spec, onAction }) {
     }
   }
   const rows = React18__namespace.useMemo(() => spec.tasks.map(toRow), [spec.tasks]);
+  const seq = spec.scale === "seq";
+  const steps = seq ? spec.spanMs ?? Math.max(Math.ceil(lastEnd(spec)), 1) : void 0;
+  const span = steps ?? spec.spanMs;
+  const ticks = spec.ticks ?? (steps != null ? stepTicks(steps) : void 0);
   const pick = (key) => {
     setSelected(key);
     onAction?.("select", key);
@@ -915,12 +934,12 @@ function GanttBlock({ spec, onAction }) {
     ui.Gantt,
     {
       rows,
-      spanMs: spec.spanMs,
+      spanMs: span,
       nowMs: spec.nowMs,
       openEnded: spec.openEnded,
-      ticks: spec.ticks,
-      formatTick: spec.scale === "seq" ? STEP_TICK : void 0,
-      formatDuration: spec.scale === "seq" ? STEPS : void 0,
+      ticks,
+      formatTick: seq ? STEP_TICK : void 0,
+      formatDuration: seq ? STEPS : void 0,
       labelWidth: spec.labelWidth,
       durationWidth: spec.durationWidth,
       palette: spec.palette,
@@ -1353,7 +1372,6 @@ function ProposalBlock({ spec, onAction }) {
     ui.ProposalCard,
     {
       flush: true,
-      seamless: true,
       title: spec.heading,
       done: spec.done?.label,
       consequence: spec.consequence,
@@ -1602,7 +1620,7 @@ function CellText({ cell }) {
     }
   );
 }
-function TableBlock({ spec, onAction }) {
+function TableBlock({ spec, onAction, seamless }) {
   const truncated = spec.total != null && spec.total > spec.rows.length;
   const highlighted = new Set(spec.highlight?.map((i) => spec.rows[i]));
   const data = spec.totals ? [...spec.rows, spec.totals] : spec.rows;
@@ -1625,7 +1643,8 @@ function TableBlock({ spec, onAction }) {
       columns,
       data,
       density: "compact",
-      seamless: true,
+      bordered: false,
+      seamless,
       enableSorting: false,
       enableColumnVisibility: false,
       minWidth: spec.columns.length > FITS ? spec.columns.length * COLUMN_MIN : void 0,