@aiaiai-pt/design-system 0.39.0 → 0.41.0

package/components/EChart.svelte

@@ -243,7 +243,7 @@
       <thead>
         <tr>
           <th scope="col">{labelHeader}</th>
-          {#each chartData.series as s (s.name)}
+          {#each chartData.series as s, si (si)}
             <th scope="col">{s.name}</th>
           {/each}
         </tr>
@@ -252,7 +252,7 @@
         {#each chartData.category as cat, r (cat + r)}
           <tr>
             <th scope="row">{cat}</th>
-            {#each chartData.series as s (s.name)}
+            {#each chartData.series as s, si (si)}
               <td>{fmt(s.data[r] ?? 0)}</td>
             {/each}
           </tr>

package/components/ResultsChart.svelte

@@ -115,7 +115,7 @@
       <thead>
         <tr>
           <th scope="col">{labelHeader}</th>
-          {#each chartData.series as s (s.name)}
+          {#each chartData.series as s, si (si)}
             <th scope="col">{s.name}</th>
           {/each}
         </tr>
@@ -124,7 +124,7 @@
         {#each chartData.category as cat, r (cat + r)}
           <tr>
             <th scope="row">{cat}</th>
-            {#each chartData.series as s (s.name)}
+            {#each chartData.series as s, si (si)}
               <td>{fmt(s.data[r] ?? 0)}</td>
             {/each}
           </tr>

package/components/renderer/registry.ts

@@ -22,9 +22,7 @@ import {
 } from "./dispatch";
 import type { Block, OntologySchema, WidgetKind, WidgetProps } from "./types";
 
-import DonutChartWidget from "./DonutChartWidget.svelte";
 import EChartWidget from "./EChartWidget.svelte";
-import LineChartWidget from "./LineChartWidget.svelte";
 import ResultsChartWidget from "./ResultsChartWidget.svelte";
 import StatGridWidget from "./StatGridWidget.svelte";
 
@@ -67,15 +65,16 @@ export function byKind(
  * appended in call order. Exported (readonly view) for introspection / testing.
  */
 const _entries: RegistryEntry<WidgetComponent>[] = [
-  // DS base: the two clean widgets shipped by this package.
+  // DS base: the clean widgets shipped by this package.
   byKind("stat-grid", "kpi", StatGridWidget),
   byTypeOnKind("results-chart", "aggregate", ResultsChartWidget),
+  // #176 follow-on — ONE ECharts widget renders any chart spec (supersedes ADR
+  // 0003 #4). The per-kind `line-chart` / `donut-chart` keys were a stopgap;
+  // in the declarative model the kind is PER-SERIES (a series carries its own
+  // bar/line/area/scatter/pie type), so EChartWidget renders every shape and
+  // the kind-specific registry keys + wrapper components are retired.
+  // `results-chart` stays as the SSR / no-JS a11y fallback key.
   byTypeOnKind("chart", "aggregate", EChartWidget),
-  // #176 Tier 1 — chart KINDS as registry entries, so the authoring `type`
-  // picker is a real chart picker. All three ECharts kinds share the same
-  // aggregate data path + a11y data table; only the rendered geometry differs.
-  byTypeOnKind("line-chart", "aggregate", LineChartWidget),
-  byTypeOnKind("donut-chart", "aggregate", DonutChartWidget),
 ];
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiaiai-pt/design-system",
-  "version": "0.39.0",
+  "version": "0.41.0",
   "description": "Design system tokens and Svelte components for aiaiai products",
   "license": "MIT",
   "type": "module",
@@ -75,6 +75,7 @@
     "@sveltejs/package": "^2.5.7",
     "date-fns": "^4.1.0",
     "echarts": "^5.6.0",
+    "jsdom": "^29.1.1",
     "ol": "^10.8.0",
     "svelte": "^5.55.3",
     "svelte-check": "^4.4.6",

package/components/renderer/DonutChartWidget.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import EChartWidget from "./EChartWidget.svelte";
-  import type { WidgetProps } from "./types";
-
-  // `donut-chart` registry key (#176 Tier 1). Thin wrapper binding the ECharts
-  // `kind` to a ring pie — the registry maps this key here. Same aggregate data
-  // path + a11y data table as the bar/line.
-  let p: WidgetProps = $props();
-</script>
-
-<EChartWidget {...p} kind="donut" />

package/components/renderer/DonutChartWidget.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { WidgetProps } from "./types";
-declare const DonutChartWidget: import("svelte").Component<WidgetProps, {}, "">;
-type DonutChartWidget = ReturnType<typeof DonutChartWidget>;
-export default DonutChartWidget;

package/components/renderer/LineChartWidget.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-  import EChartWidget from "./EChartWidget.svelte";
-  import type { WidgetProps } from "./types";
-
-  // `line-chart` registry key (#176 Tier 1). Thin wrapper that binds the ECharts
-  // `kind` the dispatcher can't pass — the registry maps this key to this
-  // component, which renders the shared EChart widget as a line. Same aggregate
-  // data path + a11y data table as the bar.
-  let p: WidgetProps = $props();
-</script>
-
-<EChartWidget {...p} kind="line" />

package/components/renderer/LineChartWidget.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { WidgetProps } from "./types";
-declare const LineChartWidget: import("svelte").Component<WidgetProps, {}, "">;
-type LineChartWidget = ReturnType<typeof LineChartWidget>;
-export default LineChartWidget;