How to add a chart

class ChartType(str, Enum):
    # ...
    PIE_CHART = 'pie_chart'

export enum ChartTypeEnum {
  // ...
  PIE_CHART = 'pie_chart',
}
export const CHART_TYPES = [
  // ...
  ChartTypeEnum.PIE_CHART,
];

export const CONFIGURATIONS_BY_CHART_TYPE = {
  [ChartTypeEnum.PIE_CHART]: [
    {
      label: () => 'variable name of values',
      monospace: true,
      uuid: 'super_cool_uuid',
    },
  ],
};

export const VARIABLE_NAMES = [
  'super_cool_uuid',
];

VARIABLE_NAMES_BY_CHART_TYPE = {
    ChartType.PIE_CHART: [
        'super_cool_uuid',
    ],
}

export const DEFAULT_SETTINGS_BY_CHART_TYPE = {
  [ChartTypeEnum.PIE_CHART]: {
    configuration: () => ({
      [VARIABLE_NAME_X]: 'x',
    }),
    content: ({
      upstream_blocks: upstreamBlocks = [],
    }: BlockType) => {
      const uuid = upstreamBlocks[0];
      return `x = ${uuid}[${uuid}.columns[0]]`;
    },
  },
};

export const VARIABLE_INFO_BY_CHART_TYPE = {
  [ChartTypeEnum.PIE_CHART]: {
    [VARIABLE_NAME_X]: (): string => 'must be a list of booleans, dates, integers, floats, or strings.',
  },
};

class Widget(Block):
    def post_process_variables(self, variables):
        if ChartType.PIE_CHART == self.chart_type:
            variables = {}
        return variables

function ChartController({
  block,
  data,
  width,
}: ChartControllerProps) {
  const {
    configuration,
  } = block;
  const chartType = configuration?.chart_type;
  if (ChartTypeEnum.PIE_CHART === chartType) {
    return <PieChart />;
  }
}