pixel-react-excel-sheet 1.2.0 → 1.2.2

package/lib/components/Charts/DashboardDonutChart/types.d.ts

@@ -5,8 +5,24 @@ export type StatusValue = {
 };
 export type ChartItem = {
     key: string;
-    value: number;
+    value: string | number;
+    color?: string;
+    percentage?: string | number;
+    version?: number[] | string[];
+    versionColor?: string[];
+    osIcon?: string;
+};
+export type NormalizedChartItem = {
+    key: string;
+    value: number | string;
     color?: string;
+    normalizedValue?: number;
+    unit?: string;
+    labelValue?: number | string;
+    percentage?: string | number;
+    version?: number[] | string[];
+    versionColor?: string[];
+    osIcon?: string;
 };
 export type LegendType = 'numberLegend' | 'pillLegend' | 'memoryLegend' | 'tableLegend';
 export type DashboardDonutChartProps = {
@@ -17,5 +33,30 @@ export type DashboardDonutChartProps = {
     isLegendDetails: boolean;
     gapAngle?: number;
     legendType: LegendType;
-    showOnlyLabel: boolean;
+    apiDataLabel?: string | number;
+    showOnlyLabel?: boolean;
+    unit?: string;
+    showUnit?: boolean;
+    labelFontSize?: number;
+    subLabelFontSize?: number;
+    legendPosition?: 'bottom' | 'right' | 'left';
+    chartGap?: number;
+    legendGap?: number;
+    tableWidth?: number;
+    tableHeight?: number;
+    legendValueFontSize?: number;
+    legendKeyFontSize?: number;
+    legendWithVersionFontSize?: number;
+    versionErrorText?: string;
+    labelYoffSet?: number;
+    subLabelYoffSet?: number;
+    capsuleStyle?: {};
+    legendTruncate?: number;
+    isLegendToolTip?: boolean;
+    containerHeight?: number | string;
+    onSelectedStatus?: (_value: string, originalIndex?: number) => void;
+    selectedStatusKey?: string;
+    setSelectedStatusKey?: (_selectedStatusKey: string) => void;
+    isOnClick?: boolean;
+    zIndex?: number;
 };

package/lib/components/Charts/DashboardDonutChart/types.js

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

package/lib/components/Charts/DashboardDonutChart/types.js.map

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

package/lib/components/Charts/DonutChart/DonutChart.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import './DonutChart.scss';
+import { convertToCamelCase } from '../../../utils/converToCamelCase';
+const normalizeStatus = (s) => s?.toLowerCase().trim() || '';
+const calculateArc = (x, y, radius, startAngle, endAngle) => {
+    const startX = x + radius * Math.cos(startAngle);
+    const startY = y + radius * Math.sin(startAngle);
+    const endX = x + radius * Math.cos(endAngle);
+    const endY = y + radius * Math.sin(endAngle);
+    const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
+    return `M ${startX} ${startY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endX} ${endY}`;
+};
+const useColorMappings = () => ({
+    colorMapping: {
+        passed: 'var(--status-success-text-color)',
+        failed: 'var(--status-rejected-text-color)',
+        warning: 'var(--status-warning-text-color)',
+        skipped: 'var(--status-skipped-text-color)',
+        default: 'var(--brand-color)',
+        'on hold': 'var(--ff-onhold-donutchart-color)',
+        descoped: 'var(--ff-descope-donutchart-color)',
+        'to be validated': 'var(--ff-to-be-validate-donutchart-color)',
+        'to be tested': 'var(--status-button-bg-tobetested)',
+        terminated: 'var(--ff-terminated-donutchart-color)',
+    },
+    hoverMapping: {
+        passed: 'var(--status-success-bg-color)',
+        failed: 'var(--status-rejected-bg-color)',
+        warning: 'var(--status-warning-bg-color)',
+        skipped: 'var(--status-skipped-bg-color)',
+        default: 'var(--status-percentage-growth-bg-color)',
+        'on hold': 'var(--ff-onhold-donutchart-color)',
+        descoped: 'var(--ff-descope-donutchart-color)',
+        'to be validated': 'var(--ff-to-be-validate-donutchart-color)',
+        'to be tested': 'var(--status-button-bg-tobetested)',
+        terminated: 'var(--ff-terminated-donutchart-color)',
+    },
+});
+const DonutChart = ({ radius = 60, lineWidth = 15, resultStats = [], gapAngle = 0.06, legendDetailsType = '', isLegendDetails = true, totalCount, }) => {
+    const [hoveredStatus, setHoveredStatus] = useState(null);
+    const { colorMapping, hoverMapping } = useColorMappings();
+    const nonZeroValues = resultStats?.filter(({ count }) => count > 0);
+    const statusColors = resultStats?.map((status) => status?.status);
+    const TOTAL_GAP_ANGLE = gapAngle * nonZeroValues.length;
+    let remainingAngle = 2 * Math.PI - TOTAL_GAP_ANGLE;
+    let currentAngle = -Math.PI / 2;
+    const MIN_PERCENTAGE = 1;
+    const MIN_ANGLE = (MIN_PERCENTAGE / 100) * (2 * Math.PI);
+    let minAngleTotal = 0;
+    nonZeroValues.forEach(({ count }) => {
+        const valuePercentage = count / totalCount;
+        const angle = Math.max(valuePercentage * (2 * Math.PI), MIN_ANGLE);
+        minAngleTotal += angle;
+        remainingAngle -= angle;
+    });
+    const handleMouseEnter = (status) => setHoveredStatus(status);
+    const handleMouseLeave = () => setHoveredStatus(null);
+    const SVG_PADDING = 4;
+    const DONUT_SVG_SIZE = (radius + lineWidth) * 2 + SVG_PADDING * 2;
+    const renderArc = (statusValue, endAngle, i) => {
+        const normalizedStatus = normalizeStatus(statusValue?.status).toLowerCase();
+        const isFullCircle = nonZeroValues.length === 1;
+        const foregroundArcPath = isFullCircle
+            ? calculateArc(0, 0, radius, 0, 2 * Math.PI)
+            : calculateArc(0, 0, radius, currentAngle, endAngle);
+        const outerArcRadius = radius + lineWidth - 1;
+        const outerArcPath = isFullCircle
+            ? calculateArc(0, 0, outerArcRadius, 0, 2 * Math.PI)
+            : calculateArc(0, 0, outerArcRadius, currentAngle, endAngle);
+        currentAngle = endAngle + gapAngle;
+        return (_jsxs("g", { children: [_jsx("path", { d: foregroundArcPath, fill: "none", stroke: colorMapping[normalizedStatus], strokeWidth: lineWidth, onMouseEnter: () => handleMouseEnter(normalizedStatus), onMouseLeave: handleMouseLeave, strokeOpacity: hoveredStatus === null || hoveredStatus === normalizedStatus
+                        ? 0.8
+                        : 0.3 }), hoveredStatus === normalizedStatus && (_jsx("path", { d: outerArcPath, fill: "none", stroke: colorMapping[normalizedStatus], strokeWidth: 4, strokeOpacity: 0.3 }))] }, i));
+    };
+    const renderLegendItem = (statusKey) => {
+        const normalizedKey = normalizeStatus(statusKey);
+        const statusData = resultStats?.find((statusValue) => normalizeStatus(statusValue?.status) === normalizedKey);
+        return (_jsxs("div", { className: `ff-status-item ${hoveredStatus === null || hoveredStatus === normalizedKey
+                ? 'ff-highlighted'
+                : 'ff-fade'}`, onMouseEnter: () => handleMouseEnter(normalizedKey), onMouseLeave: handleMouseLeave, children: [_jsxs("div", { className: "ff-status-label", children: [_jsx("div", { className: "ff-status-color", style: {
+                                backgroundColor: colorMapping[normalizedKey],
+                            } }), _jsx("div", { className: "ff-status-text", children: convertToCamelCase(statusKey) })] }), _jsxs("div", { className: "ff-status-details", children: [_jsxs("div", { className: "ff-status-details-script-count", children: [statusData?.count || 0, _jsx("span", { children: legendDetailsType })] }), _jsxs("div", { className: "ff-status-details-script-percentage", children: ["(", statusData?.percentage?.toFixed(2) || 0, "%)"] })] })] }, statusKey));
+    };
+    return (_jsxs("div", { className: "ff-donut-chart-section", children: [_jsx("div", { className: "ff-donut-chart-svg-container", children: _jsx("svg", { width: DONUT_SVG_SIZE, height: DONUT_SVG_SIZE, viewBox: `0 0 ${DONUT_SVG_SIZE} ${DONUT_SVG_SIZE}`, children: _jsxs("g", { transform: `translate(${radius + lineWidth + SVG_PADDING}, ${radius + lineWidth + SVG_PADDING})`, children: [nonZeroValues?.map((status, i) => {
+                                const valuePercentage = status.count / totalCount;
+                                let angle = Math.max(valuePercentage * (2 * Math.PI), MIN_ANGLE);
+                                angle += remainingAngle * valuePercentage;
+                                const endAngle = currentAngle + angle;
+                                return renderArc(status, endAngle, i);
+                            }), _jsx("text", { x: "0", y: "-18", textAnchor: "middle", fill: colorMapping.default, children: hoveredStatus ? hoveredStatus?.toUpperCase() : 'TOTAL' }), _jsx("text", { x: "0", y: "5", textAnchor: "middle", fill: colorMapping.skipped, children: hoveredStatus
+                                    ? `${resultStats?.find((statusValue) => normalizeStatus(statusValue?.status) === hoveredStatus)?.count ?? 0} ${legendDetailsType}`
+                                    : `${totalCount} ${legendDetailsType}` }), _jsx("rect", { x: -17, y: 14, width: 34, height: 18, fill: hoveredStatus
+                                    ? hoverMapping[hoveredStatus]
+                                    : hoverMapping.default, rx: "5", ry: "5" }), _jsx("text", { x: "0", y: "26", textAnchor: "middle", fill: hoveredStatus
+                                    ? colorMapping[hoveredStatus]
+                                    : colorMapping['default'], children: hoveredStatus
+                                    ? `${(resultStats?.find((statusValue) => normalizeStatus(statusValue?.status) === hoveredStatus)?.percentage || 0)?.toFixed(2)}%`
+                                    : '100%' })] }) }) }), isLegendDetails && (_jsx("div", { className: "ff-status-container", children: statusColors?.map((status) => renderLegendItem(status)) }))] }));
+};
+export default DonutChart;
+//# sourceMappingURL=DonutChart.js.map

package/lib/components/Charts/DonutChart/DonutChart.js.map

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

package/lib/components/Charts/DonutChart/index.js

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

package/lib/components/Charts/DonutChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Charts/DonutChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/Charts/DonutChart/type.d.ts

@@ -1,13 +1,18 @@
-export type Status = 'passed' | 'failed' | 'warning' | 'skipped' | 'Passed' | 'Failed' | 'Skipped' | 'Warning';
-export type StatusValue = {
+type BaseStatus = 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'On Hold' | 'Descoped' | 'To be Validated' | 'To be Tested' | 'Terminated';
+type CaseFlexible<StatusType extends string> = StatusType | Lowercase<StatusType> | Uppercase<StatusType> | Capitalize<Lowercase<StatusType>>;
+export type Status = CaseFlexible<BaseStatus>;
+export type resultStats = {
     status: Status;
-    value: number;
+    percentage: number;
+    count: number;
 };
 export type DonutChartProps = {
     radius: number;
     lineWidth: number;
-    statusValues: StatusValue[];
+    resultStats: resultStats[];
     legendDetailsType: string;
     isLegendDetails: boolean;
     gapAngle?: number;
+    totalCount: number;
 };
+export {};

package/lib/components/Charts/DonutChart/type.js

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

package/lib/components/Charts/DonutChart/type.js.map

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

package/lib/components/Charts/IconRadialChart/IconRadialChart.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconRadialChartProps } from './types';
+import './IconRadialChart.scss';
+declare const IconRadialChart: React.FC<IconRadialChartProps>;
+export default IconRadialChart;

package/lib/components/Charts/IconRadialChart/IconRadialChart.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from 'react';
+import Icon from '../../Icon';
+import './IconRadialChart.scss';
+import Typography from '../../Typography';
+// Function to generate SVG arc paths
+const calculateArc = ({ x, y, radius, startAngle, endAngle, }) => {
+    const startX = x + radius * Math.cos(startAngle);
+    const startY = y + radius * Math.sin(startAngle);
+    const endX = x + radius * Math.cos(endAngle);
+    const endY = y + radius * Math.sin(endAngle);
+    const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
+    if (endAngle - startAngle >= 2 * Math.PI) {
+        // Special case for a full circle
+        return `
+      M ${x + radius} ${y}
+      A ${radius} ${radius} 0 1 1 ${x - radius} ${y}  
+      A ${radius} ${radius} 0 1 1 ${x + radius} ${y}
+    `;
+    }
+    return `M ${startX} ${startY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endX} ${endY}`;
+};
+// Function to calculate arc paths and angles
+const calculateArcPaths = (percentage, currentAngle, radius) => {
+    // Normalize percentage to 0-1 range
+    const normalizedPercentage = Math.max(0, Math.min(percentage, 100)) / 100;
+    const startAngle = currentAngle;
+    const angleIncrement = normalizedPercentage * 2 * Math.PI;
+    const endAngle = startAngle + angleIncrement;
+    // Background arc: always a full circle
+    const backgroundArcPath = calculateArc({
+        x: 0,
+        y: 0,
+        radius,
+        startAngle: 0,
+        endAngle: 2 * Math.PI,
+    });
+    // Foreground arc: a partial arc based on the normalized percentage
+    const foregroundArcPath = calculateArc({
+        x: 0,
+        y: 0,
+        radius,
+        startAngle,
+        endAngle,
+    });
+    return { backgroundArcPath, foregroundArcPath };
+};
+const IconRadialChart = ({ radius = 15, lineWidth = 5, label, percentageValue, icon, fontSize = 10, labelColor = '', arcColor = 'var(--brand-color)', backgroundArcColor = 'var(--ff-select-scroll-thumb-color)', isSelectedArch = false, onSelect, }) => {
+    const [tooltipPosition, setTooltipPosition] = useState({ x: 0, y: 0 });
+    const [showTooltip, setShowTooltip] = useState(false);
+    const containerRef = useRef(null);
+    let currentAngle = -Math.PI / 2;
+    const svgSize = 2 * (radius + lineWidth);
+    const { backgroundArcPath, foregroundArcPath } = calculateArcPaths(percentageValue, currentAngle, radius);
+    const handleMouseEnter = () => {
+        setShowTooltip(true);
+    };
+    const handleMouseLeave = () => {
+        setTooltipPosition({ x: 0, y: 0 });
+        setShowTooltip(false);
+    };
+    const handleMouseMove = (event) => {
+        if (containerRef.current) {
+            const rect = containerRef.current.getBoundingClientRect();
+            setTooltipPosition({
+                x: event.clientX - rect.left,
+                y: event.clientY - rect.top,
+            });
+        }
+    };
+    const renderTooltip = () => {
+        return (_jsxs("div", { className: "ff-icon-radial-chart-tooltip", style: {
+                position: 'absolute',
+                left: `${tooltipPosition.x + 15}px`,
+                top: `${tooltipPosition.y - 5}px`,
+            }, children: [_jsx(Typography, { children: `${label} : ` }), _jsxs(Typography, { children: [percentageValue, "%"] })] }));
+    };
+    return (_jsxs("div", { ref: containerRef, className: "ff-icon-radial-chart-container", style: { '--fontSize': `${fontSize}px` }, onClick: onSelect, children: [_jsx("svg", { width: svgSize, height: svgSize, viewBox: `0 0 ${svgSize} ${svgSize}`, role: "img", children: _jsxs("g", { transform: `translate(${radius + lineWidth}, ${radius + lineWidth})`, children: [_jsx("path", { d: backgroundArcPath, fill: "none", stroke: backgroundArcColor, strokeWidth: lineWidth, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseMove: handleMouseMove }), _jsx("path", { d: foregroundArcPath, fill: "none", stroke: arcColor, strokeWidth: lineWidth, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseMove: handleMouseMove }), isSelectedArch && (_jsx("path", { d: foregroundArcPath, fill: "none", stroke: "var(--dotted-border-color)", strokeOpacity: "0.4", strokeWidth: lineWidth, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseMove: handleMouseMove })), icon ? (_jsx("foreignObject", { x: "-10", y: "-10", width: "20", height: "20", children: _jsx(Icon, { className: "ff-radial-chart-icon-padding", name: icon, height: 20, width: 20 }) })) : (_jsx("text", { x: "0", y: "0", fill: labelColor || arcColor, textAnchor: "middle", dominantBaseline: "central", children: `${Math.round(percentageValue)}%` }))] }) }), showTooltip && renderTooltip()] }));
+};
+export default IconRadialChart;
+//# sourceMappingURL=IconRadialChart.js.map

package/lib/components/Charts/IconRadialChart/IconRadialChart.js.map

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

package/lib/components/Charts/IconRadialChart/index.d.ts

@@ -0,0 +1 @@
+export { default } from './IconRadialChart';

package/lib/components/Charts/IconRadialChart/index.js

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

package/lib/components/Charts/IconRadialChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Charts/IconRadialChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/lib/components/Charts/IconRadialChart/types.d.ts

@@ -0,0 +1,25 @@
+export interface IconRadialChartProps {
+    radius: number;
+    lineWidth: number;
+    label: string;
+    percentageValue: number;
+    icon?: string;
+    fontSize?: number;
+    labelColor?: string;
+    arcColor?: string;
+    backgroundArcColor?: string;
+    isSelectedArch?: boolean;
+    onSelect?: () => void;
+}
+export type ArcParams = {
+    x: number;
+    y: number;
+    radius: number;
+    startAngle: number;
+    endAngle: number;
+};
+export type ArcResult = string;
+export type ArcAnglesResult = {
+    backgroundArcPath: string;
+    foregroundArcPath: string;
+};

package/lib/components/Charts/IconRadialChart/types.js

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

package/lib/components/Charts/IconRadialChart/types.js.map

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

package/lib/components/Charts/LineChart/LineChart.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { LineChartProps } from './types';
+import './LineChart.scss';
+declare const LineChart: React.FC<LineChartProps>;
+export default LineChart;

package/lib/components/Charts/LineChart/LineChart.js

@@ -0,0 +1,243 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import './LineChart.scss';
+import Typography from '../../Typography';
+import { MEMORY_VALIDATION_REGEX, NUMBER_REGEX, UNIT_REGEX, } from '../../../validations/regex';
+const LineChart = ({ data = [], width, height, lineChartWidth, yAxisLabel, xAxisLabel, yAxisValueColor, xAxisColor, yAxisColor, yAxisLabelColor, textSize, fontWeight, numberSize, chartName, shouldCenterSinglePoint, xAxisLabelGap = 16, isLeftOverflow = false, }) => {
+    const margin = 40;
+    const xMax = width - margin * 2;
+    const yMax = height - margin * 2;
+    const [tooltipVisible, setTooltipVisible] = useState(false);
+    const [hoverState, setHoverState] = useState({
+        cursorX: null,
+        hoverValues: {},
+        dotPositions: {},
+        tooltip: { visible: false, left: 0, top: 0 },
+        currentXValue: null,
+    });
+    useEffect(() => {
+        const handleScroll = () => {
+            setTooltipVisible(false);
+            setHoverState((prev) => ({
+                ...prev,
+                tooltip: { ...prev.tooltip, visible: false },
+            }));
+        };
+        window.addEventListener('scroll', handleScroll, true);
+        return () => window.removeEventListener('scroll', handleScroll, true);
+    }, []);
+    const hasData = data &&
+        data.length > 0 &&
+        data?.some((line) => Array.isArray(line?.data) && line?.data?.length > 0);
+    if (!hasData) {
+        const defaultDates = [];
+        for (let i = 6; i >= 0; i--) {
+            const d = new Date();
+            d.setDate(d.getDate() - i);
+            const formatted = d?.toLocaleDateString('en-US', {
+                day: 'numeric',
+                month: 'short',
+            });
+            defaultDates.push(formatted);
+        }
+        const maxMemory = 1024;
+        const numberOfYTicks = 6;
+        const numberOfXTicks = 7;
+        return (_jsxs("div", { className: "ff-line-chart-text", style: { width: width + 20 + xAxisLabelGap, gap: xAxisLabelGap }, children: [_jsx("div", { className: "ff-line-chart-yAxisLabel-warpper", style: { height: height }, children: _jsx(Typography, { className: "ff-line-chart-yAxisLabel", fontSize: textSize, fontWeight: "semi-bold", children: yAxisLabel }) }), _jsx("div", { className: "ff-line-chart-svg", children: _jsx("svg", { height: height, width: width, className: "ff-line-chart-svg", children: _jsxs("g", { transform: `translate(${margin}, ${margin})`, children: [_jsx("line", { x1: 0, y1: yMax, x2: xMax, y2: yMax, stroke: xAxisColor, strokeWidth: 1 }), _jsx("text", { x: xMax / 2.1, y: yMax + margin / 1.2, textAnchor: "middle", fill: yAxisLabelColor, className: "ff-line-chart-x-axis-label", style: { fontSize: textSize, fontWeight: fontWeight }, children: xAxisLabel }), defaultDates.map((date, i) => {
+                                    const tickSpacing = xMax / (numberOfXTicks - 1);
+                                    return (_jsx("text", { x: i * tickSpacing, y: yMax + 15, textAnchor: i === 0
+                                            ? 'start'
+                                            : i === numberOfXTicks - 1
+                                                ? 'end'
+                                                : 'middle', fill: yAxisColor, className: "ff--line-chart-x-line-data", style: { fontSize: numberSize }, children: date }, date));
+                                }), Array.from({ length: numberOfYTicks }).map((_, i) => {
+                                    const yValue = (i * maxMemory) / (numberOfYTicks - 1);
+                                    const displayValue = yValue / 1024;
+                                    const yPos = yMax - (yValue * yMax) / maxMemory;
+                                    return (_jsx("text", { x: -10, y: yPos, textAnchor: "end", fill: yAxisValueColor, className: "ff-line-chart-y-axis-text", style: { fontSize: numberSize }, children: displayValue?.toFixed(1) }, `y-${i}`));
+                                })] }) }) })] }));
+    }
+    const roundUp = (value, decimals = 2) => {
+        let unit = '';
+        if (typeof value === 'string') {
+            const match = value.match(NUMBER_REGEX);
+            const unitMatch = value.match(UNIT_REGEX);
+            if (match) {
+                value = parseFloat(match[0]);
+            }
+            if (unitMatch) {
+                unit = unitMatch[0];
+            }
+        }
+        const multiplier = Math.pow(10, decimals);
+        const roundedValue = Math.ceil(value * multiplier) / multiplier;
+        return `${roundedValue} ${unit}`.trim();
+    };
+    function convertToMB(input) {
+        if (!isNaN(input)) {
+            return parseFloat(input);
+        }
+        const regex = MEMORY_VALIDATION_REGEX;
+        const match = input.match(regex);
+        if (!match) {
+            throw new Error("Invalid input format. Use '<value> <unit>' format (e.g., '10.9580078125 KB') or just a number.");
+        }
+        const value = parseFloat(match[1]);
+        const unit = match[2] ? match[2].toUpperCase() : null;
+        switch (unit) {
+            case 'GB':
+                return parseFloat((value * 1024).toFixed(2));
+            case 'MB':
+                return parseFloat(value.toFixed(2));
+            case 'KB':
+                return parseFloat((value / 1024).toFixed(2));
+            default:
+                throw new Error('Invalid unit. Supported units are GB, MB, and KB.');
+        }
+    }
+    const isDefaultLineChart = data?.[0]?.data?.[0]?.hasOwnProperty('date') &&
+        data?.[0]?.data?.[0]?.hasOwnProperty('totalMemory');
+    const xKey = isDefaultLineChart ? 'date' : 'date';
+    const yKey = isDefaultLineChart ? 'totalMemory' : 'value';
+    const xScale = (x) => {
+        const totalPoints = data?.[0]?.data?.length;
+        if (totalPoints === 1) {
+            return shouldCenterSinglePoint ? xMax / 2 : xMax;
+        }
+        const index = data[0].data.findIndex((point) => point[xKey] === x);
+        if (index === -1)
+            return 0;
+        return (index / (totalPoints - 1)) * xMax;
+    };
+    const maxValue = Math.max(...data?.flatMap((line) => line?.data?.map((point) => convertToMB(point[yKey]))), 5);
+    const yScale = (y) => {
+        if (chartName === 'memory') {
+            const maxMemoryValue = Math.max(...data?.flatMap((line) => line?.data?.map((point) => convertToMB(point[yKey]))));
+            const scaleMax = maxMemoryValue > 1024 ? maxMemoryValue : 1024;
+            return yMax - (y * yMax) / scaleMax;
+        }
+        else {
+            return yMax - (y * yMax) / (maxValue === 0 ? 1024 : maxValue);
+        }
+    };
+    const isAllValuesZero = (lineData) => {
+        return lineData.every((point) => convertToMB(point[yKey]) === 0);
+    };
+    const generateLinePath = (lineData) => {
+        if (lineData?.length === 1) {
+            const point = lineData?.[0];
+            const x = xScale(point[xKey]);
+            const yValue = yScale(convertToMB(point[yKey]));
+            return `M 0 ${yScale(0)} L ${x} ${yValue}`;
+        }
+        return lineData?.reduce((path, point, i) => {
+            const x = xScale(point[xKey]);
+            const y = yScale(convertToMB(point[yKey]));
+            if (i === 0) {
+                return `M ${x} ${y}`;
+            }
+            const prevPoint = lineData[i - 1];
+            const prevX = prevPoint ? xScale(prevPoint[xKey]) : 0;
+            const prevY = prevPoint ? yScale(convertToMB(prevPoint[yKey])) : 0;
+            return `${path} C ${prevX + (x - prevX) / 2} ${prevY}, ${x - (x - prevX) / 2} ${y}, ${x} ${y}`;
+        }, '');
+    };
+    const dataPoints = data[0].data;
+    const numberOfXTicks = 7;
+    const renderTickLabels = () => {
+        if (dataPoints.length === 1) {
+            const point = dataPoints?.[0];
+            return (_jsx("text", { x: shouldCenterSinglePoint ? xMax / 2 : xMax, y: yMax + 15, textAnchor: shouldCenterSinglePoint ? 'middle' : 'end', fill: yAxisColor, className: "ff--line-chart-x-line-data", style: { fontSize: numberSize }, children: point[xKey] != null ? String(point[xKey]) : '' }, String(point[xKey])));
+        }
+        else if (dataPoints.length < 7) {
+            return dataPoints.map((point) => (_jsx("text", { x: xScale(point[xKey]), y: yMax + 15, textAnchor: "middle", fill: yAxisColor, className: "ff--line-chart-x-line-data", style: { fontSize: numberSize }, children: point[xKey] != null ? String(point[xKey]) : '' }, String(point[xKey]))));
+        }
+        else {
+            const tickSpacing = (width - margin * 2 - numberOfXTicks * 9.2) / (numberOfXTicks - 1);
+            return Array.from({ length: numberOfXTicks }).map((_, i) => {
+                const dataIndex = Math.floor((i * (dataPoints?.length - 1)) / (numberOfXTicks - 1));
+                const point = dataPoints[dataIndex];
+                return (_jsx("text", { x: i * tickSpacing, y: yMax + 15, fill: yAxisColor, className: "ff--line-chart-x-line-data", style: { fontSize: numberSize }, children: point?.[xKey] != null ? String(point?.[xKey]) : '' }, String(point?.[xKey])));
+            });
+        }
+    };
+    const renderYAxisLabels = () => {
+        const numberOfYTicks = 6;
+        if (chartName === 'memory') {
+            const dynamicMaxValue = Math.max(maxValue, 1024);
+            return Array.from({ length: numberOfYTicks }).map((_, i) => {
+                const yValue = (i * dynamicMaxValue) / (numberOfYTicks - 1);
+                const displayValue = yValue / 1024; // Convert MB to GB
+                return (_jsx("text", { x: -10, y: yScale(yValue), textAnchor: "end", fill: yAxisValueColor, className: "ff-line-chart-y-axis-text", style: { fontSize: numberSize }, children: displayValue.toFixed(1) }, `y-${i}`));
+            });
+        }
+        else {
+            return Array.from({ length: numberOfYTicks }).map((_, i) => {
+                const yValue = (i * maxValue) / (numberOfYTicks - 1);
+                return (_jsx("text", { x: -10, y: yScale(yValue), textAnchor: "end", fill: yAxisValueColor, className: "ff-line-chart-y-axis-text", style: { fontSize: numberSize }, children: yValue.toFixed(0) }, `y-${i}`));
+            });
+        }
+    };
+    const handleMouseMove = (e) => {
+        const svgRect = e.currentTarget.getBoundingClientRect();
+        const mouseX = e.clientX - svgRect.left - margin;
+        const mouseY = e.clientY - svgRect.top - margin;
+        if (mouseY > yMax) {
+            setTooltipVisible(false);
+            setHoverState({
+                cursorX: null,
+                hoverValues: {},
+                dotPositions: {},
+                tooltip: { visible: false, left: 0, top: 0 },
+                currentXValue: null,
+            });
+            return;
+        }
+        let nearestValues = {
+            hoverValues: {},
+            dotPositions: {},
+        };
+        let nearestXValue = null;
+        data.forEach((line, lineIndex) => {
+            const nearestPoint = line.data.reduce((closest, point) => {
+                const distance = Math.abs(mouseX - xScale(point[xKey]));
+                return distance < closest.distance ? { point, distance } : closest;
+            }, { point: null, distance: Infinity }).point;
+            if (nearestPoint) {
+                nearestXValue = nearestPoint[xKey];
+                nearestValues.hoverValues[lineIndex] = roundUp(nearestPoint[yKey]);
+                nearestValues.dotPositions[lineIndex] = {
+                    x: xScale(nearestPoint[xKey]),
+                    y: yScale(convertToMB(nearestPoint[yKey])),
+                };
+            }
+        });
+        setTooltipVisible(true);
+        setHoverState({
+            cursorX: mouseX,
+            hoverValues: nearestValues.hoverValues,
+            dotPositions: nearestValues.dotPositions,
+            currentXValue: nearestXValue,
+            tooltip: nearestXValue
+                ? { visible: true, left: e.clientX + 10, top: e.clientY - 20 }
+                : { visible: false, left: 0, top: 0 },
+        });
+    };
+    const handleMouseLeave = () => setHoverState({
+        cursorX: null,
+        hoverValues: {},
+        dotPositions: {},
+        tooltip: { visible: false, left: 0, top: 0 },
+        currentXValue: null,
+    });
+    return (_jsxs("div", { className: "ff-line-chart-text", style: { width: width + 20 + xAxisLabelGap, gap: xAxisLabelGap }, children: [_jsx("div", { className: "ff-line-chart-yAxisLabel-warpper", style: { height: height }, children: _jsx(Typography, { className: "ff-line-chart-yAxisLabel", fontSize: textSize, fontWeight: "semi-bold", children: yAxisLabel }) }), _jsxs("div", { className: "ff-line-chart-svg", children: [_jsx("svg", { height: height, width: width, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, className: "ff-line-chart-svg", children: _jsxs("g", { transform: `translate(${margin}, ${margin})`, children: [_jsx("line", { x1: 0, y1: 0, x2: 0, y2: yMax, strokeWidth: 2 }), _jsx("line", { x1: 0, y1: yMax, x2: xMax, y2: yMax, stroke: xAxisColor, strokeWidth: 1 }), _jsx("text", { x: xMax / 2.1, y: yMax + margin / 1.2, textAnchor: "middle", fill: yAxisLabelColor, className: "ff-line-chart-x-axis-label", style: { fontSize: textSize, fontWeight: fontWeight }, children: xAxisLabel }), data.map((line, index) => line.show !== false ? (_jsxs("g", { children: [_jsx("path", { d: generateLinePath(line.data), fill: "none", stroke: line.color, strokeWidth: lineChartWidth, opacity: !isAllValuesZero(line.data) ? 1 : 0.5 }), hoverState.dotPositions[index] && (_jsxs(_Fragment, { children: [_jsx("line", { x1: hoverState.dotPositions[index].x, y1: 0, x2: hoverState.dotPositions[index].x, y2: yMax, stroke: "gray", strokeWidth: 0.5, strokeDasharray: "4" }), _jsx("circle", { cx: hoverState.dotPositions[index].x, cy: hoverState.dotPositions[index].y, r: 5, fill: "white", stroke: line.color, strokeWidth: lineChartWidth, style: { transition: 'cx 0.1s, cy 0.1s' } }), _jsx("line", { x1: 0, y1: hoverState.dotPositions[index].y, x2: xMax, y2: hoverState.dotPositions[index].y, stroke: "gray", strokeWidth: 0.5, strokeDasharray: "4" })] }))] }, index)) : null), renderTickLabels(), renderYAxisLabels()] }) }), tooltipVisible && hoverState.tooltip.visible && (_jsxs("div", { className: "ff-line-chart-tooltip", style: {
+                            left: isLeftOverflow
+                                ? hoverState.tooltip.left / 2 > width / 1.75
+                                    ? hoverState.tooltip.left - 180
+                                    : hoverState.tooltip.left
+                                : hoverState.tooltip.left,
+                            top: hoverState.tooltip.top,
+                        }, children: [_jsx("div", { className: "ff-line-chart-date", children: hoverState.currentXValue }), Object.entries(hoverState.hoverValues).map(([index, value]) => data[Number(index)]?.show !== false && (_jsxs("div", { className: "ff-line-chart-inner-tooltip", children: [data[Number(index)]?.name !== 'default' && (_jsx("div", { className: "ff-line-chart-status-dot", style: { backgroundColor: data[Number(index)]?.color } })), data[Number(index)]?.name, ": ", value] }, index)))] }))] })] }));
+};
+export default LineChart;
+//# sourceMappingURL=LineChart.js.map