react-native-metrify 0.1.0-alpha.1

package/dist/cjs/widgets/AreaChart/AreaChart.js

@@ -0,0 +1,179 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AreaChart = void 0;
+/**
+ * AreaChart Widget - Filled area under line
+ */
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+const core_1 = require("../../core");
+const renderer_svg_1 = require("../../renderer-svg");
+exports.AreaChart = (0, react_1.memo)(({ data: widgetData, width, height, loading = false, theme: themeOverride, showXAxis = true, showYAxis = true, showGrid = true, showLegend = true, showGradient = true, stacked = false, curveStyle = 'linear', maxXLabels = 6, testID, }) => {
+    const theme = (0, core_1.useWidgetTheme)(themeOverride);
+    const dimensions = (0, core_1.useWidgetDimensions)(width, height, 350, 250);
+    if (loading) {
+        return (<react_native_1.View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-loading`}>
+        <react_native_1.Text style={[styles.loadingText, { color: theme.colors.textSecondary }]}>Loading...</react_native_1.Text>
+      </react_native_1.View>);
+    }
+    if (!widgetData || !widgetData.series || widgetData.series.length === 0) {
+        return (<react_native_1.View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-empty`}>
+        <react_native_1.Text style={[styles.emptyText, { color: theme.colors.textSecondary }]}>No data</react_native_1.Text>
+      </react_native_1.View>);
+    }
+    const { series, title, timeInterval } = 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 { globalMinY, globalMaxY, xLabels } = (0, react_1.useMemo)(() => {
+        let minY = Infinity;
+        let maxY = -Infinity;
+        const allXValues = [];
+        series.forEach(s => {
+            s.data.forEach(point => {
+                if (point.y < minY)
+                    minY = point.y;
+                if (point.y > maxY)
+                    maxY = point.y;
+                allXValues.push(point.x);
+            });
+        });
+        const labels = allXValues.map((x, idx) => {
+            if (x instanceof Date) {
+                return timeInterval ? (0, core_1.formatTimeLabel)(x, timeInterval) : x.toLocaleDateString();
+            }
+            return x.toString();
+        });
+        return { globalMinY: minY, globalMaxY: maxY, xLabels: labels };
+    }, [series, timeInterval]);
+    const yAxisLabels = (0, react_1.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 xAxisLabelsReduced = (0, react_1.useMemo)(() => {
+        return (0, core_1.reduceLabels)(xLabels, maxXLabels);
+    }, [xLabels, maxXLabels]);
+    const seriesPaths = (0, react_1.useMemo)(() => {
+        return series.map((s, seriesIndex) => {
+            const points = s.data.map((point, index) => {
+                const x = (index / (s.data.length - 1 || 1)) * chartWidth;
+                const normalizedY = (0, core_1.normalize)(point.y, globalMinY, globalMaxY);
+                const y = chartHeight - normalizedY * chartHeight;
+                return { x, y };
+            });
+            const linePath = (0, renderer_svg_1.createLinePath)(points);
+            const areaPath = (0, renderer_svg_1.createAreaPath)(points, chartHeight);
+            return {
+                linePath,
+                areaPath,
+                color: s.color,
+                label: s.label,
+                gradientId: `gradient-${seriesIndex}`,
+            };
+        });
+    }, [series, chartWidth, chartHeight, globalMinY, globalMaxY]);
+    return (<react_native_1.View style={[styles.wrapper, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md, padding }]} testID={testID}>
+      {title && (<react_native_1.Text style={[styles.title, { color: theme.colors.text, fontSize: theme.fontScale.md, fontWeight: 'bold', marginBottom: theme.spacing.sm }]}>
+          {title}
+        </react_native_1.Text>)}
+
+      <react_native_1.View style={styles.chartRow}>
+        {showYAxis && (<react_native_1.View style={[styles.yAxis, { width: yAxisWidth }]}>
+            {yAxisLabels.map((label, index) => (<react_native_1.Text key={`y-${index}`} style={[styles.yAxisLabel, { color: theme.colors.textSecondary, fontSize: theme.fontScale.xs, top: label.y - 6 }]}>
+                {label.value.toFixed(0)}
+              </react_native_1.Text>))}
+          </react_native_1.View>)}
+
+        <react_native_1.View>
+          <react_native_svg_1.default width={chartWidth} height={chartHeight}>
+            {showGradient && (<react_native_svg_1.Defs>
+                {seriesPaths.map((series, index) => (<react_native_svg_1.LinearGradient key={series.gradientId} id={series.gradientId} x1="0" y1="0" x2="0" y2="1">
+                    <react_native_svg_1.Stop offset="0%" stopColor={series.color} stopOpacity="0.4"/>
+                    <react_native_svg_1.Stop offset="100%" stopColor={series.color} stopOpacity="0.05"/>
+                  </react_native_svg_1.LinearGradient>))}
+              </react_native_svg_1.Defs>)}
+
+            {showGrid && yAxisLabels.map((label, index) => (<react_native_svg_1.Line key={`grid-${index}`} x1={0} y1={label.y} x2={chartWidth} y2={label.y} stroke={theme.colors.borderLight} strokeWidth={1}/>))}
+
+            {seriesPaths.map((series, index) => (<react_1.default.Fragment key={`series-${index}`}>
+                <renderer_svg_1.AnimatedPath d={series.areaPath} fill={showGradient ? `url(#${series.gradientId})` : series.color} opacity={showGradient ? 1 : 0.3}/>
+                <renderer_svg_1.AnimatedPath d={series.linePath} stroke={series.color} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="transparent"/>
+              </react_1.default.Fragment>))}
+          </react_native_svg_1.default>
+
+          {showXAxis && (<react_native_1.View style={[styles.xAxis, { width: chartWidth }]}>
+              {xAxisLabelsReduced.map((item, index) => (<react_native_1.Text key={`x-${index}`} style={[styles.xAxisLabel, { color: theme.colors.textSecondary, fontSize: theme.fontScale.xs, left: (item.index / (xLabels.length - 1 || 1)) * chartWidth - 20 }]}>
+                  {item.label}
+                </react_native_1.Text>))}
+            </react_native_1.View>)}
+        </react_native_1.View>
+      </react_native_1.View>
+
+      {showLegend && (<react_native_1.View style={styles.legend}>
+          {seriesPaths.map((series, index) => (series.label && (<react_native_1.View key={`legend-${index}`} style={styles.legendItem}>
+                <react_native_1.View style={[styles.legendColor, { backgroundColor: series.color }]}/>
+                <react_native_1.Text style={[styles.legendText, { color: theme.colors.textSecondary, fontSize: theme.fontScale.xs }]}>{series.label}</react_native_1.Text>
+              </react_native_1.View>)))}
+        </react_native_1.View>)}
+    </react_native_1.View>);
+});
+exports.AreaChart.displayName = 'AreaChart';
+const styles = react_native_1.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' },
+    xAxis: { position: 'relative', height: 30, marginTop: 4 },
+    xAxisLabel: { position: 'absolute', width: 40, 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=AreaChart.js.map

package/dist/cjs/widgets/AreaChart/AreaChart.js.map

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

package/dist/cjs/widgets/AreaChart/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AreaChart = void 0;
+var AreaChart_1 = require("./AreaChart");
+Object.defineProperty(exports, "AreaChart", { enumerable: true, get: function () { return AreaChart_1.AreaChart; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/widgets/AreaChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/AreaChart/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}

package/dist/cjs/widgets/AreaChart/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/widgets/AreaChart/types.js.map

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

package/dist/cjs/widgets/BarChart/BarChart.js

@@ -0,0 +1,203 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarChart = void 0;
+/**
+ * BarChart Widget - Flexible bar chart for comparing values
+ */
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+const core_1 = require("../../core");
+const primitives_1 = require("../../renderer-svg/primitives");
+/**
+ * BarChart Widget Component
+ */
+exports.BarChart = (0, react_1.memo)(({ data: widgetData, width, height, loading = false, theme: themeOverride, orientation = 'vertical', barWidth: customBarWidth, barSpacing = 8, showValues = true, showLabels = true, minBarHeight = 4, maxBars = 20, testID, }) => {
+    const theme = (0, core_1.useWidgetTheme)(themeOverride);
+    const dimensions = (0, core_1.useWidgetDimensions)(width, height, 300, 200);
+    // Handle states
+    if (loading) {
+        return (<react_native_1.View style={[
+                styles.container,
+                {
+                    width: dimensions.width,
+                    height: dimensions.height,
+                    backgroundColor: theme.colors.surface,
+                    borderRadius: theme.radius.md,
+                },
+            ]} testID={`${testID}-loading`}>
+        <react_native_1.Text style={[styles.loadingText, { color: theme.colors.textSecondary }]}>
+          Loading...
+        </react_native_1.Text>
+      </react_native_1.View>);
+    }
+    if (!widgetData || !widgetData.data || widgetData.data.length === 0) {
+        return (<react_native_1.View style={[
+                styles.container,
+                {
+                    width: dimensions.width,
+                    height: dimensions.height,
+                    backgroundColor: theme.colors.surface,
+                    borderRadius: theme.radius.md,
+                },
+            ]} testID={`${testID}-empty`}>
+        <react_native_1.Text style={[styles.emptyText, { color: theme.colors.textSecondary }]}>
+          No data
+        </react_native_1.Text>
+      </react_native_1.View>);
+    }
+    const { data, title } = widgetData;
+    // Limit number of bars
+    const displayData = data.slice(0, maxBars);
+    // Calculate dimensions
+    const padding = theme.spacing.md;
+    const titleHeight = title ? theme.fontScale.md + theme.spacing.sm : 0;
+    const labelHeight = showLabels ? theme.fontScale.sm + theme.spacing.xs : 0;
+    const valueHeight = showValues ? theme.fontScale.sm + theme.spacing.xs : 0;
+    const chartHeight = dimensions.height - padding * 2 - titleHeight - labelHeight - valueHeight;
+    const chartWidth = dimensions.width - padding * 2;
+    // Find max value for scaling
+    const maxValue = (0, react_1.useMemo)(() => Math.max(...displayData.map(d => d.value)), [displayData]);
+    // Calculate bar width
+    const calculatedBarWidth = customBarWidth ||
+        (chartWidth - (displayData.length - 1) * barSpacing) / displayData.length;
+    // Generate bars
+    const bars = (0, react_1.useMemo)(() => {
+        return displayData.map((item, index) => {
+            const normalizedValue = (0, core_1.normalize)(item.value, 0, maxValue);
+            const barHeight = Math.max(normalizedValue * chartHeight, minBarHeight);
+            const barX = index * (calculatedBarWidth + barSpacing);
+            const barY = chartHeight - barHeight;
+            return {
+                x: barX,
+                y: barY,
+                width: calculatedBarWidth,
+                height: barHeight,
+                color: item.color || theme.colors.chartPrimary,
+                value: item.value,
+                label: item.label,
+            };
+        });
+    }, [displayData, maxValue, chartHeight, calculatedBarWidth, barSpacing, minBarHeight, theme.colors.chartPrimary]);
+    return (<react_native_1.View style={[
+            styles.wrapper,
+            {
+                width: dimensions.width,
+                height: dimensions.height,
+                backgroundColor: theme.colors.surface,
+                borderRadius: theme.radius.md,
+                padding,
+            },
+        ]} testID={testID}>
+      {/* Title */}
+      {title && (<react_native_1.Text style={[
+                styles.title,
+                {
+                    color: theme.colors.text,
+                    fontSize: theme.fontScale.md,
+                    marginBottom: theme.spacing.sm,
+                },
+            ]}>
+          {title}
+        </react_native_1.Text>)}
+
+      {/* Chart */}
+      <react_native_1.View style={styles.chartContainer}>
+        <react_native_svg_1.default width={chartWidth} height={chartHeight + valueHeight}>
+          {/* Bars */}
+          {bars.map((bar, index) => (<react_native_svg_1.Rect key={`bar-${index}`} x={bar.x} y={bar.y} width={bar.width} height={bar.height} fill={bar.color} rx={theme.radius.sm} ry={theme.radius.sm}/>))}
+          
+          {/* Values */}
+          {showValues && bars.map((bar, index) => (<primitives_1.Text key={`value-${index}`} x={bar.x + bar.width / 2} y={bar.y - 4} text={bar.value.toString()} fontSize={theme.fontScale.xs} fill={theme.colors.textSecondary} textAnchor="middle"/>))}
+        </react_native_svg_1.default>
+
+        {/* Labels */}
+        {showLabels && (<react_native_1.View style={styles.labelsContainer}>
+            {bars.map((bar, index) => (<react_native_1.View key={`label-${index}`} style={[
+                    styles.labelItem,
+                    { width: bar.width + barSpacing },
+                ]}>
+                <react_native_1.Text style={[
+                    styles.labelText,
+                    {
+                        color: theme.colors.textSecondary,
+                        fontSize: theme.fontScale.xs,
+                    },
+                ]} numberOfLines={1}>
+                  {bar.label}
+                </react_native_1.Text>
+              </react_native_1.View>))}
+          </react_native_1.View>)}
+      </react_native_1.View>
+    </react_native_1.View>);
+});
+exports.BarChart.displayName = 'BarChart';
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        justifyContent: 'flex-start',
+        alignItems: 'flex-start',
+    },
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    loadingText: {
+        fontSize: 16,
+    },
+    emptyText: {
+        fontSize: 16,
+    },
+    title: {
+        fontWeight: 'bold',
+        textAlign: 'center',
+        width: '100%',
+    },
+    chartContainer: {
+        flex: 1,
+        width: '100%',
+    },
+    labelsContainer: {
+        flexDirection: 'row',
+        marginTop: 4,
+    },
+    labelItem: {
+        alignItems: 'center',
+    },
+    labelText: {
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=BarChart.js.map

package/dist/cjs/widgets/BarChart/BarChart.js.map

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

package/dist/cjs/widgets/BarChart/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarChart = void 0;
+/**
+ * BarChart Widget exports
+ */
+var BarChart_1 = require("./BarChart");
+Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return BarChart_1.BarChart; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/widgets/BarChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/BarChart/index.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/dist/cjs/widgets/BarChart/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/widgets/BarChart/types.js.map

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

package/dist/cjs/widgets/BoxPlot/BoxPlot.js

@@ -0,0 +1,186 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxPlot = void 0;
+/**
+ * BoxPlot Widget - Shows statistical distribution with quartiles
+ */
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+const core_1 = require("../../core");
+exports.BoxPlot = (0, react_1.memo)(({ data: widgetData, width, height, loading = false, theme: themeOverride, showLabels = true, showOutliers = true, boxWidth = 50, boxSpacing = 30, color, testID, }) => {
+    const theme = (0, core_1.useWidgetTheme)(themeOverride);
+    const dimensions = (0, core_1.useWidgetDimensions)(width, height, 350, 300);
+    if (loading) {
+        return (<react_native_1.View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-loading`}>
+        <react_native_1.Text style={[styles.loadingText, { color: theme.colors.textSecondary }]}>Loading...</react_native_1.Text>
+      </react_native_1.View>);
+    }
+    if (!widgetData || !widgetData.data || widgetData.data.length === 0) {
+        return (<react_native_1.View style={[styles.container, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md }]} testID={`${testID}-empty`}>
+        <react_native_1.Text style={[styles.emptyText, { color: theme.colors.textSecondary }]}>No data</react_native_1.Text>
+      </react_native_1.View>);
+    }
+    const { data, title } = widgetData;
+    const padding = theme.spacing.md;
+    const titleHeight = title ? theme.fontScale.md + theme.spacing.sm : 0;
+    const labelHeight = showLabels ? 30 : 0;
+    const yAxisWidth = 40;
+    const chartHeight = dimensions.height - padding * 2 - titleHeight - labelHeight;
+    const chartWidth = dimensions.width - padding * 2 - yAxisWidth;
+    const boxColor = color || theme.colors.chartPrimary;
+    // Find global min/max for Y-axis
+    const { globalMin, globalMax } = (0, react_1.useMemo)(() => {
+        let min = Infinity;
+        let max = -Infinity;
+        data.forEach(point => {
+            if (point.min < min)
+                min = point.min;
+            if (point.max > max)
+                max = point.max;
+            if (point.outliers) {
+                point.outliers.forEach(val => {
+                    if (val < min)
+                        min = val;
+                    if (val > max)
+                        max = val;
+                });
+            }
+        });
+        return { globalMin: min, globalMax: max };
+    }, [data]);
+    const yAxisLabels = (0, react_1.useMemo)(() => {
+        const range = globalMax - globalMin;
+        const step = range / 4;
+        return Array.from({ length: 5 }, (_, i) => ({
+            value: globalMin + i * step,
+            y: chartHeight - (i * chartHeight) / 4,
+        }));
+    }, [globalMin, globalMax, chartHeight]);
+    const boxes = (0, react_1.useMemo)(() => {
+        return data.map((point, index) => {
+            const centerX = index * (boxWidth + boxSpacing) + boxWidth / 2;
+            // Normalize values to chart height
+            const minY = chartHeight - (0, core_1.normalize)(point.min, globalMin, globalMax) * chartHeight;
+            const maxY = chartHeight - (0, core_1.normalize)(point.max, globalMin, globalMax) * chartHeight;
+            const q1Y = chartHeight - (0, core_1.normalize)(point.q1, globalMin, globalMax) * chartHeight;
+            const q3Y = chartHeight - (0, core_1.normalize)(point.q3, globalMin, globalMax) * chartHeight;
+            const medianY = chartHeight - (0, core_1.normalize)(point.median, globalMin, globalMax) * chartHeight;
+            const outlierPoints = point.outliers?.map(val => ({
+                x: centerX,
+                y: chartHeight - (0, core_1.normalize)(val, globalMin, globalMax) * chartHeight,
+            })) || [];
+            return {
+                label: point.label,
+                centerX,
+                boxX: centerX - boxWidth / 2,
+                boxWidth,
+                // Whiskers
+                minY,
+                maxY,
+                // Box (IQR)
+                q1Y,
+                q3Y,
+                boxHeight: Math.abs(q3Y - q1Y),
+                boxY: Math.min(q1Y, q3Y),
+                // Median line
+                medianY,
+                // Outliers
+                outliers: outlierPoints,
+            };
+        });
+    }, [data, chartHeight, globalMin, globalMax, boxWidth, boxSpacing]);
+    return (<react_native_1.View style={[styles.wrapper, { width: dimensions.width, height: dimensions.height, backgroundColor: theme.colors.surface, borderRadius: theme.radius.md, padding }]} testID={testID}>
+      {title && (<react_native_1.Text style={[styles.title, { color: theme.colors.text, fontSize: theme.fontScale.md, fontWeight: 'bold', marginBottom: theme.spacing.sm }]}>
+          {title}
+        </react_native_1.Text>)}
+
+      <react_native_1.View style={styles.chartRow}>
+        {/* Y-Axis */}
+        <react_native_1.View style={[styles.yAxis, { width: yAxisWidth }]}>
+          {yAxisLabels.map((label, index) => (<react_native_1.Text key={`y-${index}`} style={[styles.yAxisLabel, { color: theme.colors.textSecondary, fontSize: theme.fontScale.xs, top: label.y - 6 }]}>
+              {label.value.toFixed(0)}
+            </react_native_1.Text>))}
+        </react_native_1.View>
+
+        <react_native_1.View>
+          <react_native_svg_1.default width={chartWidth} height={chartHeight}>
+            {boxes.map((box, index) => (<react_1.default.Fragment key={`box-${index}`}>
+                {/* Whisker lines (min to Q1, Q3 to max) */}
+                <react_native_svg_1.Line x1={box.centerX} y1={box.minY} x2={box.centerX} y2={box.q1Y} stroke={boxColor} strokeWidth={1}/>
+                <react_native_svg_1.Line x1={box.centerX} y1={box.q3Y} x2={box.centerX} y2={box.maxY} stroke={boxColor} strokeWidth={1}/>
+                
+                {/* Min/Max caps */}
+                <react_native_svg_1.Line x1={box.centerX - boxWidth / 4} y1={box.minY} x2={box.centerX + boxWidth / 4} y2={box.minY} stroke={boxColor} strokeWidth={2}/>
+                <react_native_svg_1.Line x1={box.centerX - boxWidth / 4} y1={box.maxY} x2={box.centerX + boxWidth / 4} y2={box.maxY} stroke={boxColor} strokeWidth={2}/>
+                
+                {/* IQR Box (Q1 to Q3) */}
+                <react_native_svg_1.Rect x={box.boxX} y={box.boxY} width={box.boxWidth} height={box.boxHeight} fill={boxColor} fillOpacity={0.3} stroke={boxColor} strokeWidth={2} rx={theme.radius.sm} ry={theme.radius.sm}/>
+                
+                {/* Median line */}
+                <react_native_svg_1.Line x1={box.boxX} y1={box.medianY} x2={box.boxX + box.boxWidth} y2={box.medianY} stroke={boxColor} strokeWidth={3}/>
+                
+                {/* Outliers */}
+                {showOutliers && box.outliers.map((outlier, oIndex) => (<react_native_svg_1.Circle key={`outlier-${index}-${oIndex}`} cx={outlier.x} cy={outlier.y} r={3} fill={theme.colors.chartNegative} opacity={0.8}/>))}
+              </react_1.default.Fragment>))}
+          </react_native_svg_1.default>
+
+          {showLabels && (<react_native_1.View style={styles.labelsContainer}>
+              {boxes.map((box, index) => (<react_native_1.View key={`label-${index}`} style={[styles.labelItem, { left: box.boxX, width: box.boxWidth }]}>
+                  <react_native_1.Text style={[styles.labelText, { color: theme.colors.textSecondary, fontSize: theme.fontScale.xs }]} numberOfLines={1}>
+                    {box.label}
+                  </react_native_1.Text>
+                </react_native_1.View>))}
+            </react_native_1.View>)}
+        </react_native_1.View>
+      </react_native_1.View>
+    </react_native_1.View>);
+});
+exports.BoxPlot.displayName = 'BoxPlot';
+const styles = react_native_1.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' },
+    labelsContainer: { position: 'relative', height: 30, marginTop: 4 },
+    labelItem: { position: 'absolute', alignItems: 'center' },
+    labelText: { textAlign: 'center' },
+});
+//# sourceMappingURL=BoxPlot.js.map