@totalsoft/rocket-ui/src/components/charts/DeprecatedStatsChart/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 { ChartProps } from 'react-chartjs-2'
import { Color } from '../../types'

export interface DataSetsChart {
  data: number[]
  label: string
  backgroundColor: string
  borderColor: string
}

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

export interface DeprecatedStatsChartProps extends Omit<ChartProps, 'type' | 'data'> {
  /**
   * Chart type.
   */
  type?: 'line' | 'bar'
  /**
   * The text content of chart.
   */
  text?: string
  /**
   * Chart icon.
   */
  StatIcon?: SvgIconComponent
  /**
   * @default 'grey'
   * Chart icon color.
   */
  iconColor?: DeprecatedStatsIconColor
  /**
   * @default 'info'
   * Chart color.
   */
  chartColor?: Color
  /**
   * Chart status text.
   */
  statText?: React.ReactNode
  /**
   * Chart data.
   */
  data: {
    labels: string[]
    datasets: DataSetsChart[]
  }
  /**
   *  Action to be displayed in the right corner of the card.
   */
  statAction?: React.ReactNode
}