@bonnard/react 0.2.0 → 0.2.1

package/dist/dashboard.js

@@ -1,4 +1,4 @@
-import { a as BarChart, i as LineChart, n as PieChart, o as BigValue, r as AreaChart, t as DataTable, u as useBonnard } from "./data-table-DQKxzbS3.js";
+import { a as BarChart, i as LineChart, n as PieChart, o as BigValue, r as AreaChart, t as DataTable, u as useBonnard } from "./data-table-C3K4rPh2.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import DOMPurify from "isomorphic-dompurify";
 import matter from "gray-matter";
@@ -798,10 +798,21 @@ function SectionRenderer({ section, queryStates }) {
 			queryStates
 		}, i))
 	});
-	return /* @__PURE__ */ jsx(ComponentRenderer, {
+	const isBigValue = section.component.type === "BigValue";
+	const inner = /* @__PURE__ */ jsx(ComponentRenderer, {
 		component: section.component,
 		queryStates
 	});
+	if (isBigValue) return inner;
+	return /* @__PURE__ */ jsx("div", {
+		style: {
+			borderRadius: "var(--bon-radius, 8px)",
+			border: "1px solid var(--bon-border, rgba(128,128,128,0.2))",
+			backgroundColor: "var(--bon-card-bg, transparent)",
+			padding: 16
+		},
+		children: inner
+	});
 }
 function ComponentRenderer({ component, queryStates }) {
 	const { type, props } = component;

package/dist/{data-table-DQKxzbS3.js → data-table-C3K4rPh2.js}

@@ -328,6 +328,12 @@ function buildSeries(data, x, y, series) {
 		labels: [],
 		datasets: []
 	};
+	const firstX = String(data[0][x] ?? "");
+	if (/^\d{4}-\d{2}-\d{2}/.test(firstX)) data = [...data].sort((a, b) => {
+		const aVal = String(a[x] ?? "");
+		const bVal = String(b[x] ?? "");
+		return aVal.localeCompare(bVal);
+	});
 	const yColumns = y.split(",").map((col) => col.trim()).filter(Boolean);
 	if (!series) return {
 		labels: data.map((row) => String(row[x] ?? "")),

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as BarChart, c as PALETTES, i as LineChart, l as BonnardContext, n as PieChart, o as BigValue, r as AreaChart, s as CHART_COLORS, t as DataTable, u as useBonnard } from "./data-table-DQKxzbS3.js";
+import { a as BarChart, c as PALETTES, i as LineChart, l as BonnardContext, n as PieChart, o as BigValue, r as AreaChart, s as CHART_COLORS, t as DataTable, u as useBonnard } from "./data-table-C3K4rPh2.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { createClient } from "@bonnard/sdk";

package/dist/lib/build-series.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build-series.d.ts","sourceRoot":"","sources":["../../src/lib/build-series.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,aAAa;IAC5B,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,6BAA6B;IAC7B,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,MAAM,CAAC,EAAE,MAAM,GACd,iBAAiB,CAmEnB"}
+{"version":3,"file":"build-series.d.ts","sourceRoot":"","sources":["../../src/lib/build-series.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,aAAa;IAC5B,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,6BAA6B;IAC7B,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC/B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,MAAM,CAAC,EAAE,MAAM,GACd,iBAAiB,CA+EnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonnard/react",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Bonnard embedded analytics — React charts, dashboards, and hooks",
   "repository": {
     "type": "git",
@@ -47,7 +47,7 @@
     "isomorphic-dompurify": "^2.0.0"
   },
   "devDependencies": {
-    "@bonnard/sdk": "^0.2.0",
+    "@bonnard/sdk": "^0.3.0",
     "@types/react": "^19.0.0",
     "tsdown": "^0.12.5",
     "typescript": "^5.5.0"