teableio / teable / 8538004962

import { formatNumberToString } from '@teable/core';

import type { INumberFormatting } from '@teable/core';

import { cn } from '@teable/ui-lib';

import { useMemo } from 'react';

import type { ICellValue } from '../type';

interface ICellNumber extends ICellValue<number | number[]> {

  formatting?: INumberFormatting;

}

export const CellNumber = (props: ICellNumber) => {

  const { value, formatting, className, style } = props;

  const displayValue = useMemo(() => {

    if (value == null) return;

    if (Array.isArray(value)) {

      return value

        .map((v) => (formatting ? formatNumberToString(v, formatting) : String(v)))

        .join(', ');

    }

    return formatting ? formatNumberToString(value, formatting) : String(value);

  }, [formatting, value]);

  return (

    <div className={cn('w-full text-sm truncate', className)} style={style} title={displayValue}>

      {displayValue}

    </div>

  );

};