Function ChartSeries

src/components/chart/chart-series.tsx:16–133

({
  value,
  onChange,
  isNotChartComponent,
  columns,
}: ChartSeriesProps)

}

export default function ChartSeries({
  value,
  onChange,
  isNotChartComponent,
  columns,
}: ChartSeriesProps) {
  const { forcedTheme, resolvedTheme } = useTheme();
  if (isNotChartComponent) return null;

  return (
    <div className="pt-4">
      <div className="flex items-center justify-between pb-2">
        <p className="mb-1.5 text-sm font-bold opacity-70">Series</p>
        <ButtonGroupItem
          onClick={() => {
            if (!value.params.options?.yAxisKeys) return;
            if (value.params.options?.yAxisKeys.length === columns.length)
              return;

            onChange((prev) => {
              return produce(prev, (draft) => {
                if (!draft.params.options.yAxisKeys) return;
                draft.params.options.yAxisKeys.push(
                  columns.filter(
                    (key) => !draft.params.options.yAxisKeys?.includes(key)
                  )[0]
                );
              });
            });
          }}
        >
          <p className="text-xs">Add Series</p>
        </ButtonGroupItem>
      </div>

      <div className="flex flex-col gap-2">
        {value.params.options?.yAxisKeys?.map((key, index) => {
          const color = value.params.options?.yAxisKeyColors
            ? value.params.options?.yAxisKeyColors[key]
            : undefined;
          return (
            <ChartSeriesCombobox
              color={color}
              key={index}
              values={
                columns.map((s) => {
                  return {
                    value: s,
                    label: s,
                  };
                }) ?? []
              }
              selected={key ?? ""}
              placeholder="Select axis key..."
              onChange={function (v: string): void {
                onChange((prev) => {
                  return produce(prev, (draft) => {
                    if (!draft.params.options.yAxisKeys) return;