useGaugeChartData.ts

import { type GaugeChartData } from '@/page-layout/widgets/graph/graphWidgetGaugeChart/types/GaugeChartData';
import { type GraphColorRegistry } from '@/page-layout/widgets/graph/types/GraphColorRegistry';
import { getColorScheme } from '@/page-layout/widgets/graph/utils/getColorScheme';
import { useMemo } from 'react';

type UseGaugeChartDataProps = {
  data: GaugeChartData;
  colorRegistry: GraphColorRegistry;
  id: string;
  instanceId: string;
  isHovered: boolean;
};

export const useGaugeChartData = ({
  data,
  colorRegistry,
  id,
  instanceId,
}: UseGaugeChartDataProps) => {
  const { value, min, max, color = 'blue' } = data;

  const colorScheme = useMemo(
    () =>
      getColorScheme({
        registry: colorRegistry,
        colorName: color,
      }),
    [colorRegistry, color],
  );

  const normalizedValue = useMemo(
    () => (max === min ? 0 : ((value - min) / (max - min)) * 100),
    [value, min, max],
  );

  const clampedNormalizedValue = useMemo(
    () => Math.max(0, Math.min(100, normalizedValue)),
    [normalizedValue],
  );

  const chartData = useMemo(
    () => [
      {
        id: 'gauge',
        data: [
          { x: 'value', y: clampedNormalizedValue },
          { x: 'empty', y: 100 - clampedNormalizedValue },
        ],
      },
    ],
    [clampedNormalizedValue],
  );

  const gradientId = `gaugeGradient-${id}-${instanceId}`;

  return {
    colorScheme,
    normalizedValue,
    clampedNormalizedValue,
    chartData,
    gradientId,
  };
};