react-native-metrify 0.1.0-alpha.1

package/dist/esm/widgets/SankeyDiagram/SankeyDiagram.js

@@ -0,0 +1,175 @@
+/**
+ * SankeyDiagram Widget - Flow visualization showing how values flow between nodes
+ */
+import React, { memo, useMemo } from 'react';
+import { View, Text as RNText, StyleSheet } from 'react-native';
+import Svg, { Rect, Path } from 'react-native-svg';
+import { useWidgetDimensions, useWidgetTheme } from '../../core';
+import { Text } from '../../renderer-svg/primitives';
+export const SankeyDiagram = memo(({ data: widgetData, width, height, loading = false, theme: themeOverride, nodeWidth = 20, nodePadding = 20, showLabels = true, showValues = false, testID, }) => {
+    const theme = useWidgetTheme(themeOverride);
+    const dimensions = useWidgetDimensions(width, height, 400, 300);
+    if (loading) {
+        return (<View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-loading`}>
+        <RNText style={[styles.loadingText, { color: theme.colors.textSecondary }]}>Loading...</RNText>
+      </View>);
+    }
+    if (!widgetData || !widgetData.nodes || widgetData.nodes.length === 0) {
+        return (<View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-empty`}>
+        <RNText style={[styles.emptyText, { color: theme.colors.textSecondary }]}>No data</RNText>
+      </View>);
+    }
+    const { nodes, links, title } = widgetData;
+    const padding = theme.spacing.md;
+    const titleHeight = title ? theme.fontScale.md + theme.spacing.sm : 0;
+    const labelWidth = showLabels ? 60 : 0;
+    const chartWidth = dimensions.width - padding * 2 - labelWidth * 2;
+    const chartHeight = dimensions.height - padding * 2 - titleHeight;
+    const defaultColors = [
+        theme.colors.chartPrimary,
+        theme.colors.chartSecondary,
+        theme.colors.chartTertiary,
+        theme.colors.chartQuaternary,
+    ];
+    // Simple Sankey layout algorithm
+    const { layoutNodes, layoutLinks } = useMemo(() => {
+        // Calculate node values (sum of inputs/outputs)
+        const nodeValues = new Map();
+        nodes.forEach(node => nodeValues.set(node.id, 0));
+        links.forEach(link => {
+            const sourceVal = nodeValues.get(link.source) || 0;
+            const targetVal = nodeValues.get(link.target) || 0;
+            nodeValues.set(link.source, Math.max(sourceVal, link.value));
+            nodeValues.set(link.target, targetVal + link.value);
+        });
+        // Determine node layers (simple left-to-right)
+        const layers = new Map();
+        const sourceNodes = new Set(links.map(l => l.source));
+        const targetNodes = new Set(links.map(l => l.target));
+        // Layer 0: nodes that are only sources
+        nodes.forEach(node => {
+            if (sourceNodes.has(node.id) && !targetNodes.has(node.id)) {
+                layers.set(node.id, 0);
+            }
+        });
+        // Layer 1: nodes that receive from layer 0
+        nodes.forEach(node => {
+            if (!layers.has(node.id)) {
+                const hasLayer0Source = links.some(l => l.target === node.id && layers.get(l.source) === 0);
+                if (hasLayer0Source) {
+                    layers.set(node.id, 1);
+                }
+            }
+        });
+        // Layer 2: everything else
+        nodes.forEach(node => {
+            if (!layers.has(node.id)) {
+                layers.set(node.id, 2);
+            }
+        });
+        const maxLayer = Math.max(...Array.from(layers.values()));
+        const layerWidth = chartWidth / (maxLayer + 1);
+        // Position nodes
+        const positionedNodes = [];
+        const nodesByLayer = new Map();
+        layers.forEach((layer, nodeId) => {
+            if (!nodesByLayer.has(layer)) {
+                nodesByLayer.set(layer, []);
+            }
+            nodesByLayer.get(layer).push(nodeId);
+        });
+        nodesByLayer.forEach((nodeIds, layer) => {
+            const layerHeight = chartHeight - (nodeIds.length - 1) * nodePadding;
+            const totalValue = nodeIds.reduce((sum, id) => sum + (nodeValues.get(id) || 0), 0);
+            let currentY = 0;
+            nodeIds.forEach(nodeId => {
+                const node = nodes.find(n => n.id === nodeId);
+                const nodeValue = nodeValues.get(nodeId) || 0;
+                const nodeHeight = Math.max((nodeValue / totalValue) * layerHeight, 20);
+                positionedNodes.push({
+                    id: nodeId,
+                    label: node.label,
+                    x: layer * layerWidth + labelWidth,
+                    y: currentY,
+                    height: nodeHeight,
+                    totalValue: nodeValue,
+                });
+                currentY += nodeHeight + nodePadding;
+            });
+        });
+        // Create link paths
+        const positionedLinks = [];
+        links.forEach((link, index) => {
+            const sourceNode = positionedNodes.find(n => n.id === link.source);
+            const targetNode = positionedNodes.find(n => n.id === link.target);
+            if (sourceNode && targetNode) {
+                // Calculate vertical positions within nodes
+                const sourceLinks = links.filter(l => l.source === link.source);
+                const targetLinks = links.filter(l => l.target === link.target);
+                const sourceLinkIndex = sourceLinks.findIndex(l => l === link);
+                const targetLinkIndex = targetLinks.findIndex(l => l === link);
+                const sourceTotal = sourceLinks.reduce((sum, l) => sum + l.value, 0);
+                const targetTotal = targetLinks.reduce((sum, l) => sum + l.value, 0);
+                const sourceOffsetBefore = sourceLinks
+                    .slice(0, sourceLinkIndex)
+                    .reduce((sum, l) => sum + l.value, 0);
+                const targetOffsetBefore = targetLinks
+                    .slice(0, targetLinkIndex)
+                    .reduce((sum, l) => sum + l.value, 0);
+                const sourceY = sourceNode.y + (sourceOffsetBefore / sourceTotal) * sourceNode.height;
+                const targetY = targetNode.y + (targetOffsetBefore / targetTotal) * targetNode.height;
+                const linkHeight = (link.value / sourceTotal) * sourceNode.height;
+                positionedLinks.push({
+                    source: sourceNode,
+                    target: targetNode,
+                    value: link.value,
+                    sourceY,
+                    targetY,
+                    color: link.color || defaultColors[index % defaultColors.length],
+                });
+            }
+        });
+        return { layoutNodes: positionedNodes, layoutLinks: positionedLinks };
+    }, [nodes, links, chartWidth, chartHeight, nodeWidth, nodePadding, labelWidth, defaultColors]);
+    // Create curved paths for links
+    function createLinkPath(link, linkHeight) {
+        const sourceX = link.source.x + nodeWidth;
+        const targetX = link.target.x;
+        const midX = (sourceX + targetX) / 2;
+        return `
+      M ${sourceX} ${link.sourceY}
+      C ${midX} ${link.sourceY}, ${midX} ${link.targetY}, ${targetX} ${link.targetY}
+      L ${targetX} ${link.targetY + linkHeight}
+      C ${midX} ${link.targetY + linkHeight}, ${midX} ${link.sourceY + linkHeight}, ${sourceX} ${link.sourceY + linkHeight}
+      Z
+    `;
+    }
+    return (<View style={[styles.wrapper, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md, padding }]} testID={testID}>
+      {title && (<RNText style={[styles.title, { color: theme.colors.text, fontSize: theme.fontScale.md, fontWeight: 'bold', marginBottom: theme.spacing.sm }]}>
+          {title}
+        </RNText>)}
+
+      <Svg width={chartWidth + labelWidth * 2} height={chartHeight}>
+        {/* Links */}
+        {layoutLinks.map((link, index) => {
+            const linkHeight = (link.value / link.source.totalValue) * link.source.height;
+            return (<Path key={`link-${index}`} d={createLinkPath(link, linkHeight)} fill={link.color} opacity={0.4}/>);
+        })}
+
+        {/* Nodes */}
+        {layoutNodes.map((node, index) => (<React.Fragment key={`node-${index}`}>
+            <Rect x={node.x} y={node.y} width={nodeWidth} height={node.height} fill={theme.colors.chartPrimary} rx={theme.radius.sm} ry={theme.radius.sm}/>
+            {showLabels && (<Text x={node.x < chartWidth / 2 ? node.x - 5 : node.x + nodeWidth + 5} y={node.y + node.height / 2} text={node.label} fontSize={theme.fontScale.xs} fill={theme.colors.text} textAnchor={node.x < chartWidth / 2 ? 'end' : 'start'}/>)}
+          </React.Fragment>))}
+      </Svg>
+    </View>);
+});
+SankeyDiagram.displayName = 'SankeyDiagram';
+const styles = StyleSheet.create({
+    wrapper: { justifyContent: 'flex-start', alignItems: 'center' },
+    container: { justifyContent: 'center', alignItems: 'center' },
+    loadingText: { fontSize: 16 },
+    emptyText: { fontSize: 16 },
+    title: { textAlign: 'center', width: '100%' },
+});
+//# sourceMappingURL=SankeyDiagram.js.map

package/dist/esm/widgets/SankeyDiagram/SankeyDiagram.js.map

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

package/dist/esm/widgets/SankeyDiagram/index.js

@@ -0,0 +1,2 @@
+export { SankeyDiagram } from './SankeyDiagram';
+//# sourceMappingURL=index.js.map

package/dist/esm/widgets/SankeyDiagram/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/SankeyDiagram/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/widgets/SankeyDiagram/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/widgets/SankeyDiagram/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/widgets/SankeyDiagram/types.ts"],"names":[],"mappings":""}

package/dist/esm/widgets/ScatterPlot/ScatterPlot.js

@@ -0,0 +1,116 @@
+/**
+ * ScatterPlot Widget - Points without connecting lines
+ */
+import React, { memo, useMemo } from 'react';
+import { View, Text as RNText, StyleSheet } from 'react-native';
+import Svg, { Circle, Line as SvgLine } from 'react-native-svg';
+import { useWidgetDimensions, useWidgetTheme, normalize } from '../../core';
+export const ScatterPlot = memo(({ data: widgetData, width, height, loading = false, theme: themeOverride, showXAxis = true, showYAxis = true, showGrid = true, showLegend = true, defaultPointSize = 6, testID, }) => {
+    const theme = useWidgetTheme(themeOverride);
+    const dimensions = useWidgetDimensions(width, height, 350, 250);
+    if (loading) {
+        return (<View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-loading`}>
+        <RNText style={[styles.loadingText, { color: theme.colors.textSecondary }]}>Loading...</RNText>
+      </View>);
+    }
+    if (!widgetData || !widgetData.series || widgetData.series.length === 0) {
+        return (<View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-empty`}>
+        <RNText style={[styles.emptyText, { color: theme.colors.textSecondary }]}>No data</RNText>
+      </View>);
+    }
+    const { series, title } = widgetData;
+    const padding = theme.spacing.md;
+    const titleHeight = title ? theme.fontScale.md + theme.spacing.sm : 0;
+    const legendHeight = showLegend ? 30 : 0;
+    const xAxisHeight = showXAxis ? 30 : 0;
+    const yAxisWidth = showYAxis ? 40 : 0;
+    const chartWidth = dimensions.width - padding * 2 - yAxisWidth;
+    const chartHeight = dimensions.height - padding * 2 - titleHeight - legendHeight - xAxisHeight;
+    const { globalMinX, globalMaxX, globalMinY, globalMaxY } = useMemo(() => {
+        let minX = Infinity, maxX = -Infinity, minY = Infinity, maxY = -Infinity;
+        series.forEach(s => {
+            s.data.forEach(point => {
+                if (point.x < minX)
+                    minX = point.x;
+                if (point.x > maxX)
+                    maxX = point.x;
+                if (point.y < minY)
+                    minY = point.y;
+                if (point.y > maxY)
+                    maxY = point.y;
+            });
+        });
+        return { globalMinX: minX, globalMaxX: maxX, globalMinY: minY, globalMaxY: maxY };
+    }, [series]);
+    const yAxisLabels = useMemo(() => {
+        const range = globalMaxY - globalMinY;
+        const step = range / 4;
+        return Array.from({ length: 5 }, (_, i) => ({
+            value: globalMinY + i * step,
+            y: chartHeight - (i * chartHeight) / 4,
+        }));
+    }, [globalMinY, globalMaxY, chartHeight]);
+    const seriesPoints = useMemo(() => {
+        return series.map(s => {
+            const points = s.data.map(point => {
+                const normalizedX = normalize(point.x, globalMinX, globalMaxX);
+                const normalizedY = normalize(point.y, globalMinY, globalMaxY);
+                return {
+                    cx: normalizedX * chartWidth,
+                    cy: chartHeight - normalizedY * chartHeight,
+                    label: point.label,
+                };
+            });
+            return {
+                points,
+                color: s.color,
+                label: s.label,
+                pointSize: s.pointSize || defaultPointSize,
+            };
+        });
+    }, [series, chartWidth, chartHeight, globalMinX, globalMaxX, globalMinY, globalMaxY, defaultPointSize]);
+    return (<View style={[styles.wrapper, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md, padding }]} testID={testID}>
+      {title && (<RNText style={[styles.title, { color: theme.colors.text, fontSize: theme.fontScale.md, fontWeight: 'bold', marginBottom: theme.spacing.sm }]}>
+          {title}
+        </RNText>)}
+
+      <View style={styles.chartRow}>
+        {showYAxis && (<View style={[styles.yAxis, { width: yAxisWidth }]}>
+            {yAxisLabels.map((label, index) => (<RNText key={`y-${index}`} style={[styles.yAxisLabel, { color: theme.colors.textSecondary, fontSize: theme.fontScale.xs, top: label.y - 6 }]}>
+                {label.value.toFixed(0)}
+              </RNText>))}
+          </View>)}
+
+        <View>
+          <Svg width={chartWidth} height={chartHeight}>
+            {showGrid && yAxisLabels.map((label, index) => (<SvgLine key={`grid-${index}`} x1={0} y1={label.y} x2={chartWidth} y2={label.y} stroke={theme.colors.borderLight} strokeWidth={1}/>))}
+
+            {seriesPoints.map((series, seriesIndex) => (series.points.map((point, pointIndex) => (<Circle key={`series-${seriesIndex}-point-${pointIndex}`} cx={point.cx} cy={point.cy} r={series.pointSize} fill={series.color} opacity={0.8}/>))))}
+          </Svg>
+        </View>
+      </View>
+
+      {showLegend && (<View style={styles.legend}>
+          {seriesPoints.map((series, index) => (series.label && (<View key={`legend-${index}`} style={styles.legendItem}>
+                <View style={[styles.legendColor, { backgroundColor: series.color }]}/>
+                <RNText style={[styles.legendText, { color: theme.colors.textSecondary, fontSize: theme.fontScale.xs }]}>{series.label}</RNText>
+              </View>)))}
+        </View>)}
+    </View>);
+});
+ScatterPlot.displayName = 'ScatterPlot';
+const styles = StyleSheet.create({
+    wrapper: { justifyContent: 'flex-start', alignItems: 'flex-start' },
+    container: { justifyContent: 'center', alignItems: 'center' },
+    loadingText: { fontSize: 16 },
+    emptyText: { fontSize: 16 },
+    title: { textAlign: 'center', width: '100%' },
+    chartRow: { flexDirection: 'row', alignItems: 'flex-start' },
+    yAxis: { position: 'relative', marginRight: 8 },
+    yAxisLabel: { position: 'absolute', right: 0, textAlign: 'right' },
+    legend: { flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'center', marginTop: 12, gap: 12 },
+    legendItem: { flexDirection: 'row', alignItems: 'center', gap: 6 },
+    legendColor: { width: 12, height: 12, borderRadius: 6 },
+    legendText: { textTransform: 'uppercase', letterSpacing: 0.5 },
+});
+//# sourceMappingURL=ScatterPlot.js.map

package/dist/esm/widgets/ScatterPlot/ScatterPlot.js.map

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

package/dist/esm/widgets/ScatterPlot/index.js

@@ -0,0 +1,2 @@
+export { ScatterPlot } from './ScatterPlot';
+//# sourceMappingURL=index.js.map

package/dist/esm/widgets/ScatterPlot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/ScatterPlot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/esm/widgets/ScatterPlot/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/widgets/ScatterPlot/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/widgets/ScatterPlot/types.ts"],"names":[],"mappings":""}

package/dist/esm/widgets/Sparkline/Sparkline.js

@@ -0,0 +1,118 @@
+/**
+ * Sparkline Widget - Show trend at a glance
+ * Minimal, no axes, capped data points
+ */
+import React, { memo, useMemo } from 'react';
+import { View, Text as RNText, StyleSheet } from 'react-native';
+import Svg, { Defs, LinearGradient, Stop } from 'react-native-svg';
+import { useWidgetDimensions, useWidgetTheme, useWidgetPadding, useInnerDimensions, } from '../../core';
+import { createLinePath, createAreaPath, AnimatedPath, dataToPoints, } from '../../renderer-svg';
+const MAX_DATA_POINTS = 50;
+/**
+ * Sparkline Widget Component
+ */
+export const Sparkline = memo(({ data: widgetData, width, height, loading = false, theme: themeOverride, animated = true, style = 'line', strokeWidth = 2, showGradient = false, maxDataPoints = MAX_DATA_POINTS, testID, }) => {
+    const theme = useWidgetTheme(themeOverride);
+    const dimensions = useWidgetDimensions(width, height, 200, 80);
+    const padding = useWidgetPadding(theme);
+    const innerDimensions = useInnerDimensions(dimensions.width, dimensions.height, padding);
+    // Handle states
+    if (loading) {
+        return (<View style={[
+                styles.container,
+                {
+                    width: dimensions.width,
+                    height: dimensions.height,
+                    backgroundColor: theme.colors.surface,
+                    borderRadius: theme.radius.md,
+                },
+            ]} testID={`${testID}-loading`}>
+        <RNText style={[styles.loadingText, { color: theme.colors.textSecondary }]}>
+          Loading...
+        </RNText>
+      </View>);
+    }
+    if (!widgetData || !widgetData.data || widgetData.data.length === 0) {
+        return (<View style={[
+                styles.container,
+                {
+                    width: dimensions.width,
+                    height: dimensions.height,
+                    backgroundColor: theme.colors.surface,
+                    borderRadius: theme.radius.md,
+                },
+            ]} testID={`${testID}-empty`}>
+        <RNText style={[styles.emptyText, { color: theme.colors.textSecondary }]}>
+          No data
+        </RNText>
+      </View>);
+    }
+    const { data: rawData, label } = widgetData;
+    // Cap data points for performance
+    const data = useMemo(() => {
+        if (rawData.length <= maxDataPoints)
+            return rawData;
+        const step = Math.ceil(rawData.length / maxDataPoints);
+        return rawData.filter((_, index) => index % step === 0);
+    }, [rawData, maxDataPoints]);
+    // Convert data to SVG points
+    const points = useMemo(() => dataToPoints(data, innerDimensions.width, innerDimensions.height, theme.spacing.xs), [data, innerDimensions.width, innerDimensions.height, theme.spacing.xs]);
+    // Generate paths
+    const linePath = useMemo(() => createLinePath(points), [points]);
+    const areaPath = useMemo(() => createAreaPath(points, innerDimensions.height - theme.spacing.xs), [points, innerDimensions.height, theme.spacing.xs]);
+    const svgWidth = dimensions.width;
+    const svgHeight = dimensions.height - (label ? theme.fontScale.sm + theme.spacing.sm : 0);
+    return (<View style={[
+            styles.container,
+            {
+                width: dimensions.width,
+                height: dimensions.height,
+                backgroundColor: theme.colors.surface,
+                borderRadius: theme.radius.md,
+                padding: theme.spacing.md,
+            },
+        ]} testID={testID}>
+      <Svg width={svgWidth - theme.spacing.md * 2} height={svgHeight}>
+        {showGradient && style === 'area' && (<Defs>
+            <LinearGradient id="sparklineGradient" x1="0" y1="0" x2="0" y2="1">
+              <Stop offset="0%" stopColor={theme.colors.chartPrimary} stopOpacity="0.3"/>
+              <Stop offset="100%" stopColor={theme.colors.chartPrimary} stopOpacity="0"/>
+            </LinearGradient>
+          </Defs>)}
+
+        {style === 'area' && (<AnimatedPath d={areaPath} fill={showGradient ? 'url(#sparklineGradient)' : theme.colors.chartPrimary} opacity={showGradient ? 1 : 0.2}/>)}
+
+        <AnimatedPath d={linePath} stroke={theme.colors.chartPrimary} strokeWidth={strokeWidth} strokeLinecap="round" strokeLinejoin="round" fill="transparent"/>
+      </Svg>
+
+      {label && (<RNText style={[
+                styles.label,
+                {
+                    color: theme.colors.textSecondary,
+                    fontSize: theme.fontScale.sm,
+                    marginTop: theme.spacing.xs,
+                },
+            ]}>
+          {label}
+        </RNText>)}
+    </View>);
+});
+Sparkline.displayName = 'Sparkline';
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    loadingText: {
+        fontSize: 16,
+    },
+    emptyText: {
+        fontSize: 16,
+    },
+    label: {
+        textAlign: 'center',
+        textTransform: 'uppercase',
+        letterSpacing: 0.5,
+    },
+});
+//# sourceMappingURL=Sparkline.js.map

package/dist/esm/widgets/Sparkline/Sparkline.js.map

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

package/dist/esm/widgets/Sparkline/index.js

@@ -0,0 +1,5 @@
+/**
+ * Sparkline Widget exports
+ */
+export { Sparkline } from './Sparkline';
+//# sourceMappingURL=index.js.map

package/dist/esm/widgets/Sparkline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/Sparkline/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/widgets/Sparkline/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/widgets/Sparkline/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/widgets/Sparkline/types.ts"],"names":[],"mappings":""}

package/dist/esm/widgets/StackedBarChart/StackedBarChart.js

@@ -0,0 +1,116 @@
+/**
+ * StackedBarChart Widget - Multiple values stacked on same bar
+ */
+import React, { memo, useMemo } from 'react';
+import { View, Text as RNText, StyleSheet } from 'react-native';
+import Svg, { Rect } from 'react-native-svg';
+import { useWidgetDimensions, useWidgetTheme } from '../../core';
+export const StackedBarChart = memo(({ data: widgetData, width, height, loading = false, theme: themeOverride, barWidth: customBarWidth, barSpacing = 8, showValues = false, showLabels = true, showLegend = true, maxBars = 12, testID, }) => {
+    const theme = useWidgetTheme(themeOverride);
+    const dimensions = useWidgetDimensions(width, height, 350, 250);
+    if (loading) {
+        return (<View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-loading`}>
+        <RNText style={[styles.loadingText, { color: theme.colors.textSecondary }]}>Loading...</RNText>
+      </View>);
+    }
+    if (!widgetData || !widgetData.data || widgetData.data.length === 0) {
+        return (<View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-empty`}>
+        <RNText style={[styles.emptyText, { color: theme.colors.textSecondary }]}>No data</RNText>
+      </View>);
+    }
+    const { data, title } = widgetData;
+    const displayData = data.slice(0, maxBars);
+    const padding = theme.spacing.md;
+    const titleHeight = title ? theme.fontScale.md + theme.spacing.sm : 0;
+    const legendHeight = showLegend ? 40 : 0;
+    const labelHeight = showLabels ? theme.fontScale.sm + theme.spacing.xs : 0;
+    const chartHeight = dimensions.height - padding * 2 - titleHeight - legendHeight - labelHeight;
+    const chartWidth = dimensions.width - padding * 2;
+    // Find max total value across all bars
+    const maxTotalValue = useMemo(() => {
+        return Math.max(...displayData.map(item => item.segments.reduce((sum, seg) => sum + seg.value, 0)));
+    }, [displayData]);
+    // Get all unique segment labels for legend
+    const allSegmentLabels = useMemo(() => {
+        const labels = new Map();
+        displayData.forEach(item => {
+            item.segments.forEach(seg => {
+                labels.set(seg.label, seg.color);
+            });
+        });
+        return Array.from(labels.entries()).map(([label, color]) => ({ label, color }));
+    }, [displayData]);
+    const calculatedBarWidth = customBarWidth ||
+        (chartWidth - (displayData.length - 1) * barSpacing) / displayData.length;
+    const bars = useMemo(() => {
+        return displayData.map((item, index) => {
+            const barX = index * (calculatedBarWidth + barSpacing);
+            const totalValue = item.segments.reduce((sum, seg) => sum + seg.value, 0);
+            let cumulativeY = 0;
+            const segments = item.segments.map(seg => {
+                const segmentHeight = (seg.value / maxTotalValue) * chartHeight;
+                const segmentY = chartHeight - cumulativeY - segmentHeight;
+                cumulativeY += segmentHeight;
+                return {
+                    x: barX,
+                    y: segmentY,
+                    width: calculatedBarWidth,
+                    height: segmentHeight,
+                    color: seg.color,
+                    value: seg.value,
+                    label: seg.label,
+                };
+            });
+            return {
+                label: item.label,
+                segments,
+                totalValue,
+            };
+        });
+    }, [displayData, maxTotalValue, chartHeight, calculatedBarWidth, barSpacing]);
+    return (<View style={[styles.wrapper, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md, padding }]} testID={testID}>
+      {title && (<RNText style={[styles.title, { color: theme.colors.text, fontSize: theme.fontScale.md, fontWeight: 'bold', marginBottom: theme.spacing.sm }]}>
+          {title}
+        </RNText>)}
+
+      <View style={styles.chartContainer}>
+        <Svg width={chartWidth} height={chartHeight}>
+          {bars.map((bar, barIndex) => (bar.segments.map((segment, segmentIndex) => (<Rect key={`bar-${barIndex}-seg-${segmentIndex}`} x={segment.x} y={segment.y} width={segment.width} height={segment.height} fill={segment.color} rx={segmentIndex === bar.segments.length - 1 ? theme.radius.sm : 0} ry={segmentIndex === bar.segments.length - 1 ? theme.radius.sm : 0}/>))))}
+        </Svg>
+
+        {showLabels && (<View style={styles.labelsContainer}>
+            {bars.map((bar, index) => (<View key={`label-${index}`} style={[styles.labelItem, { width: calculatedBarWidth + barSpacing }]}>
+                <RNText style={[styles.labelText, { color: theme.colors.textSecondary, fontSize: theme.fontScale.xs }]} numberOfLines={1}>
+                  {bar.label}
+                </RNText>
+              </View>))}
+          </View>)}
+      </View>
+
+      {showLegend && (<View style={styles.legend}>
+          {allSegmentLabels.map((item, index) => (<View key={`legend-${index}`} style={styles.legendItem}>
+              <View style={[styles.legendColor, { backgroundColor: item.color }]}/>
+              <RNText style={[styles.legendText, { color: theme.colors.textSecondary, fontSize: theme.fontScale.xs }]}>
+                {item.label}
+              </RNText>
+            </View>))}
+        </View>)}
+    </View>);
+});
+StackedBarChart.displayName = 'StackedBarChart';
+const styles = StyleSheet.create({
+    wrapper: { justifyContent: 'flex-start', alignItems: 'flex-start' },
+    container: { justifyContent: 'center', alignItems: 'center' },
+    loadingText: { fontSize: 16 },
+    emptyText: { fontSize: 16 },
+    title: { textAlign: 'center', width: '100%' },
+    chartContainer: { flex: 1, width: '100%' },
+    labelsContainer: { flexDirection: 'row', marginTop: 4 },
+    labelItem: { alignItems: 'center' },
+    labelText: { textAlign: 'center' },
+    legend: { flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'center', marginTop: 12, gap: 12 },
+    legendItem: { flexDirection: 'row', alignItems: 'center', gap: 6 },
+    legendColor: { width: 12, height: 12, borderRadius: 2 },
+    legendText: { textTransform: 'uppercase', letterSpacing: 0.5 },
+});
+//# sourceMappingURL=StackedBarChart.js.map