@app-studio/components 0.10.17

package/dist/native/components/Chart/Chart/Chart.style.js

@@ -0,0 +1,155 @@
+import { DEFAULT_CHART_COLORS } from './ChartColors';
+// Exports the default color palette used for chart visualization.
+export const DEFAULT_COLORS = DEFAULT_CHART_COLORS;
+// Defines the base styles for the main chart container, ensuring it fills its parent and establishes a flex column layout.
+export const ChartContainerStyles = {
+    width: '100%',
+    height: '100%',
+    position: 'relative',
+    display: 'flex',
+    flexDirection: 'column',
+};
+// Specifies styles for the chart's main title, including font size, weight, and alignment.
+export const ChartTitleStyles = {
+    fontSize: '18px',
+    fontWeight: '700',
+    marginBottom: '24px',
+    textAlign: 'center',
+    color: 'color-gray-900',
+};
+// Sets the display properties for the chart's legend, managing item layout and spacing.
+export const ChartLegendStyles = {
+    display: 'flex',
+    flexWrap: 'wrap',
+    justifyContent: 'flex-start',
+    marginTop: '16px',
+    gap: '12px',
+};
+// Defines styles for individual items within the chart legend, including layout, padding, and hover effects.
+export const LegendItemStyles = {
+    display: 'flex',
+    alignItems: 'center',
+    padding: '4px 8px',
+    borderRadius: '6px',
+    cursor: 'pointer',
+    transition: 'background-color 0.2s ease',
+    _hover: {
+        backgroundColor: 'color-gray-50',
+    },
+};
+// Specifies styles for the colored indicator preceding each legend item.
+export const LegendColorStyles = {
+    width: '10px',
+    height: '10px',
+    borderRadius: '50%',
+    marginRight: '8px',
+};
+// Defines the textual styles for legend item labels.
+export const LegendTextStyles = {
+    fontSize: '13px',
+    fontWeight: '500',
+    color: 'color-gray-600',
+};
+// Provides styling for the interactive tooltips displayed on hover, including positioning, background, and shadow.
+export const TooltipStyles = {
+    position: 'absolute',
+    backgroundColor: 'color-white',
+    padding: '12px 16px',
+    borderRadius: '8px',
+    boxShadow: '0px 12px 24px rgba(15, 23, 42, 0.18)',
+    border: '1px solid color-gray-200',
+    fontSize: '14px',
+    display: 'flex',
+    flexDirection: 'column',
+    pointerEvents: 'none',
+    zIndex: 100,
+};
+// Defines styles for the grid lines within the chart, such as stroke color and pattern.
+export const GridStyles = {
+    stroke: 'color-gray-100',
+    strokeWidth: '1px',
+    strokeDasharray: '4 4',
+};
+// Specifies styles for the chart's axes lines.
+export const AxisStyles = {
+    stroke: 'color-gray-200',
+    strokeWidth: '1px',
+};
+// Defines styles for the labels displayed along the chart's axes.
+export const AxisLabelStyles = {
+    fontSize: '12px',
+    fill: 'color-gray-500',
+    fontWeight: '500',
+};
+// Sets the visual styles for individual bars in a bar chart, including rounded corners and hover effects.
+export const BarStyles = {
+    rx: '4px',
+    ry: '4px',
+    cursor: 'pointer',
+    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
+    _hover: {
+        filter: 'brightness(1.1)',
+    },
+};
+// Defines the visual properties for lines in a line chart, such as thickness and line caps.
+export const LineStyles = {
+    strokeWidth: '3px',
+    fill: 'none',
+    strokeLinecap: 'round',
+    strokeLinejoin: 'round',
+    transition: 'stroke-width 0.2s ease',
+};
+// Specifies styles for data points on a line or scatter chart, including size, stroke, and hover animations.
+export const PointStyles = {
+    r: '5px',
+    strokeWidth: '2.5px',
+    stroke: 'white',
+    cursor: 'pointer',
+    transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
+    _hover: {
+        r: '7px',
+    },
+};
+// Defines styles for individual slices in a pie chart, including borders and hover transformation.
+export const PieSliceStyles = {
+    strokeWidth: '2px',
+    stroke: 'white',
+    cursor: 'pointer',
+    transition: 'all 0.3s ease',
+    _hover: {
+        transform: 'scale(1.02)',
+    },
+};
+// Establishes a common base style for various chart overlays, providing positioning, background, and alignment.
+export const OverlayBaseStyles = {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'rgba(255, 255, 255, 0.8)',
+    borderRadius: '4px',
+    zIndex: 10,
+    padding: '24px',
+    textAlign: 'center',
+};
+// Applies styles for a loading indicator overlay, inheriting from `OverlayBaseStyles`.
+export const LoadingOverlayStyles = {
+    ...OverlayBaseStyles,
+};
+// Defines styles for an error message overlay, inheriting from `OverlayBaseStyles` and customizing colors for error display.
+export const ErrorOverlayStyles = {
+    ...OverlayBaseStyles,
+    backgroundColor: 'rgba(254, 242, 242, 0.8)',
+    color: 'color-red-600',
+};
+// Specifies styles for a 'no data' message overlay, inheriting from `OverlayBaseStyles` and customizing colors.
+export const NoDataOverlayStyles = {
+    ...OverlayBaseStyles,
+    backgroundColor: 'rgba(249, 250, 251, 0.8)',
+    color: 'color-gray-500',
+};
+//# sourceMappingURL=Chart.style.js.map

package/dist/native/components/Chart/Chart/Chart.style.js.map

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

package/dist/native/components/Chart/Chart/Chart.type.d.ts

@@ -0,0 +1,36 @@
+import { ViewProps } from 'app-studio';
+export type ChartType = 'bar' | 'line' | 'pie' | 'donut' | 'area';
+export interface ChartDataPoint {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface ChartSeries {
+    name: string;
+    data: number[];
+    color?: string;
+}
+export interface ChartData {
+    labels: string[];
+    series: ChartSeries[];
+}
+export interface ChartStyles {
+    container?: ViewProps;
+    chart?: ViewProps;
+    legend?: ViewProps;
+    legendItem?: ViewProps;
+    tooltip?: ViewProps;
+    axis?: ViewProps;
+    grid?: ViewProps;
+    bar?: ViewProps;
+    line?: ViewProps;
+    point?: ViewProps;
+    pie?: ViewProps;
+    area?: ViewProps;
+    axisLabel?: ViewProps;
+    axisLine?: ViewProps;
+    axisTick?: ViewProps;
+    loadingOverlay?: ViewProps;
+    errorOverlay?: ViewProps;
+    noDataOverlay?: ViewProps;
+}

package/dist/native/components/Chart/Chart/Chart.type.js

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

package/dist/native/components/Chart/Chart/Chart.type.js.map

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

package/dist/native/components/Chart/Chart/Chart.view.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ChartProps } from './Chart.props';
+export declare const ChartView: React.FC<ChartProps>;

package/dist/native/components/Chart/Chart/Chart.view.js

@@ -0,0 +1,122 @@
+import React from 'react';
+import { View } from 'app-studio';
+import { Text } from 'app-studio';
+import { Horizontal } from 'app-studio';
+import { Center } from 'app-studio';
+import { Loader } from '../../Loader/Loader';
+import { useChartState } from './Chart.state';
+import { ChartContainerStyles, ChartTitleStyles, ChartLegendStyles, LegendItemStyles, LegendColorStyles, LegendTextStyles, LoadingOverlayStyles, ErrorOverlayStyles, NoDataOverlayStyles, } from './Chart.style';
+import { BarChart } from './BarChart';
+import { LineChart } from './LineChart';
+import { PieChart } from './PieChart';
+import { ChartTooltip } from './ChartTooltip';
+// Defines the main ChartView functional component, responsible for rendering different chart types, legends, and various status indicators based on its provided properties.
+export const ChartView = ({ type, data, dataPoints, title, showLegend = true, legendPosition = 'bottom', showGrid = true, showTooltips = true, animated = true, animationDuration = 500, responsive = true, aspectRatio = 16 / 9, width: propWidth = 200, height: propHeight = 200, views, onDataPointClick, onSeriesClick, isLoading = false, error, noData, loadingIndicator, errorIndicator, noDataIndicator, 'aria-label': ariaLabel, themeMode: elementMode, ...props }) => {
+    // Destructures state variables and utility functions from the `useChartState` hook, managing animation progress, tooltip visibility, container references, and processed data for the chart.
+    const { animationProgress, tooltip, containerRef, processedData, showTooltip: showTooltipState, hideTooltip: hideTooltipState, getChartDimensions, toggleSeries, } = useChartState({
+        data,
+        dataPoints,
+        animated,
+        animationDuration,
+        showTooltips,
+    });
+    // Retrieves the processed and formatted chart data from the state hook, which is then used by the specific chart components for rendering.
+    const chartData = processedData();
+    // Destructures the dynamically calculated width and height of the chart's containing element.
+    const { width: containerWidth, height: containerHeight } = getChartDimensions();
+    // Determines the effective width of the chart, prioritizing the `propWidth` if provided, otherwise using the calculated `containerWidth`.
+    const width = propWidth || containerWidth;
+    // Calculates the effective height of the chart, considering `propHeight`, responsive behavior based on aspect ratio, or falling back to `containerHeight`.
+    const height = propHeight || (responsive ? containerWidth / aspectRatio : containerHeight);
+    // A utility function to render the chart legend, which displays color-coded labels for data series or points and supports interactive toggling of series visibility.
+    const renderLegend = () => {
+        if (!showLegend || !chartData)
+            return null;
+        let items = [];
+        if (type === 'pie' || type === 'donut') {
+            if (Array.isArray(chartData)) {
+                items = chartData;
+            }
+        }
+        else {
+            if (chartData && chartData.series) {
+                items = chartData.series;
+            }
+        }
+        if (!items || items.length === 0)
+            return null;
+        return (<Horizontal flexWrap="wrap" justifyContent="flex-start" marginTop={legendPosition === 'bottom' ? '16px' : 0} marginBottom={legendPosition === 'top' ? '16px' : 0} {...ChartLegendStyles} {...views?.legend}>
+        {items.map((item, index) => {
+                const isHidden = item.hidden;
+                const label = item.name || item.label;
+                return (<View key={`legend-${index}`} {...LegendItemStyles} onClick={() => toggleSeries(label)} opacity={isHidden ? 0.4 : 1} {...views?.legendItem}>
+              <View backgroundColor={item.color} {...LegendColorStyles} opacity={isHidden ? 0.3 : 1}/>
+              <Text {...LegendTextStyles} textDecoration={isHidden ? 'line-through' : 'none'}>
+                {label}
+              </Text>
+            </View>);
+            })}
+      </Horizontal>);
+    };
+    const renderChart = () => {
+        if (!chartData)
+            return null;
+        switch (type) {
+            case 'bar':
+                return (<BarChart data={chartData} width={width} height={height} animationProgress={animationProgress} showGrid={showGrid} onBarClick={onSeriesClick} showTooltip={showTooltipState} hideTooltip={hideTooltipState} views={views}/>);
+            case 'line':
+            case 'area':
+                return (<LineChart data={chartData} width={width} height={height} animationProgress={animationProgress} showGrid={showGrid} onPointClick={onSeriesClick} showTooltip={showTooltipState} hideTooltip={hideTooltipState} views={views}/>);
+            case 'pie':
+            case 'donut':
+                return (<PieChart dataPoints={chartData} width={width} height={height} animationProgress={animationProgress} isDonut={type === 'donut'} onSliceClick={onDataPointClick} showTooltip={showTooltipState} hideTooltip={hideTooltipState} views={views}/>);
+            default:
+                return null;
+        }
+    };
+    const renderLoadingIndicator = () => {
+        if (!isLoading)
+            return null;
+        return (<View {...LoadingOverlayStyles} {...views?.loadingOverlay}>
+        {loadingIndicator || (<Center>
+            <Loader size="lg"/>
+          </Center>)}
+      </View>);
+    };
+    const renderErrorIndicator = () => {
+        if (!error)
+            return null;
+        return (<View {...ErrorOverlayStyles} {...views?.errorOverlay}>
+        {errorIndicator || (<Text fontWeight="medium">
+            {typeof error === 'string' ? error : 'An error occurred'}
+          </Text>)}
+      </View>);
+    };
+    const renderNoDataIndicator = () => {
+        if (!noData)
+            return null;
+        return (<View {...NoDataOverlayStyles} {...views?.noDataOverlay}>
+        {noDataIndicator || (<Text>
+            {typeof noData === 'string' ? noData : 'No data available'}
+          </Text>)}
+      </View>);
+    };
+    const effectiveAriaLabel = ariaLabel ?? (typeof title === 'string' ? title : 'Chart');
+    const showChartContent = !error && !isLoading && !noData;
+    return (<View ref={containerRef} role="region" aria-label={effectiveAriaLabel} aria-busy={isLoading} {...ChartContainerStyles} {...views?.container} {...props}>
+      {title && <Text {...ChartTitleStyles}>{title}</Text>}
+      
+      {showChartContent && legendPosition === 'top' && renderLegend()}
+      <View flex={1} width="100%" position="relative" {...views?.chart}>
+        {showChartContent && renderChart()}
+        
+        {renderLoadingIndicator()}
+        {renderErrorIndicator()}
+        {renderNoDataIndicator()}
+        <ChartTooltip visible={showTooltips && tooltip.visible} x={tooltip.x} y={tooltip.y} content={tooltip.content} maxDistance={100} views={views}/>
+      </View>
+      
+      {showChartContent && legendPosition === 'bottom' && renderLegend()}
+    </View>);
+};
+//# sourceMappingURL=Chart.view.js.map

package/dist/native/components/Chart/Chart/Chart.view.js.map

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

package/dist/native/components/Chart/Chart/ChartColors.d.ts

@@ -0,0 +1,13 @@
+export declare const CHART_COLORS: {
+    blue: string;
+    green: string;
+    purple: string;
+    orange: string;
+    red: string;
+    teal: string;
+    pink: string;
+    indigo: string;
+    yellow: string;
+    cyan: string;
+};
+export declare const DEFAULT_CHART_COLORS: string[];

package/dist/native/components/Chart/Chart/ChartColors.js

@@ -0,0 +1,27 @@
+// Defines a collection of named color tokens, mapping descriptive color names to specific string values (e.g., CSS class names or design system tokens) for consistent styling within the Chart component.
+export const CHART_COLORS = {
+    blue: 'color-blue-500',
+    green: 'color-green-500',
+    purple: 'color-purple-500',
+    orange: 'color-orange-500',
+    red: 'color-red-500',
+    teal: 'color-teal-500',
+    pink: 'color-pink-500',
+    indigo: 'color-indigo-500',
+    yellow: 'color-yellow-500',
+    cyan: 'color-cyan-500',
+};
+// Establishes a predefined sequence of colors from the CHART_COLORS palette to be used by default in charts when a specific color scheme is not explicitly provided, ensuring visual consistency.
+export const DEFAULT_CHART_COLORS = [
+    CHART_COLORS.blue,
+    CHART_COLORS.green,
+    CHART_COLORS.purple,
+    CHART_COLORS.orange,
+    CHART_COLORS.red,
+    CHART_COLORS.teal,
+    CHART_COLORS.pink,
+    CHART_COLORS.indigo,
+    CHART_COLORS.yellow,
+    CHART_COLORS.cyan,
+];
+//# sourceMappingURL=ChartColors.js.map

package/dist/native/components/Chart/Chart/ChartColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartColors.js","sourceRoot":"","sources":["../../../../../src/components/Chart/Chart/ChartColors.ts"],"names":[],"mappings":"AAAA,2MAA2M;AAC3M,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,kBAAkB;IAC1B,MAAM,EAAE,kBAAkB;IAC1B,GAAG,EAAE,eAAe;IACpB,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,MAAM,EAAE,kBAAkB;IAC1B,MAAM,EAAE,kBAAkB;IAC1B,IAAI,EAAE,gBAAgB;CACvB,CAAC;AACF,kMAAkM;AAClM,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,YAAY,CAAC,IAAI;IACjB,YAAY,CAAC,KAAK;IAClB,YAAY,CAAC,MAAM;IACnB,YAAY,CAAC,MAAM;IACnB,YAAY,CAAC,GAAG;IAChB,YAAY,CAAC,IAAI;IACjB,YAAY,CAAC,IAAI;IACjB,YAAY,CAAC,MAAM;IACnB,YAAY,CAAC,MAAM;IACnB,YAAY,CAAC,IAAI;CAClB,CAAC"}

package/dist/native/components/Chart/Chart/ChartTooltip.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ViewProps } from 'app-studio';
+interface ChartTooltipProps {
+    visible: boolean;
+    x: number;
+    y: number;
+    content: React.ReactNode;
+    maxDistance?: number;
+    views?: {
+        tooltip?: ViewProps;
+    };
+}
+export declare const ChartTooltip: React.FC<ChartTooltipProps>;
+export {};

package/dist/native/components/Chart/Chart/ChartTooltip.js

@@ -0,0 +1,75 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { View } from 'app-studio';
+import { TooltipStyles } from './Chart.style';
+// The ChartTooltip component displays a customizable tooltip at specified coordinates, adjusting its position to stay within the viewport.
+export const ChartTooltip = ({ 
+// Destructures the 'visible' prop from ChartTooltipProps.
+visible, 
+// Destructures the 'x' prop from ChartTooltipProps.
+x, 
+// Destructures the 'y' prop from ChartTooltipProps.
+y, 
+// Destructures the 'content' prop from ChartTooltipProps.
+content, 
+// Destructures the 'maxDistance' prop, providing a default value if not specified.
+maxDistance = 100, 
+// Destructures the 'views' prop from ChartTooltipProps.
+views, }) => {
+    // Creates a ref to attach to the tooltip's DOM element for direct measurements.
+    const tooltipRef = useRef(null);
+    // Initializes state to store the calculated `left` and `top` CSS positions of the tooltip.
+    const [position, setPosition] = useState({ left: 0, top: 0 });
+    // A React hook to recalculate and update the tooltip's position whenever its visibility or coordinates change.
+    useEffect(() => {
+        // Exits the effect if the tooltip is not visible or the ref to its DOM element is not yet available.
+        if (!visible || !tooltipRef.current)
+            return;
+        // Gets the current DOM element of the tooltip.
+        const tooltip = tooltipRef.current;
+        // Obtains the size and position of the tooltip relative to the viewport.
+        const tooltipRect = tooltip.getBoundingClientRect();
+        // Determines the tooltip's width, falling back to 200px if not available.
+        const tooltipWidth = tooltipRect.width || 200;
+        // Determines the tooltip's height, falling back to 100px if not available.
+        const tooltipHeight = tooltipRect.height || 100;
+        // Defines a spacing offset for positioning the tooltip relative to its anchor point.
+        const offset = 20;
+        // Defines a padding value to keep the tooltip away from the viewport edges.
+        const viewportPadding = 16;
+        // Calculates the initial horizontal position to center the tooltip around the `x` coordinate.
+        let left = x - tooltipWidth / 2;
+        // Calculates the initial vertical position, placing the tooltip above the `y` coordinate.
+        let top = y - tooltipHeight - offset;
+        // Checks if the tooltip's calculated top position is too high (collides with the top viewport padding).
+        if (top < viewportPadding) {
+            // If the tooltip is too high, repositions it to appear below the `y` coordinate.
+            top = y + offset;
+        }
+        // Checks if the tooltip extends beyond the right edge of the viewport.
+        if (left + tooltipWidth > window.innerWidth - viewportPadding) {
+            // Adjusts the `left` position to ensure the tooltip remains within the right viewport boundary.
+            left = window.innerWidth - tooltipWidth - viewportPadding;
+            // Checks if the tooltip extends beyond the left edge of the viewport.
+        }
+        else if (left < viewportPadding) {
+            // Adjusts the `left` position to ensure the tooltip remains within the left viewport boundary.
+            left = viewportPadding;
+        }
+        // Clamps the `top` position to ensure the tooltip stays within the vertical viewport boundaries.
+        top = Math.max(viewportPadding, Math.min(top, window.innerHeight - tooltipHeight - viewportPadding));
+        // Updates the component's state with the final calculated `left` and `top` positions, triggering a re-render.
+        setPosition({ left, top });
+        // Dependencies array for `useEffect`, ensuring the position recalculation runs when `visible`, `x`, or `y` change.
+    }, [visible, x, y]);
+    // If the `visible` prop is false, the component renders nothing.
+    if (!visible)
+        return null;
+    return (<View ref={tooltipRef} position="fixed" left={`${position.left}px`} top={`${position.top}px`} {...TooltipStyles} {...views?.tooltip} style={{
+            ...TooltipStyles?.style,
+            pointerEvents: 'none',
+            transition: 'all 0.1s ease-out',
+        }}>
+      {content}
+    </View>);
+};
+//# sourceMappingURL=ChartTooltip.js.map

package/dist/native/components/Chart/Chart/ChartTooltip.js.map

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

package/dist/native/components/Chart/Chart/LineChart.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ChartData } from './Chart.type';
+interface LineChartProps {
+    data: ChartData;
+    width: number;
+    height: number;
+    animationProgress: number;
+    showGrid?: boolean;
+    onPointClick?: (seriesName: string, index: number) => void;
+    showTooltip: (x: number, y: number, content: React.ReactNode) => void;
+    hideTooltip: () => void;
+    views?: any;
+}
+export declare const LineChart: React.FC<LineChartProps>;
+export {};