import { findOrDefault } from '../services/index.js';
import type { Formatter } from './../interfaces/index.js';
import { arrayToCsvFormatter } from './arrayToCsvFormatter.js';

/**
 * Roughly the same as the "collectionFormatter" except that it
 * looks up values from the columnDefinition.editor.collection (instead of params) property and displays the label in CSV or string format
 * @example
 * // the grid will display 'foo' and 'bar' and not 1 and 2 from your dataset
 * { editor: { collection: [{ value: 1, label: 'foo'}, {value: 2, label: 'bar' }] }}
 * const dataset = [1, 2];
 */
export const collectionEditorFormatter: Formatter = (row, cell, value, columnDef, dataContext, grid) => {
  if (!value || !columnDef?.editor?.collection?.length) {
    return value;
  }

  const {
    editor,
    editor: { collection },
  } = columnDef;
  const labelName = editor.customStructure?.label ?? 'label';
  const valueName = editor.customStructure?.value ?? 'value';

  if (Array.isArray(value)) {
    if (collection.every((x: any) => typeof x === 'string')) {
      return arrayToCsvFormatter(
        row,
        cell,
        value.map((v: any) => findOrDefault(collection, (c: any) => c === v)),
        columnDef,
        dataContext,
        grid
      );
    }
    return arrayToCsvFormatter(
      row,
      cell,
      value.map((v: any) => findOrDefault(collection, (c: any) => c[valueName] === v)[labelName]),
      columnDef,
      dataContext,
      grid
    );
  }

  return findOrDefault(collection, (c: any) => c[valueName] === value)[labelName] || '';
};