@bonnard/react 0.1.1 → 0.2.1

package/README.md

@@ -34,9 +34,8 @@ function RevenueByCategory() {
   return (
     <BarChart
       title="Revenue by Category"
-      measures={['revenue']}
-      dimensions={['product_category']}
-      cube="orders"
+      measures={['orders.revenue']}
+      dimensions={['orders.product_category']}
     />
   );
 }
@@ -50,9 +49,8 @@ import { useBonnardQuery } from '@bonnard/react';
 function OrderStats() {
   const { data, loading, error } = useBonnardQuery({
     query: {
-      cube: 'orders',
-      measures: ['revenue', 'count'],
-      dimensions: ['status'],
+      measures: ['orders.revenue', 'orders.count'],
+      dimensions: ['orders.status'],
     },
   });
 
@@ -62,7 +60,7 @@ function OrderStats() {
   return (
     <ul>
       {data?.map((row, i) => (
-        <li key={i}>{row.status}: ${row.revenue}</li>
+        <li key={i}>{row['orders.status']}: ${row['orders.revenue']}</li>
       ))}
     </ul>
   );

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";
@@ -99,8 +99,8 @@ function parseDashboard(markdown) {
 		}
 		try {
 			const options = yaml.parse(node.value);
-			if (!options || !options.cube) {
-				errors.push(`Query "${name}" must specify a cube`);
+			if (!options || !options.measures && !options.dimensions) {
+				errors.push(`Query "${name}" must specify measures or dimensions`);
 				return;
 			}
 			queries.set(name, options);
@@ -360,6 +360,29 @@ function applyDateRange(queryName, options, props, state) {
 	};
 	return options;
 }
+/**
+* Extract the short field name from a potentially qualified name.
+* "sales_invoices.status" → "status", "status" → "status"
+*/
+function shortFieldName(name) {
+	const dot = name.indexOf(".");
+	return dot >= 0 ? name.slice(dot + 1) : name;
+}
+/**
+* Resolve a filter dimension for a target query.
+*
+* The Dropdown `dimension` prop is qualified with the data query's view
+* (e.g. "sales_opportunities.assignee"). When the filter targets a query
+* from a different view, we re-qualify the dimension with that view's prefix.
+*/
+function resolveFilterDimension(dimension, targetQuery) {
+	const field = shortFieldName(dimension);
+	const allFields = [...targetQuery.measures || [], ...targetQuery.dimensions || []];
+	if (allFields.length === 0) return dimension;
+	const firstDot = allFields[0].indexOf(".");
+	if (firstDot < 0) return dimension;
+	return `${allFields[0].slice(0, firstDot)}.${field}`;
+}
 function applyDropdown(queryName, options, props, state) {
 	const dimension = props.dimension;
 	if (!dimension) return options;
@@ -368,21 +391,23 @@ function applyDropdown(queryName, options, props, state) {
 	const dataQuery = props.data;
 	if (dataQuery && dataQuery === queryName) return options;
 	if (!targets.includes(queryName)) return options;
+	const resolved = resolveFilterDimension(dimension, options);
+	const field = shortFieldName(dimension);
 	if (state === null || state === "") {
 		if (options.filters) {
-			options.filters = options.filters.filter((f) => f.dimension !== dimension);
+			options.filters = options.filters.filter((f) => shortFieldName(f.dimension) !== field);
 			if (options.filters.length === 0) delete options.filters;
 		}
 		return options;
 	}
 	const newFilter = {
-		dimension,
+		dimension: resolved,
 		operator: "equals",
 		values: [state]
 	};
 	if (!options.filters) options.filters = [newFilter];
 	else {
-		const idx = options.filters.findIndex((f) => f.dimension === dimension);
+		const idx = options.filters.findIndex((f) => shortFieldName(f.dimension) === field);
 		if (idx >= 0) options.filters[idx] = newFilter;
 		else options.filters.push(newFilter);
 	}
@@ -773,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/apply-inputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-inputs.d.ts","sourceRoot":"","sources":["../../src/lib/apply-inputs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAU,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG7D,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;AAE9E;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,YAAY,EACzB,SAAS,EAAE,YAAY,EAAE,EACzB,WAAW,EAAE,WAAW,GACvB,YAAY,CAmBd;AA6ED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,WAAW,CAkB3E"}
+{"version":3,"file":"apply-inputs.d.ts","sourceRoot":"","sources":["../../src/lib/apply-inputs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAU,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG7D,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;AAE9E;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,YAAY,EACzB,SAAS,EAAE,YAAY,EAAE,EACzB,WAAW,EAAE,WAAW,GACvB,YAAY,CAmBd;AAiHD;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,WAAW,CAkB3E"}

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.1.1",
+  "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"