import { useAtomValue } from 'jotai';
import {
  always,
  cond,
  equals,
  filter,
  isNil,
  prop,
  reverse,
  sortBy,
  T
} from 'ramda';

import { useLocaleDateTimeFormat } from '../../../../utils';
import type { GraphTooltipData, Tooltip } from '../../models';
import { graphTooltipDataAtom } from '../interactionWithGraphAtoms';

interface UseGraphValueTooltipState extends Omit<GraphTooltipData, 'date'> {
  dateTime: string;
}

interface UseGraphValueTooltipProps extends Pick<Tooltip, 'sortOrder'> {
  isSingleMode: boolean;
}

export const useGraphValueTooltip = ({
  isSingleMode,
  sortOrder
}: UseGraphValueTooltipProps): UseGraphValueTooltipState | null => {
  const { format } = useLocaleDateTimeFormat();
  const graphTooltipData = useAtomValue(graphTooltipDataAtom);

  if (isNil(graphTooltipData) || isNil(graphTooltipData.metrics)) {
    return null;
  }

  const filteredMetrics = isSingleMode
    ? filter(
        ({ id }) => equals(id, graphTooltipData.highlightedMetricId),
        graphTooltipData.metrics
      )
    : graphTooltipData.metrics;

  const sortedMetrics = cond([
    [equals('name'), always(sortBy(prop('name'), filteredMetrics))],
    [equals('ascending'), always(sortBy(prop('value'), filteredMetrics))],
    [
      equals('descending'),
      always(reverse(sortBy(prop('value'), filteredMetrics)))
    ],
    [T, always(filteredMetrics)]
  ])(sortOrder);

  return {
    dateTime: format({ date: graphTooltipData.date, formatString: 'L LTS' }),
    highlightedMetricId: graphTooltipData.highlightedMetricId,
    metrics: sortedMetrics
  };
};