All files / src/pages/flowsheet-page/economics/results-panel/charts chartRenderers.tsx

87.5% Statements 7/8
50% Branches 1/2
80% Functions 4/5
87.5% Lines 7/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72                                                76x     2x               2x               2x               2x               76x               8x        
import type { ReactNode } from "react";
import type { DrillbackHandler, ParsedChartDataset } from "../model/types";
import { CashFlowChart } from "./CashFlowChart";
import { ComparisonChart } from "./ComparisonChart";
import {
  CHART_CAPEX_BREAKDOWN,
  CHART_CASH_FLOW_NPV,
  CHART_MANUAL_BASELINE_COMPARISON,
  CHART_OPEX_BREAKDOWN,
} from "./constants";
import { RankedBreakdownChart } from "./RankedBreakdownChart";
 
type ChartRenderer = (props: {
  dataset: ParsedChartDataset;
  onDrillback: DrillbackHandler;
}) => ReactNode;
 
type ChartCardDefinition = {
  render: ChartRenderer;
  heightClassName: string;
  wide: boolean;
  showSourceRows: boolean;
};
 
const CHART_CARD_DEFINITIONS: Record<string, ChartCardDefinition> = {
  [CHART_CASH_FLOW_NPV]: {
    render: ({ dataset, onDrillback }) => (
      <CashFlowChart dataset={dataset} onDrillback={onDrillback} />
    ),
    heightClassName: "h-[350px]",
    wide: true,
    showSourceRows: false,
  },
  [CHART_CAPEX_BREAKDOWN]: {
    render: ({ dataset, onDrillback }) => (
      <RankedBreakdownChart dataset={dataset} onDrillback={onDrillback} />
    ),
    heightClassName: "h-[260px]",
    wide: false,
    showSourceRows: true,
  },
  [CHART_OPEX_BREAKDOWN]: {
    render: ({ dataset, onDrillback }) => (
      <RankedBreakdownChart dataset={dataset} onDrillback={onDrillback} />
    ),
    heightClassName: "h-[260px]",
    wide: false,
    showSourceRows: true,
  },
  [CHART_MANUAL_BASELINE_COMPARISON]: {
    render: ({ dataset, onDrillback }) => (
      <ComparisonChart dataset={dataset} onDrillback={onDrillback} />
    ),
    heightClassName: "h-[260px]",
    wide: false,
    showSourceRows: true,
  },
};
 
const DEFAULT_CHART_CARD_DEFINITION: ChartCardDefinition = {
  render: () => null,
  heightClassName: "h-[260px]",
  wide: false,
  showSourceRows: true,
};
 
export function chartCardDefinition(dataset: ParsedChartDataset) {
  return (
    CHART_CARD_DEFINITIONS[dataset.chart_key] ?? DEFAULT_CHART_CARD_DEFINITION
  );
}