@outsidedata/dolex 0.1.0

package/dist/src/renderers/react/DataTable.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * React component for the data table view in compound visualizations.
+ *
+ * Sortable, hoverable table with dark theme styling.
+ * Participates in interaction linking via highlight/onHighlight props.
+ */
+import { useState, useMemo, useCallback } from 'react';
+export function DataTable({ data, tableSpec, width, height, className, highlightRow, highlightFields = [], onHighlight, onClearHighlight, }) {
+    const [sortState, setSortState] = useState(tableSpec?.sort || null);
+    // Auto-detect columns and numeric fields
+    const { columns, numericFields } = useMemo(() => {
+        let cols = tableSpec?.columns || [];
+        if (cols.length === 0 && data.length > 0) {
+            cols = Object.keys(data[0]).map(k => ({ field: k, title: k }));
+        }
+        const numFields = new Set();
+        if (data.length > 0) {
+            cols.forEach(col => {
+                const sample = data.slice(0, 10).map(d => d[col.field]);
+                const numCount = sample.filter(v => v != null && (typeof v === 'number' || (typeof v === 'string' && v !== '' && !isNaN(Number(v))))).length;
+                if (numCount > sample.length * 0.7)
+                    numFields.add(col.field);
+            });
+        }
+        return { columns: cols, numericFields: numFields };
+    }, [data, tableSpec?.columns]);
+    // Sort data
+    const sortedData = useMemo(() => {
+        const sorted = [...data];
+        if (!sortState)
+            return sorted;
+        const { field, direction } = sortState;
+        const dir = direction === 'asc' ? 1 : -1;
+        sorted.sort((a, b) => {
+            const va = a[field], vb = b[field];
+            if (va == null)
+                return 1;
+            if (vb == null)
+                return -1;
+            if (typeof va === 'number' && typeof vb === 'number')
+                return dir * (va - vb);
+            return dir * String(va).localeCompare(String(vb));
+        });
+        return sorted;
+    }, [data, sortState]);
+    const displayData = useMemo(() => {
+        const limit = tableSpec?.pageSize || 200;
+        return sortedData.slice(0, limit);
+    }, [sortedData, tableSpec?.pageSize]);
+    const handleSort = useCallback((field) => {
+        setSortState(prev => {
+            if (prev?.field === field) {
+                return { field, direction: prev.direction === 'asc' ? 'desc' : 'asc' };
+            }
+            return { field, direction: numericFields.has(field) ? 'desc' : 'asc' };
+        });
+    }, [numericFields]);
+    const isRowHighlighted = useCallback((row) => {
+        if (!highlightRow || highlightFields.length === 0)
+            return false;
+        return highlightFields.some(f => row[f] != null && highlightRow[f] != null && String(row[f]) === String(highlightRow[f]));
+    }, [highlightRow, highlightFields]);
+    function formatCell(value, col) {
+        if (value == null)
+            return '';
+        if (numericFields.has(col.field) && typeof value === 'number') {
+            if (Math.abs(value) >= 1e6)
+                return (value / 1e6).toFixed(1) + 'M';
+            if (Math.abs(value) >= 1e3)
+                return (value / 1e3).toFixed(1) + 'K';
+            if (Math.abs(value) < 1 && value !== 0)
+                return value.toFixed(2);
+            return value.toLocaleString();
+        }
+        return String(value);
+    }
+    function getAlign(col) {
+        if (col.align)
+            return col.align;
+        return numericFields.has(col.field) ? 'right' : 'left';
+    }
+    const containerStyle = {
+        width: width || '100%',
+        height: height || '100%',
+        overflow: 'auto',
+        background: '#0f1117',
+        borderRadius: 8,
+    };
+    const tableStyle = {
+        width: '100%',
+        borderCollapse: 'collapse',
+        fontFamily: 'Inter, system-ui, sans-serif',
+        fontSize: 12,
+        color: '#d1d5db',
+    };
+    return (_jsx("div", { style: containerStyle, className: className, children: _jsxs("table", { style: tableStyle, children: [_jsx("thead", { children: _jsx("tr", { children: columns.map(col => {
+                            const isSorted = sortState?.field === col.field;
+                            const arrow = isSorted ? (sortState.direction === 'asc' ? ' \u25B2' : ' \u25BC') : '';
+                            return (_jsx("th", { onClick: () => handleSort(col.field), style: {
+                                    padding: '8px 12px',
+                                    textAlign: getAlign(col),
+                                    borderBottom: '2px solid #2d3041',
+                                    color: '#9ca3af',
+                                    fontWeight: 600,
+                                    cursor: 'pointer',
+                                    userSelect: 'none',
+                                    position: 'sticky',
+                                    top: 0,
+                                    background: '#0f1117',
+                                    whiteSpace: 'nowrap',
+                                }, children: (col.title || col.field) + arrow }, col.field));
+                        }) }) }), _jsx("tbody", { children: displayData.map((row, i) => (_jsx("tr", { onMouseEnter: () => onHighlight?.(row), onMouseLeave: () => onClearHighlight?.(), style: {
+                            background: isRowHighlighted(row) ? '#1a1d2e' : undefined,
+                            transition: 'background 0.1s',
+                        }, children: columns.map(col => (_jsx("td", { style: {
+                                padding: '6px 12px',
+                                textAlign: getAlign(col),
+                                borderBottom: '1px solid #1f2937',
+                                whiteSpace: 'nowrap',
+                            }, children: formatCell(row[col.field], col) }, col.field))) }, i))) }), data.length > (tableSpec?.pageSize || 200) && (_jsx("tfoot", { children: _jsx("tr", { children: _jsxs("td", { colSpan: columns.length, style: {
+                                padding: '8px 12px',
+                                color: '#6b7280',
+                                fontSize: 11,
+                                borderTop: '1px solid #2d3041',
+                            }, children: ["Showing ", displayData.length, " of ", data.length, " rows"] }) }) }))] }) }));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/src/renderers/react/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../src/renderers/react/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/src/renderers/react/DensityPlot.d.ts

@@ -0,0 +1,3 @@
+import type { ChartProps } from './types.js';
+export declare function DensityPlot({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DensityPlot.d.ts.map

package/dist/src/renderers/react/DensityPlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DensityPlot.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/DensityPlot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAGZ"}

package/dist/src/renderers/react/DensityPlot.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderDensityPlot } from '../d3/distribution/density-plot.js';
+export function DensityPlot({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderDensityPlot, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=DensityPlot.js.map

package/dist/src/renderers/react/DensityPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DensityPlot.js","sourceRoot":"","sources":["../../../../src/renderers/react/DensityPlot.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAEvE,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/DivergingBar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Diverging Bar pattern.
+ * Thin wrapper around the D3 renderDivergingBar function.
+ */
+import type { ChartProps } from './types.js';
+export declare function DivergingBar({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DivergingBar.d.ts.map

package/dist/src/renderers/react/DivergingBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DivergingBar.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/DivergingBar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/DivergingBar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderDivergingBar } from '../d3/comparison/diverging-bar.js';
+export function DivergingBar({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderDivergingBar, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=DivergingBar.js.map

package/dist/src/renderers/react/DivergingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DivergingBar.js","sourceRoot":"","sources":["../../../../src/renderers/react/DivergingBar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhF,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Donut.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Donut pattern.
+ * Thin wrapper around the D3 renderDonut function.
+ */
+import type { ChartProps } from './types.js';
+export declare function Donut({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Donut.d.ts.map

package/dist/src/renderers/react/Donut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Donut.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Donut.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/Donut.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderDonut } from '../d3/composition/donut.js';
+export function Donut({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderDonut, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Donut.js.map

package/dist/src/renderers/react/Donut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Donut.js","sourceRoot":"","sources":["../../../../src/renderers/react/Donut.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAEzE,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Funnel.d.ts

@@ -0,0 +1,3 @@
+import type { ChartProps } from './types.js';
+export declare function Funnel({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Funnel.d.ts.map

package/dist/src/renderers/react/Funnel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Funnel.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Funnel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAGZ"}

package/dist/src/renderers/react/Funnel.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderFunnel } from '../d3/flow/funnel.js';
+export function Funnel({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderFunnel, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Funnel.js.map

package/dist/src/renderers/react/Funnel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Funnel.js","sourceRoot":"","sources":["../../../../src/renderers/react/Funnel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/GroupedBar.d.ts

@@ -0,0 +1,3 @@
+import type { ChartProps } from './types.js';
+export declare function GroupedBar({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GroupedBar.d.ts.map

package/dist/src/renderers/react/GroupedBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedBar.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/GroupedBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAGZ"}

package/dist/src/renderers/react/GroupedBar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderGroupedBar } from '../d3/comparison/grouped-bar.js';
+export function GroupedBar({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderGroupedBar, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=GroupedBar.js.map

package/dist/src/renderers/react/GroupedBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupedBar.js","sourceRoot":"","sources":["../../../../src/renderers/react/GroupedBar.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Heatmap.d.ts

@@ -0,0 +1,3 @@
+import type { ChartProps } from './types.js';
+export declare function Heatmap({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Heatmap.d.ts.map

package/dist/src/renderers/react/Heatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heatmap.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Heatmap.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/Heatmap.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderHeatmap } from '../d3/heatmap.js';
+export function Heatmap({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderHeatmap, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Heatmap.js.map

package/dist/src/renderers/react/Heatmap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heatmap.js","sourceRoot":"","sources":["../../../../src/renderers/react/Heatmap.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAE3E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Histogram.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Histogram pattern.
+ * Thin wrapper around the D3 renderHistogram function.
+ */
+import type { ChartProps } from './types.js';
+export declare function Histogram({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Histogram.d.ts.map

package/dist/src/renderers/react/Histogram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Histogram.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Histogram.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/Histogram.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderHistogram } from '../d3/distribution/histogram.js';
+export function Histogram({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderHistogram, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Histogram.js.map

package/dist/src/renderers/react/Histogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Histogram.js","sourceRoot":"","sources":["../../../../src/renderers/react/Histogram.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAE7E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/HorizonChart.d.ts

@@ -0,0 +1,3 @@
+import type { ChartProps } from './types.js';
+export declare function HorizonChart({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HorizonChart.d.ts.map

package/dist/src/renderers/react/HorizonChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizonChart.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/HorizonChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAGZ"}

package/dist/src/renderers/react/HorizonChart.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderHorizonChart } from '../d3/time/horizon-chart.js';
+export function HorizonChart({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderHorizonChart, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=HorizonChart.js.map

package/dist/src/renderers/react/HorizonChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizonChart.js","sourceRoot":"","sources":["../../../../src/renderers/react/HorizonChart.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAChF,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Icicle.d.ts

@@ -0,0 +1,3 @@
+import type { ChartProps } from './types.js';
+export declare function Icicle({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icicle.d.ts.map

package/dist/src/renderers/react/Icicle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icicle.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Icicle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAGZ"}

package/dist/src/renderers/react/Icicle.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderIcicle } from '../d3/composition/icicle.js';
+export function Icicle({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderIcicle, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Icicle.js.map

package/dist/src/renderers/react/Icicle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icicle.js","sourceRoot":"","sources":["../../../../src/renderers/react/Icicle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Line.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Line Chart pattern.
+ * Thin wrapper around the D3 renderLine function.
+ */
+import type { ChartProps } from './types.js';
+export declare function Line({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Line.d.ts.map

package/dist/src/renderers/react/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Line.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/Line.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderLine } from '../d3/time/line.js';
+export function Line({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderLine, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Line.js.map

package/dist/src/renderers/react/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","sourceRoot":"","sources":["../../../../src/renderers/react/Line.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAExE,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Lollipop.d.ts

@@ -0,0 +1,3 @@
+import type { ChartProps } from './types.js';
+export declare function Lollipop({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Lollipop.d.ts.map

package/dist/src/renderers/react/Lollipop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lollipop.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Lollipop.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAGZ"}

package/dist/src/renderers/react/Lollipop.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderLollipop } from '../d3/comparison/lollipop.js';
+export function Lollipop({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderLollipop, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Lollipop.js.map

package/dist/src/renderers/react/Lollipop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lollipop.js","sourceRoot":"","sources":["../../../../src/renderers/react/Lollipop.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Marimekko.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Marimekko pattern.
+ * Thin wrapper around the D3 renderMarimekko function.
+ */
+import type { ChartProps } from './types.js';
+export declare function Marimekko({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Marimekko.d.ts.map

package/dist/src/renderers/react/Marimekko.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marimekko.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Marimekko.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/Marimekko.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderMarimekko } from '../d3/composition/marimekko.js';
+export function Marimekko({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderMarimekko, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Marimekko.js.map

package/dist/src/renderers/react/Marimekko.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marimekko.js","sourceRoot":"","sources":["../../../../src/renderers/react/Marimekko.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAE7E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Metric.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Metric pattern.
+ * Thin wrapper around the D3 renderMetric function.
+ */
+import type { ChartProps } from './types.js';
+export declare function Metric({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Metric.d.ts.map

package/dist/src/renderers/react/Metric.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metric.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Metric.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/Metric.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderMetric } from '../d3/composition/metric.js';
+export function Metric({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderMetric, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Metric.js.map

package/dist/src/renderers/react/Metric.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Metric.js","sourceRoot":"","sources":["../../../../src/renderers/react/Metric.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAE1E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/ParallelCoordinates.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Parallel Coordinates pattern.
+ * Thin wrapper around the D3 renderParallelCoordinates function.
+ */
+import type { ChartProps } from './types.js';
+export declare function ParallelCoordinates({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ParallelCoordinates.d.ts.map

package/dist/src/renderers/react/ParallelCoordinates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParallelCoordinates.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/ParallelCoordinates.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/ParallelCoordinates.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderParallelCoordinates } from '../d3/parallel-coordinates.js';
+export function ParallelCoordinates({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderParallelCoordinates, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=ParallelCoordinates.js.map

package/dist/src/renderers/react/ParallelCoordinates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParallelCoordinates.js","sourceRoot":"","sources":["../../../../src/renderers/react/ParallelCoordinates.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,MAAM,UAAU,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,yBAAyB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAEvF,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/ProportionalSymbol.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Proportional Symbol Map pattern.
+ * Uses the HTML builder via a sandboxed iframe.
+ */
+import type { ChartProps } from './types.js';
+export declare function ProportionalSymbol({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProportionalSymbol.d.ts.map

package/dist/src/renderers/react/ProportionalSymbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProportionalSymbol.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/ProportionalSymbol.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG7C,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAmBZ"}

package/dist/src/renderers/react/ProportionalSymbol.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * React component for the Proportional Symbol Map pattern.
+ * Uses the HTML builder via a sandboxed iframe.
+ */
+import { useMemo } from 'react';
+import { buildProportionalSymbolHtml } from '../html/builders/proportional-symbol.js';
+export function ProportionalSymbol({ spec, width = 800, height = 500, className, onReady, }) {
+    const srcDoc = useMemo(() => buildProportionalSymbolHtml(spec), [spec]);
+    return (_jsx("iframe", { srcDoc: srcDoc, width: width, height: height, className: className, title: spec.title || 'Proportional Symbol Map', style: { border: 'none', display: 'block' }, sandbox: "allow-scripts", ref: (el) => {
+            if (el && onReady) {
+                el.addEventListener('load', () => onReady(el), { once: true });
+            }
+        } }));
+}
+//# sourceMappingURL=ProportionalSymbol.js.map

package/dist/src/renderers/react/ProportionalSymbol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProportionalSymbol.js","sourceRoot":"","sources":["../../../../src/renderers/react/ProportionalSymbol.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,yCAAyC,CAAC;AAEtF,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,2BAA2B,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,iBACE,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,yBAAyB,EAC9C,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAC3C,OAAO,EAAC,eAAe,EACvB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;YACV,IAAI,EAAE,IAAI,OAAO,EAAE,CAAC;gBAClB,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAA+B,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9F,CAAC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/src/renderers/react/Radar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Radar Chart pattern.
+ * Thin wrapper around the D3 renderRadar function.
+ */
+import type { ChartProps } from './types.js';
+export declare function Radar({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Radar.d.ts.map

package/dist/src/renderers/react/Radar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radar.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Radar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/Radar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderRadar } from '../d3/radar.js';
+export function Radar({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderRadar, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Radar.js.map

package/dist/src/renderers/react/Radar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radar.js","sourceRoot":"","sources":["../../../../src/renderers/react/Radar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAEzE,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Ridgeline.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Ridgeline pattern.
+ * Thin wrapper around the D3 renderRidgeline function.
+ */
+import type { ChartProps } from './types.js';
+export declare function Ridgeline({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Ridgeline.d.ts.map

package/dist/src/renderers/react/Ridgeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ridgeline.d.ts","sourceRoot":"","sources":["../../../../src/renderers/react/Ridgeline.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI7C,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,SAAS,EACT,OAAO,GACR,EAAE,UAAU,2CAIZ"}

package/dist/src/renderers/react/Ridgeline.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useChart } from './useChart.js';
+import { renderRidgeline } from '../d3/distribution/ridgeline.js';
+export function Ridgeline({ spec, width = 800, height = 500, className, onReady, }) {
+    const containerRef = useChart(spec, renderRidgeline, width, height, onReady);
+    return _jsx("div", { ref: containerRef, className: className });
+}
+//# sourceMappingURL=Ridgeline.js.map

package/dist/src/renderers/react/Ridgeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ridgeline.js","sourceRoot":"","sources":["../../../../src/renderers/react/Ridgeline.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,OAAO,GACI;IACX,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAE7E,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC1D,CAAC"}

package/dist/src/renderers/react/Sankey.d.ts

@@ -0,0 +1,7 @@
+/**
+ * React component for the Sankey Diagram pattern.
+ * Thin wrapper around the D3 renderSankey function.
+ */
+import type { ChartProps } from './types.js';
+export declare function Sankey({ spec, width, height, className, onReady, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Sankey.d.ts.map