@databricks/appkit-ui 0.0.2

package/dist/react/charts/create-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-chart.js","names":[],"sources":["../../../src/react/charts/create-chart.tsx"],"sourcesContent":["import { BaseChart } from \"./base\";\nimport type { ChartType, UnifiedChartProps } from \"./types\";\nimport { ChartWrapper } from \"./wrapper\";\n\n/**\n * Factory function to create chart components.\n * Eliminates boilerplate by generating components with the same pattern.\n *\n * @param chartType - The ECharts chart type\n * @param displayName - Component display name for React DevTools\n * @returns A typed chart component\n *\n * @example\n * ```tsx\n * export const BarChart = createChart<BarChartProps>(\"bar\", \"BarChart\");\n * export const LineChart = createChart<LineChartProps>(\"line\", \"LineChart\");\n * ```\n */\nexport function createChart<TProps extends UnifiedChartProps>(\n  chartType: ChartType,\n  displayName: string,\n) {\n  const Component = (props: TProps) => {\n    const {\n      // Query props\n      queryKey,\n      parameters,\n      format,\n      transformer,\n      // Data props\n      data,\n      // Common props\n      height = 300,\n      className,\n      ariaLabel,\n      testId,\n      // All remaining props pass through to BaseChart\n      ...chartProps\n    } = props as TProps & {\n      queryKey?: string;\n      parameters?: Record<string, unknown>;\n      format?: string;\n      transformer?: unknown;\n      data?: unknown;\n      height?: number;\n      className?: string;\n      ariaLabel?: string;\n      testId?: string;\n    };\n\n    const wrapperProps =\n      data !== undefined\n        ? { data, height, className, ariaLabel, testId }\n        : {\n            queryKey: queryKey as string,\n            parameters,\n            format,\n            transformer,\n            height,\n            className,\n            ariaLabel,\n            testId: testId ?? `${chartType}-chart-${queryKey}`,\n          };\n\n    return (\n      <ChartWrapper {...wrapperProps}>\n        {(chartData) => (\n          <BaseChart\n            data={chartData}\n            chartType={chartType}\n            height={height}\n            className={className}\n            {...chartProps}\n          />\n        )}\n      </ChartWrapper>\n    );\n  };\n\n  Component.displayName = displayName;\n  return Component;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,SAAgB,YACd,WACA,aACA;CACA,MAAM,aAAa,UAAkB;EACnC,MAAM,EAEJ,UACA,YACA,QACA,aAEA,MAEA,SAAS,KACT,WACA,WACA,QAEA,GAAG,eACD;AA0BJ,SACE,oBAAC;GAAa,GAdd,SAAS,SACL;IAAE;IAAM;IAAQ;IAAW;IAAW;IAAQ,GAC9C;IACY;IACV;IACA;IACA;IACA;IACA;IACA;IACA,QAAQ,UAAU,GAAG,UAAU,SAAS;IACzC;cAID,cACA,oBAAC;IACC,MAAM;IACK;IACH;IACG;IACX,GAAI;KACJ;IAES;;AAInB,WAAU,cAAc;AACxB,QAAO"}

package/dist/react/charts/empty.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react/charts/empty.tsx
+function EmptyState() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full p-8 text-center",
+		children: /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-muted-foreground",
+			children: "No data available"
+		})
+	});
+}
+
+//#endregion
+export { EmptyState };
+//# sourceMappingURL=empty.js.map

package/dist/react/charts/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../../../src/react/charts/empty.tsx"],"sourcesContent":["export function EmptyState() {\n  return (\n    <div className=\"w-full p-8 text-center\">\n      <p className=\"text-sm text-muted-foreground\">No data available</p>\n    </div>\n  );\n}\n"],"mappings":";;;AAAA,SAAgB,aAAa;AAC3B,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAE,WAAU;aAAgC;IAAqB;GAC9D"}

package/dist/react/charts/error.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/react/charts/error.tsx
+function ErrorState({ error }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full p-8 text-center",
+		children: /* @__PURE__ */ jsxs("p", {
+			className: "text-sm text-destructive",
+			children: ["Error loading chart: ", error]
+		})
+	});
+}
+
+//#endregion
+export { ErrorState };
+//# sourceMappingURL=error.js.map

package/dist/react/charts/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","names":[],"sources":["../../../src/react/charts/error.tsx"],"sourcesContent":["export function ErrorState({ error }: { error: string }) {\n  return (\n    <div className=\"w-full p-8 text-center\">\n      <p className=\"text-sm text-destructive\">Error loading chart: {error}</p>\n    </div>\n  );\n}\n"],"mappings":";;;AAAA,SAAgB,WAAW,EAAE,SAA4B;AACvD,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC;GAAE,WAAU;cAA2B,yBAAsB;IAAU;GACpE"}

package/dist/react/charts/heatmap/index.d.ts

@@ -0,0 +1,42 @@
+import { HeatmapChartProps } from "../types.js";
+import * as react_jsx_runtime276 from "react/jsx-runtime";
+
+//#region src/react/charts/heatmap/index.d.ts
+
+/**
+ * Heatmap Chart component.
+ * Supports both JSON and Arrow data formats with automatic format selection.
+ *
+ * Data should be in "long format" with three fields:
+ * - xKey: X-axis category (columns)
+ * - yAxisKey: Y-axis category (rows)
+ * - yKey: The numeric value for each cell
+ *
+ * @example Simple usage
+ * ```tsx
+ * <HeatmapChart
+ *   queryKey="activity_matrix"
+ *   xKey="day"
+ *   yAxisKey="hour"
+ *   yKey="count"
+ * />
+ * ```
+ *
+ * @example With custom color scale
+ * ```tsx
+ * <HeatmapChart
+ *   queryKey="correlation_matrix"
+ *   min={-1}
+ *   max={1}
+ *   showLabels={true}
+ *   colorPalette="diverging"
+ * />
+ * ```
+ */
+declare const HeatmapChart: {
+  (props: HeatmapChartProps): react_jsx_runtime276.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { HeatmapChart };
+//# sourceMappingURL=index.d.ts.map

package/dist/react/charts/heatmap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/react/charts/heatmap/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAiCA;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAa"}

package/dist/react/charts/heatmap/index.js

@@ -0,0 +1,38 @@
+import { createChart } from "../create-chart.js";
+
+//#region src/react/charts/heatmap/index.tsx
+/**
+* Heatmap Chart component.
+* Supports both JSON and Arrow data formats with automatic format selection.
+*
+* Data should be in "long format" with three fields:
+* - xKey: X-axis category (columns)
+* - yAxisKey: Y-axis category (rows)
+* - yKey: The numeric value for each cell
+*
+* @example Simple usage
+* ```tsx
+* <HeatmapChart
+*   queryKey="activity_matrix"
+*   xKey="day"
+*   yAxisKey="hour"
+*   yKey="count"
+* />
+* ```
+*
+* @example With custom color scale
+* ```tsx
+* <HeatmapChart
+*   queryKey="correlation_matrix"
+*   min={-1}
+*   max={1}
+*   showLabels={true}
+*   colorPalette="diverging"
+* />
+* ```
+*/
+const HeatmapChart = createChart("heatmap", "HeatmapChart");
+
+//#endregion
+export { HeatmapChart };
+//# sourceMappingURL=index.js.map

package/dist/react/charts/heatmap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/react/charts/heatmap/index.tsx"],"sourcesContent":["import { createChart } from \"../create-chart\";\nimport type { HeatmapChartProps } from \"../types\";\n\n/**\n * Heatmap Chart component.\n * Supports both JSON and Arrow data formats with automatic format selection.\n *\n * Data should be in \"long format\" with three fields:\n * - xKey: X-axis category (columns)\n * - yAxisKey: Y-axis category (rows)\n * - yKey: The numeric value for each cell\n *\n * @example Simple usage\n * ```tsx\n * <HeatmapChart\n *   queryKey=\"activity_matrix\"\n *   xKey=\"day\"\n *   yAxisKey=\"hour\"\n *   yKey=\"count\"\n * />\n * ```\n *\n * @example With custom color scale\n * ```tsx\n * <HeatmapChart\n *   queryKey=\"correlation_matrix\"\n *   min={-1}\n *   max={1}\n *   showLabels={true}\n *   colorPalette=\"diverging\"\n * />\n * ```\n */\nexport const HeatmapChart = createChart<HeatmapChartProps>(\n  \"heatmap\",\n  \"HeatmapChart\",\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,eAAe,YAC1B,WACA,eACD"}

package/dist/react/charts/index.js

@@ -0,0 +1,18 @@
+import { DATE_FIELD_PATTERNS, METADATA_DATE_PATTERNS, NAME_FIELD_PATTERNS } from "../../js/constants.js";
+import { CHART_COLOR_VARS, CHART_COLOR_VARS_CATEGORICAL, CHART_COLOR_VARS_DIVERGING, CHART_COLOR_VARS_SEQUENTIAL, FALLBACK_COLORS, FALLBACK_COLORS_CATEGORICAL, FALLBACK_COLORS_DIVERGING, FALLBACK_COLORS_SEQUENTIAL } from "./constants.js";
+import { isArrowTable, isDataProps, isQueryProps } from "./types.js";
+import { createTimeSeriesData, formatLabel, sortTimeSeriesAscending, toChartArray, toChartValue, truncateLabel } from "./utils.js";
+import { normalizeChartData, normalizeHeatmapData } from "./normalize.js";
+import { buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption } from "./options.js";
+import { useAllThemeColors, useThemeColors } from "./theme.js";
+import { BaseChart } from "./base.js";
+import { useChartData } from "../hooks/use-chart-data.js";
+import { ChartWrapper } from "./wrapper.js";
+import { createChart } from "./create-chart.js";
+import { AreaChart } from "./area/index.js";
+import { BarChart } from "./bar/index.js";
+import { HeatmapChart } from "./heatmap/index.js";
+import { LineChart } from "./line/index.js";
+import { DonutChart, PieChart } from "./pie/index.js";
+import { RadarChart } from "./radar/index.js";
+import { ScatterChart } from "./scatter/index.js";

package/dist/react/charts/line/index.d.ts

@@ -0,0 +1,34 @@
+import { LineChartProps } from "../types.js";
+import * as react_jsx_runtime277 from "react/jsx-runtime";
+
+//#region src/react/charts/line/index.d.ts
+
+/**
+ * Line Chart component.
+ * Supports both JSON and Arrow data formats with automatic format selection.
+ *
+ * @example Simple usage
+ * ```tsx
+ * <LineChart
+ *   queryKey="revenue_over_time"
+ *   parameters={{ period: "monthly" }}
+ * />
+ * ```
+ *
+ * @example With custom styling
+ * ```tsx
+ * <LineChart
+ *   queryKey="trends"
+ *   parameters={{ metric: "users" }}
+ *   smooth={false}
+ *   showSymbol={true}
+ * />
+ * ```
+ */
+declare const LineChart: {
+  (props: LineChartProps): react_jsx_runtime277.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { LineChart };
+//# sourceMappingURL=index.d.ts.map

package/dist/react/charts/line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../../src/react/charts/line/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAyBA;;;;;;;;;;;;;;;;;;;cAAa"}

package/dist/react/charts/line/index.js

@@ -0,0 +1,30 @@
+import { createChart } from "../create-chart.js";
+
+//#region src/react/charts/line/index.tsx
+/**
+* Line Chart component.
+* Supports both JSON and Arrow data formats with automatic format selection.
+*
+* @example Simple usage
+* ```tsx
+* <LineChart
+*   queryKey="revenue_over_time"
+*   parameters={{ period: "monthly" }}
+* />
+* ```
+*
+* @example With custom styling
+* ```tsx
+* <LineChart
+*   queryKey="trends"
+*   parameters={{ metric: "users" }}
+*   smooth={false}
+*   showSymbol={true}
+* />
+* ```
+*/
+const LineChart = createChart("line", "LineChart");
+
+//#endregion
+export { LineChart };
+//# sourceMappingURL=index.js.map

package/dist/react/charts/line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/react/charts/line/index.tsx"],"sourcesContent":["import { createChart } from \"../create-chart\";\nimport type { LineChartProps } from \"../types\";\n\n/**\n * Line Chart component.\n * Supports both JSON and Arrow data formats with automatic format selection.\n *\n * @example Simple usage\n * ```tsx\n * <LineChart\n *   queryKey=\"revenue_over_time\"\n *   parameters={{ period: \"monthly\" }}\n * />\n * ```\n *\n * @example With custom styling\n * ```tsx\n * <LineChart\n *   queryKey=\"trends\"\n *   parameters={{ metric: \"users\" }}\n *   smooth={false}\n *   showSymbol={true}\n * />\n * ```\n */\nexport const LineChart = createChart<LineChartProps>(\"line\", \"LineChart\");\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,YAAY,YAA4B,QAAQ,YAAY"}

package/dist/react/charts/loading.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react/charts/loading.tsx
+function LoadingSkeleton({ height = 300 }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full animate-pulse bg-muted rounded",
+		style: { height }
+	});
+}
+
+//#endregion
+export { LoadingSkeleton };
+//# sourceMappingURL=loading.js.map

package/dist/react/charts/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.js","names":[],"sources":["../../../src/react/charts/loading.tsx"],"sourcesContent":["export function LoadingSkeleton({\n  height = 300,\n}: {\n  height?: number | string;\n}) {\n  return (\n    <div className=\"w-full animate-pulse bg-muted rounded\" style={{ height }} />\n  );\n}\n"],"mappings":";;;AAAA,SAAgB,gBAAgB,EAC9B,SAAS,OAGR;AACD,QACE,oBAAC;EAAI,WAAU;EAAwC,OAAO,EAAE,QAAQ;GAAI"}

package/dist/react/charts/normalize.d.ts

@@ -0,0 +1,37 @@
+import { ChartData, NormalizedChartData, NormalizedChartDataBase, Orientation } from "./types.js";
+
+//#region src/react/charts/normalize.d.ts
+
+/**
+ * Normalizes chart data from either Arrow or JSON format.
+ * Converts BigInt and Date values to chart-compatible types.
+ */
+declare function normalizeChartData(data: ChartData, xKey?: string, yKey?: string | string[], orientation?: Orientation): NormalizedChartData;
+/**
+ * Normalized data for heatmap charts.
+ * Extends base (not NormalizedChartData) because heatmaps don't use yDataMap.
+ * Instead, they use heatmapData which contains [xIndex, yIndex, value] tuples.
+ */
+interface NormalizedHeatmapData extends NormalizedChartDataBase {
+  /** Y-axis categories (rows) */
+  yAxisData: (string | number)[];
+  /** Heatmap data as [xIndex, yIndex, value] tuples */
+  heatmapData: [number, number, number][];
+  /** Min value in the data */
+  min: number;
+  /** Max value in the data */
+  max: number;
+}
+/**
+ * Normalizes data specifically for heatmap charts.
+ * Expects data in format: { xKey: string, yAxisKey: string, valueKey: number }
+ *
+ * @param data - Raw data (Arrow Table or JSON array)
+ * @param xKey - Field key for X-axis (columns)
+ * @param yAxisKey - Field key for Y-axis (rows)
+ * @param valueKey - Field key for the cell values
+ */
+declare function normalizeHeatmapData(data: ChartData, xKey?: string, yAxisKey?: string, valueKey?: string | string[]): NormalizedHeatmapData;
+//#endregion
+export { NormalizedHeatmapData, normalizeChartData, normalizeHeatmapData };
+//# sourceMappingURL=normalize.d.ts.map

package/dist/react/charts/normalize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","names":[],"sources":["../../../src/react/charts/normalize.ts"],"sourcesContent":[],"mappings":";;;;;;AAuNA;;AACQ,iBADQ,kBAAA,CACR,IAAA,EAAA,SAAA,EAAA,IAAA,CAAA,EAAA,MAAA,EAAA,IAAA,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA,EAAA,WAAA,CAAA,EAGQ,WAHR,CAAA,EAIL,mBAJK;;;;AAyFR;AAoBA;AAAoC,UApBnB,qBAAA,SAA8B,uBAoBX,CAAA;;WAKjC,EAAA,CAAA,MAAA,GAAA,MAAA,CAAA,EAAA;EAAqB;;;;;;;;;;;;;;;;iBALR,oBAAA,OACR,4EAIL"}

package/dist/react/charts/normalize.js

@@ -0,0 +1,256 @@
+import { DATE_FIELD_PATTERNS, NAME_FIELD_PATTERNS } from "../../js/constants.js";
+import { ArrowClient } from "../../js/arrow/arrow-client.js";
+import "../../js/index.js";
+import { isArrowTable } from "./types.js";
+import { sortTimeSeriesAscending, toChartArray } from "./utils.js";
+
+//#region src/react/charts/normalize.ts
+/**
+* Checks if a value looks like an ISO date string
+*/
+function isDateString(value) {
+	if (typeof value !== "string") return false;
+	return /^\d{4}-\d{2}-\d{2}(T|$)/.test(value);
+}
+/**
+* Checks if a value is numeric (number or numeric string)
+*/
+function isNumericValue(value) {
+	if (typeof value === "number") return true;
+	if (typeof value === "bigint") return true;
+	if (typeof value === "string") {
+		const trimmed = value.trim();
+		if (trimmed === "" || isDateString(trimmed)) return false;
+		const parsed = Number(trimmed);
+		return !Number.isNaN(parsed) && Number.isFinite(parsed);
+	}
+	return false;
+}
+/**
+* Checks if a value looks like a category/label (non-numeric string)
+*/
+function isCategoryValue(value) {
+	if (typeof value !== "string") return false;
+	const trimmed = value.trim();
+	if (trimmed === "") return false;
+	if (/^\d{4}-\d{2}-\d{2}/.test(trimmed)) return false;
+	const parsed = Number(trimmed);
+	return Number.isNaN(parsed) || !Number.isFinite(parsed);
+}
+/**
+* Detects fields from JSON data for charting
+*/
+function detectFieldsFromJson(data, orientation) {
+	if (!data || data.length === 0) return {
+		xField: "x",
+		yFields: ["y"],
+		chartType: "categorical"
+	};
+	const firstRow = data[0];
+	const keys = Object.keys(firstRow);
+	const dateFields = keys.filter((key) => {
+		const value = firstRow[key];
+		const keyMatchesDatePattern = DATE_FIELD_PATTERNS.some((p) => key.toLowerCase().includes(p));
+		const valueIsDateString = isDateString(value);
+		return keyMatchesDatePattern || valueIsDateString;
+	});
+	let nameFields = keys.filter((key) => {
+		const value = firstRow[key];
+		return isCategoryValue(value) && !isDateString(value) && NAME_FIELD_PATTERNS.some((p) => key.toLowerCase().includes(p));
+	});
+	if (nameFields.length === 0) nameFields = keys.filter((key) => {
+		const value = firstRow[key];
+		return isCategoryValue(value) && !isDateString(value) && !dateFields.includes(key) && !key.toLowerCase().endsWith("_id");
+	});
+	const numericFields = keys.filter((key) => {
+		const value = firstRow[key];
+		return isNumericValue(value) && !dateFields.includes(key);
+	});
+	if (orientation === "horizontal" || nameFields.length > 0 && dateFields.length === 0) {
+		const xField$1 = nameFields[0] || dateFields[0] || keys[0];
+		return {
+			xField: xField$1,
+			yFields: numericFields.length > 0 ? numericFields : keys.filter((k) => k !== xField$1),
+			chartType: "categorical"
+		};
+	}
+	const xField = dateFields[0] || nameFields[0] || keys[0];
+	return {
+		xField,
+		yFields: numericFields.length > 0 ? numericFields : keys.filter((k) => k !== xField),
+		chartType: dateFields.length > 0 ? "timeseries" : "categorical"
+	};
+}
+/**
+* Converts a JSON value to a chart-compatible value.
+*/
+function jsonValueToChartValue(value, isYValue, isDateField) {
+	if (value === null || value === void 0) return isYValue ? 0 : "";
+	if (typeof value === "number") return value;
+	if (typeof value === "bigint") return Number(value);
+	if (typeof value === "string") {
+		if (isDateField && isDateString(value)) {
+			const timestamp = new Date(value).getTime();
+			if (!Number.isNaN(timestamp)) return timestamp;
+		}
+		if (isYValue) {
+			const trimmed = value.trim();
+			const parsed = Number(trimmed);
+			if (!Number.isNaN(parsed) && Number.isFinite(parsed)) return parsed;
+		}
+		return value;
+	}
+	return String(value);
+}
+/**
+* Extracts chart data from JSON array
+*/
+function extractFromJson(data, xField, yFields) {
+	const xData = [];
+	const yDataMap = {};
+	for (const field of yFields) yDataMap[field] = [];
+	const xIsDateField = data.length > 0 && isDateString(data[0][xField]);
+	for (const row of data) {
+		xData.push(jsonValueToChartValue(row[xField], false, xIsDateField));
+		for (const field of yFields) yDataMap[field].push(jsonValueToChartValue(row[field], true, false));
+	}
+	return {
+		xData,
+		yDataMap
+	};
+}
+/**
+* Normalizes chart data from either Arrow or JSON format.
+* Converts BigInt and Date values to chart-compatible types.
+*/
+function normalizeChartData(data, xKey, yKey, orientation) {
+	if (isArrowTable(data)) {
+		const table = data;
+		const detected$1 = ArrowClient.detectFieldsFromArrow(table, orientation);
+		const resolvedXKey$1 = xKey ?? detected$1.xField;
+		const resolvedYKeys$1 = yKey ? Array.isArray(yKey) ? yKey : [yKey] : detected$1.yFields;
+		const { xData: rawXData$1, yDataMap: rawYDataMap$1 } = ArrowClient.extractChartData(table, resolvedXKey$1, resolvedYKeys$1);
+		let xData$1 = toChartArray(rawXData$1);
+		let yDataMap$1 = {};
+		for (const key of resolvedYKeys$1) yDataMap$1[key] = toChartArray(rawYDataMap$1[key] ?? []);
+		if (detected$1.chartType === "timeseries") ({xData: xData$1, yDataMap: yDataMap$1} = sortTimeSeriesAscending(xData$1, yDataMap$1, resolvedYKeys$1));
+		return {
+			xData: xData$1,
+			yDataMap: yDataMap$1,
+			xField: resolvedXKey$1,
+			yFields: resolvedYKeys$1,
+			chartType: detected$1.chartType
+		};
+	}
+	const jsonData = data;
+	const detected = detectFieldsFromJson(jsonData, orientation);
+	const resolvedXKey = xKey ?? detected.xField;
+	const resolvedYKeys = yKey ? Array.isArray(yKey) ? yKey : [yKey] : detected.yFields;
+	const { xData: rawXData, yDataMap: rawYDataMap } = extractFromJson(jsonData, resolvedXKey, resolvedYKeys);
+	let xData = toChartArray(rawXData);
+	let yDataMap = {};
+	for (const key of resolvedYKeys) yDataMap[key] = toChartArray(rawYDataMap[key] ?? []);
+	if (detected.chartType === "timeseries") ({xData, yDataMap} = sortTimeSeriesAscending(xData, yDataMap, resolvedYKeys));
+	return {
+		xData,
+		yDataMap,
+		xField: resolvedXKey,
+		yFields: resolvedYKeys,
+		chartType: detected.chartType
+	};
+}
+/**
+* Normalizes data specifically for heatmap charts.
+* Expects data in format: { xKey: string, yAxisKey: string, valueKey: number }
+*
+* @param data - Raw data (Arrow Table or JSON array)
+* @param xKey - Field key for X-axis (columns)
+* @param yAxisKey - Field key for Y-axis (rows)
+* @param valueKey - Field key for the cell values
+*/
+function normalizeHeatmapData(data, xKey, yAxisKey, valueKey) {
+	const jsonData = isArrowTable(data) ? extractJsonFromArrow(data) : data;
+	if (jsonData.length === 0) return {
+		xData: [],
+		xField: xKey ?? "x",
+		yFields: [],
+		chartType: "categorical",
+		yAxisData: [],
+		heatmapData: [],
+		min: 0,
+		max: 0
+	};
+	const keys = Object.keys(jsonData[0]);
+	const resolvedXKey = xKey ?? keys[0];
+	const resolvedYAxisKey = yAxisKey ?? keys[1];
+	const resolvedValueKey = valueKey ? Array.isArray(valueKey) ? valueKey[0] : valueKey : keys[2];
+	const xSet = /* @__PURE__ */ new Set();
+	const ySet = /* @__PURE__ */ new Set();
+	for (const row of jsonData) {
+		const xVal = jsonValueToChartValue(row[resolvedXKey], false, false);
+		const yVal = jsonValueToChartValue(row[resolvedYAxisKey], false, false);
+		xSet.add(xVal);
+		ySet.add(yVal);
+	}
+	const xData = Array.from(xSet);
+	const yAxisData = Array.from(ySet);
+	const xIndexMap = /* @__PURE__ */ new Map();
+	const yIndexMap = /* @__PURE__ */ new Map();
+	xData.forEach((v, i) => {
+		xIndexMap.set(v, i);
+	});
+	yAxisData.forEach((v, i) => {
+		yIndexMap.set(v, i);
+	});
+	const heatmapData = [];
+	let min = Number.POSITIVE_INFINITY;
+	let max = Number.NEGATIVE_INFINITY;
+	for (const row of jsonData) {
+		const xVal = jsonValueToChartValue(row[resolvedXKey], false, false);
+		const yVal = jsonValueToChartValue(row[resolvedYAxisKey], false, false);
+		const value = jsonValueToChartValue(row[resolvedValueKey], true, false);
+		const xIdx = xIndexMap.get(xVal);
+		const yIdx = yIndexMap.get(yVal);
+		const numValue = typeof value === "number" ? value : 0;
+		if (xIdx !== void 0 && yIdx !== void 0) {
+			heatmapData.push([
+				xIdx,
+				yIdx,
+				numValue
+			]);
+			min = Math.min(min, numValue);
+			max = Math.max(max, numValue);
+		}
+	}
+	if (heatmapData.length === 0) {
+		min = 0;
+		max = 0;
+	}
+	return {
+		xData,
+		xField: resolvedXKey,
+		yFields: [resolvedValueKey],
+		chartType: "categorical",
+		yAxisData,
+		heatmapData,
+		min,
+		max
+	};
+}
+/**
+* Helper to extract JSON array from Arrow table for heatmap processing.
+*/
+function extractJsonFromArrow(table) {
+	const result = [];
+	const fields = table.schema.fields.map((f) => f.name);
+	for (let i = 0; i < table.numRows; i++) {
+		const row = {};
+		for (const field of fields) row[field] = table.getChild(field)?.get(i);
+		result.push(row);
+	}
+	return result;
+}
+
+//#endregion
+export { normalizeChartData, normalizeHeatmapData };
+//# sourceMappingURL=normalize.js.map

package/dist/react/charts/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","names":["xField","xData: (string | number)[]","yDataMap: Record<string, (string | number)[]>","detected","resolvedXKey","resolvedYKeys","rawXData","rawYDataMap","xData","yDataMap","heatmapData: [number, number, number][]","result: Record<string, unknown>[]","row: Record<string, unknown>"],"sources":["../../../src/react/charts/normalize.ts"],"sourcesContent":["import { ArrowClient } from \"@/js\";\nimport type { Table } from \"apache-arrow\";\nimport { DATE_FIELD_PATTERNS, NAME_FIELD_PATTERNS } from \"./constants\";\nimport type {\n  ChartData,\n  NormalizedChartData,\n  NormalizedChartDataBase,\n  Orientation,\n} from \"./types\";\nimport { isArrowTable } from \"./types\";\nimport { sortTimeSeriesAscending, toChartArray } from \"./utils\";\n\n// ============================================================================\n// Type Detection Helpers\n// ============================================================================\n\n/**\n * Checks if a value looks like an ISO date string\n */\nfunction isDateString(value: unknown): boolean {\n  if (typeof value !== \"string\") return false;\n  return /^\\d{4}-\\d{2}-\\d{2}(T|$)/.test(value);\n}\n\n/**\n * Checks if a value is numeric (number or numeric string)\n */\nfunction isNumericValue(value: unknown): boolean {\n  if (typeof value === \"number\") return true;\n  if (typeof value === \"bigint\") return true;\n  if (typeof value === \"string\") {\n    const trimmed = value.trim();\n    if (trimmed === \"\" || isDateString(trimmed)) return false;\n    const parsed = Number(trimmed);\n    return !Number.isNaN(parsed) && Number.isFinite(parsed);\n  }\n  return false;\n}\n\n/**\n * Checks if a value looks like a category/label (non-numeric string)\n */\nfunction isCategoryValue(value: unknown): boolean {\n  if (typeof value !== \"string\") return false;\n  const trimmed = value.trim();\n  if (trimmed === \"\") return false;\n  if (/^\\d{4}-\\d{2}-\\d{2}/.test(trimmed)) return false;\n  const parsed = Number(trimmed);\n  return Number.isNaN(parsed) || !Number.isFinite(parsed);\n}\n\n// ============================================================================\n// Field Detection\n// ============================================================================\n\n/**\n * Detects fields from JSON data for charting\n */\nfunction detectFieldsFromJson(\n  data: Record<string, unknown>[],\n  orientation?: Orientation,\n): {\n  xField: string;\n  yFields: string[];\n  chartType: \"timeseries\" | \"categorical\";\n} {\n  if (!data || data.length === 0) {\n    return { xField: \"x\", yFields: [\"y\"], chartType: \"categorical\" };\n  }\n\n  const firstRow = data[0];\n  const keys = Object.keys(firstRow);\n\n  // Detect date fields by key name OR by value being a date string\n  const dateFields = keys.filter((key) => {\n    const value = firstRow[key];\n    const keyMatchesDatePattern = DATE_FIELD_PATTERNS.some((p) =>\n      key.toLowerCase().includes(p),\n    );\n    const valueIsDateString = isDateString(value);\n    return keyMatchesDatePattern || valueIsDateString;\n  });\n\n  // Detect name/category fields by pattern AND value type\n  let nameFields = keys.filter((key) => {\n    const value = firstRow[key];\n    return (\n      isCategoryValue(value) &&\n      !isDateString(value) &&\n      NAME_FIELD_PATTERNS.some((p) => key.toLowerCase().includes(p))\n    );\n  });\n\n  // Fallback: any string field that isn't a date or ID\n  if (nameFields.length === 0) {\n    nameFields = keys.filter((key) => {\n      const value = firstRow[key];\n      return (\n        isCategoryValue(value) &&\n        !isDateString(value) &&\n        !dateFields.includes(key) &&\n        !key.toLowerCase().endsWith(\"_id\")\n      );\n    });\n  }\n\n  // Detect numeric fields\n  const numericFields = keys.filter((key) => {\n    const value = firstRow[key];\n    return isNumericValue(value) && !dateFields.includes(key);\n  });\n\n  const isHorizontal = orientation === \"horizontal\";\n\n  if (isHorizontal || (nameFields.length > 0 && dateFields.length === 0)) {\n    const xField = nameFields[0] || dateFields[0] || keys[0];\n    const yFields =\n      numericFields.length > 0\n        ? numericFields\n        : keys.filter((k) => k !== xField);\n    return { xField, yFields, chartType: \"categorical\" };\n  }\n\n  const xField = dateFields[0] || nameFields[0] || keys[0];\n  const yFields =\n    numericFields.length > 0 ? numericFields : keys.filter((k) => k !== xField);\n  return {\n    xField,\n    yFields,\n    chartType: dateFields.length > 0 ? \"timeseries\" : \"categorical\",\n  };\n}\n\n// ============================================================================\n// Value Conversion\n// ============================================================================\n\n/**\n * Converts a JSON value to a chart-compatible value.\n */\nfunction jsonValueToChartValue(\n  value: unknown,\n  isYValue: boolean,\n  isDateField: boolean,\n): string | number {\n  if (value === null || value === undefined) {\n    return isYValue ? 0 : \"\";\n  }\n  if (typeof value === \"number\") {\n    return value;\n  }\n  if (typeof value === \"bigint\") {\n    return Number(value);\n  }\n  if (typeof value === \"string\") {\n    if (isDateField && isDateString(value)) {\n      const timestamp = new Date(value).getTime();\n      if (!Number.isNaN(timestamp)) {\n        return timestamp;\n      }\n    }\n    if (isYValue) {\n      const trimmed = value.trim();\n      const parsed = Number(trimmed);\n      if (!Number.isNaN(parsed) && Number.isFinite(parsed)) {\n        return parsed;\n      }\n    }\n    return value;\n  }\n  return String(value);\n}\n\n// ============================================================================\n// Data Extraction\n// ============================================================================\n\n/**\n * Extracts chart data from JSON array\n */\nfunction extractFromJson(\n  data: Record<string, unknown>[],\n  xField: string,\n  yFields: string[],\n): {\n  xData: (string | number)[];\n  yDataMap: Record<string, (string | number)[]>;\n} {\n  const xData: (string | number)[] = [];\n  const yDataMap: Record<string, (string | number)[]> = {};\n\n  for (const field of yFields) {\n    yDataMap[field] = [];\n  }\n\n  const xIsDateField = data.length > 0 && isDateString(data[0][xField]);\n\n  for (const row of data) {\n    xData.push(jsonValueToChartValue(row[xField], false, xIsDateField));\n    for (const field of yFields) {\n      yDataMap[field].push(jsonValueToChartValue(row[field], true, false));\n    }\n  }\n\n  return { xData, yDataMap };\n}\n\n// ============================================================================\n// Main Normalization Function\n// ============================================================================\n\n/**\n * Normalizes chart data from either Arrow or JSON format.\n * Converts BigInt and Date values to chart-compatible types.\n */\nexport function normalizeChartData(\n  data: ChartData,\n  xKey?: string,\n  yKey?: string | string[],\n  orientation?: Orientation,\n): NormalizedChartData {\n  if (isArrowTable(data)) {\n    const table = data as Table;\n    const detected = ArrowClient.detectFieldsFromArrow(table, orientation);\n    const resolvedXKey = xKey ?? detected.xField;\n    const resolvedYKeys = yKey\n      ? Array.isArray(yKey)\n        ? yKey\n        : [yKey]\n      : detected.yFields;\n\n    const { xData: rawXData, yDataMap: rawYDataMap } =\n      ArrowClient.extractChartData(table, resolvedXKey, resolvedYKeys);\n\n    let xData = toChartArray(rawXData);\n    let yDataMap: Record<string, (string | number)[]> = {};\n    for (const key of resolvedYKeys) {\n      yDataMap[key] = toChartArray(rawYDataMap[key] ?? []);\n    }\n\n    if (detected.chartType === \"timeseries\") {\n      ({ xData, yDataMap } = sortTimeSeriesAscending(\n        xData,\n        yDataMap,\n        resolvedYKeys,\n      ));\n    }\n\n    return {\n      xData,\n      yDataMap,\n      xField: resolvedXKey,\n      yFields: resolvedYKeys,\n      chartType: detected.chartType,\n    };\n  }\n\n  // JSON Array\n  const jsonData = data as Record<string, unknown>[];\n  const detected = detectFieldsFromJson(jsonData, orientation);\n  const resolvedXKey = xKey ?? detected.xField;\n  const resolvedYKeys = yKey\n    ? Array.isArray(yKey)\n      ? yKey\n      : [yKey]\n    : detected.yFields;\n\n  const { xData: rawXData, yDataMap: rawYDataMap } = extractFromJson(\n    jsonData,\n    resolvedXKey,\n    resolvedYKeys,\n  );\n\n  let xData = toChartArray(rawXData);\n  let yDataMap: Record<string, (string | number)[]> = {};\n  for (const key of resolvedYKeys) {\n    yDataMap[key] = toChartArray(rawYDataMap[key] ?? []);\n  }\n\n  if (detected.chartType === \"timeseries\") {\n    ({ xData, yDataMap } = sortTimeSeriesAscending(\n      xData,\n      yDataMap,\n      resolvedYKeys,\n    ));\n  }\n\n  return {\n    xData,\n    yDataMap,\n    xField: resolvedXKey,\n    yFields: resolvedYKeys,\n    chartType: detected.chartType,\n  };\n}\n\n// ============================================================================\n// Heatmap Data Normalization\n// ============================================================================\n\n/**\n * Normalized data for heatmap charts.\n * Extends base (not NormalizedChartData) because heatmaps don't use yDataMap.\n * Instead, they use heatmapData which contains [xIndex, yIndex, value] tuples.\n */\nexport interface NormalizedHeatmapData extends NormalizedChartDataBase {\n  /** Y-axis categories (rows) */\n  yAxisData: (string | number)[];\n  /** Heatmap data as [xIndex, yIndex, value] tuples */\n  heatmapData: [number, number, number][];\n  /** Min value in the data */\n  min: number;\n  /** Max value in the data */\n  max: number;\n}\n\n/**\n * Normalizes data specifically for heatmap charts.\n * Expects data in format: { xKey: string, yAxisKey: string, valueKey: number }\n *\n * @param data - Raw data (Arrow Table or JSON array)\n * @param xKey - Field key for X-axis (columns)\n * @param yAxisKey - Field key for Y-axis (rows)\n * @param valueKey - Field key for the cell values\n */\nexport function normalizeHeatmapData(\n  data: ChartData,\n  xKey?: string,\n  yAxisKey?: string,\n  valueKey?: string | string[],\n): NormalizedHeatmapData {\n  // First, get the standard normalization\n  const jsonData = isArrowTable(data)\n    ? extractJsonFromArrow(data)\n    : (data as Record<string, unknown>[]);\n\n  if (jsonData.length === 0) {\n    return {\n      xData: [],\n      xField: xKey ?? \"x\",\n      yFields: [],\n      chartType: \"categorical\",\n      yAxisData: [],\n      heatmapData: [],\n      min: 0,\n      max: 0,\n    };\n  }\n\n  // Detect fields if not provided\n  const keys = Object.keys(jsonData[0]);\n  const resolvedXKey = xKey ?? keys[0];\n  const resolvedYAxisKey = yAxisKey ?? keys[1];\n  const resolvedValueKey = valueKey\n    ? Array.isArray(valueKey)\n      ? valueKey[0]\n      : valueKey\n    : keys[2];\n\n  // Extract unique X and Y categories\n  const xSet = new Set<string | number>();\n  const ySet = new Set<string | number>();\n\n  for (const row of jsonData) {\n    const xVal = jsonValueToChartValue(row[resolvedXKey], false, false);\n    const yVal = jsonValueToChartValue(row[resolvedYAxisKey], false, false);\n    xSet.add(xVal);\n    ySet.add(yVal);\n  }\n\n  const xData = Array.from(xSet);\n  const yAxisData = Array.from(ySet);\n\n  // Create index maps for fast lookup\n  const xIndexMap = new Map<string | number, number>();\n  const yIndexMap = new Map<string | number, number>();\n  xData.forEach((v, i) => {\n    xIndexMap.set(v, i);\n  });\n  yAxisData.forEach((v, i) => {\n    yIndexMap.set(v, i);\n  });\n\n  // Build heatmap data and track min/max\n  const heatmapData: [number, number, number][] = [];\n  let min = Number.POSITIVE_INFINITY;\n  let max = Number.NEGATIVE_INFINITY;\n\n  for (const row of jsonData) {\n    const xVal = jsonValueToChartValue(row[resolvedXKey], false, false);\n    const yVal = jsonValueToChartValue(row[resolvedYAxisKey], false, false);\n    const value = jsonValueToChartValue(row[resolvedValueKey], true, false);\n\n    const xIdx = xIndexMap.get(xVal);\n    const yIdx = yIndexMap.get(yVal);\n    const numValue = typeof value === \"number\" ? value : 0;\n\n    if (xIdx !== undefined && yIdx !== undefined) {\n      heatmapData.push([xIdx, yIdx, numValue]);\n      min = Math.min(min, numValue);\n      max = Math.max(max, numValue);\n    }\n  }\n\n  // Handle edge case where no valid data was found\n  if (heatmapData.length === 0) {\n    min = 0;\n    max = 0;\n  }\n\n  return {\n    xData,\n    xField: resolvedXKey,\n    yFields: [resolvedValueKey],\n    chartType: \"categorical\",\n    yAxisData,\n    heatmapData,\n    min,\n    max,\n  };\n}\n\n/**\n * Helper to extract JSON array from Arrow table for heatmap processing.\n */\nfunction extractJsonFromArrow(table: Table): Record<string, unknown>[] {\n  const result: Record<string, unknown>[] = [];\n  const fields = table.schema.fields.map((f) => f.name);\n\n  for (let i = 0; i < table.numRows; i++) {\n    const row: Record<string, unknown> = {};\n    for (const field of fields) {\n      const col = table.getChild(field);\n      row[field] = col?.get(i);\n    }\n    result.push(row);\n  }\n\n  return result;\n}\n"],"mappings":"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"}

package/dist/react/charts/options.d.ts

@@ -0,0 +1,39 @@
+import { ChartType } from "./types.js";
+
+//#region src/react/charts/options.d.ts
+interface OptionBuilderContext {
+  xData: (string | number)[];
+  yDataMap: Record<string, (string | number)[]>;
+  yFields: string[];
+  colors: string[];
+  title?: string;
+  showLegend: boolean;
+}
+interface CartesianContext extends OptionBuilderContext {
+  chartType: ChartType;
+  isTimeSeries: boolean;
+  stacked: boolean;
+  smooth: boolean;
+  showSymbol: boolean;
+  symbolSize: number;
+}
+declare function buildRadarOption(ctx: OptionBuilderContext, showArea?: boolean): Record<string, unknown>;
+declare function buildPieOption(ctx: OptionBuilderContext, chartType: "pie" | "donut", innerRadius: number, showLabels: boolean, labelPosition: string): Record<string, unknown>;
+declare function buildHorizontalBarOption(ctx: OptionBuilderContext, stacked: boolean): Record<string, unknown>;
+interface HeatmapContext extends OptionBuilderContext {
+  /** Y-axis categories (rows) */
+  yAxisData: (string | number)[];
+  /** Heatmap data as [xIndex, yIndex, value] tuples */
+  heatmapData: [number, number, number][];
+  /** Min value for color scale */
+  min: number;
+  /** Max value for color scale */
+  max: number;
+  /** Show value labels on cells */
+  showLabels: boolean;
+}
+declare function buildHeatmapOption(ctx: HeatmapContext): Record<string, unknown>;
+declare function buildCartesianOption(ctx: CartesianContext): Record<string, unknown>;
+//#endregion
+export { CartesianContext, HeatmapContext, OptionBuilderContext, buildCartesianOption, buildHeatmapOption, buildHorizontalBarOption, buildPieOption, buildRadarOption };
+//# sourceMappingURL=options.d.ts.map

package/dist/react/charts/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","names":[],"sources":["../../../src/react/charts/options.ts"],"sourcesContent":[],"mappings":";;;UAOiB,oBAAA;;EAAA,QAAA,EAEL,MAFK,CAAA,MAAoB,EAAA,CAAA,MAAA,GAEzB,MAAA,CAAM,EAAA,CAAA;EAOD,OAAA,EAAA,MAAA,EAAA;EAAiB,MAAA,EAAA,MAAA,EAAA;OACrB,CAAA,EAAA,MAAA;YAD6B,EAAA,OAAA;;AAwB1B,UAxBC,gBAAA,SAAyB,oBAwBV,CAAA;EAAA,SAAA,EAvBnB,SAuBmB;cACzB,EAAA,OAAA;SAEJ,EAAA,OAAA;EAAM,MAAA,EAAA,OAAA;EAmCO,UAAA,EAAA,OAAc;EAAA,UAAA,EAAA,MAAA;;AAM3B,iBA5Ca,gBAAA,CA4Cb,GAAA,EA3CI,oBA2CJ,EAAA,QAAA,CAAA,EAAA,OAAA,CAAA,EAzCA,MAyCA,CAAA,MAAA,EAAA,OAAA,CAAA;AAAM,iBANO,cAAA,CAMP,GAAA,EALF,oBAKE,EAAA,SAAA,EAAA,KAAA,GAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAN,MAAM,CAAA,MAAA,EAAA,OAAA,CAAA;AAyCO,iBAAA,wBAAA,CAAwB,GAAA,EACjC,oBADiC,EAAA,OAAA,EAAA,OAAA,CAAA,EAGrC,MAHqC,CAAA,MAAA,EAAA,OAAA,CAAA;AAAA,UAyCvB,cAAA,SAAuB,oBAzCA,CAAA;;WAGrC,EAAA,CAAA,MAAA,GAAA,MAAA,CAAA,EAAA;EAAM;EAsCQ,WAAA,EAAA,CAAA,MAAe,EAAA,MAAA,EAAQ,MAAA,CAAA,EAAA;EAaxB;EAAkB,GAAA,EAAA,MAAA;;KAE/B,EAAA,MAAA;EAAM;EAsEO,UAAA,EAAA,OAAA;;AACT,iBAzES,kBAAA,CAyET,GAAA,EAxEA,cAwEA,CAAA,EAvEJ,MAuEI,CAAA,MAAA,EAAA,OAAA,CAAA;AACJ,iBAFa,oBAAA,CAEb,GAAA,EADI,gBACJ,CAAA,EAAA,MAAA,CAAA,MAAA,EAAA,OAAA,CAAA"}