@totalsoft/rocket-ui/src/components/dataDisplay/StatsChart/types.ts

A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.

// Copyright (c) TotalSoft.
// This source code is licensed under the MIT license.

import { SvgIconComponent } from '@mui/icons-material'

import { BarChartProps, GaugeContainerProps, LineChartProps, PieChartProps, ScatterChartProps } from '@mui/x-charts'
import { Color } from 'components/types'

//ChartType defines the chart types that can be used with the Chart component.
export type ChartType = 'line' | 'bar' | 'pie' | 'scatter' | 'gauge'

//ChartProps defines a discriminated union for handling multiple chart types.
export type ChartProps =
  | ({ type: 'line' } & LineChartProps)
  | ({ type: 'bar' } & BarChartProps)
  | ({ type: 'pie' } & PieChartProps)
  | ({ type: 'scatter' } & ScatterChartProps)
  | ({ type: 'gauge' } & GaugeContainerProps)

export type StatsChartProps = {
  chartColor?: Color
  iconColor?: StatsIconColor
  title: string
  text: string
  StatIcon?: SvgIconComponent
  statText?: string
  statAction?: React.ReactNode
  chart: ChartProps
}

export type StatsIconColor = Exclude<Color, 'default' | 'white' | 'transparent' | 'dark' | 'rose'>