// Licensed to Cloudera, Inc. under one
// or more contributor license agreements.  See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership.  Cloudera, Inc. licenses this file
// to you under the Apache License, Version 2.0 (the
// 'License'); you may not use this file except in compliance
// with the License.  You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an 'AS IS' BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

import React, { useMemo } from 'react';
import PaginatedTable, {
  ColumnProps
} from '../../../reactComponents/PaginatedTable/PaginatedTable';
import './Metrics.scss';
import { i18nReact } from '../../../utils/i18nReact';

interface MetricsValue {
  value: number;
}
interface MetricsTime {
  '1m_rate': number;
  '5m_rate': number;
  '15m_rate': number;
  '75_percentile': number;
  '95_percentile': number;
  '99_percentile': number;
  '999_percentile': number;
  avg: number;
  count: number;
  max: number;
  mean_rate: number;
  min: number;
  std_dev: number;
  sum: number;
}

interface MetricsCount {
  count: number;
}
export interface MetricsResponse {
  metric: {
    'auth.ldap.auth-time': MetricsTime;
    'auth.oauth.auth-time': MetricsTime;
    'auth.pam.auth-time': MetricsTime;
    'auth.saml2.auth-time': MetricsTime;
    'auth.spnego.auth-time': MetricsTime;
    'multiprocessing.processes.daemon': MetricsValue;
    'multiprocessing.processes.total': MetricsValue;
    'python.gc.generation.0': MetricsValue;
    'python.gc.generation.1': MetricsValue;
    'python.gc.generation.2': MetricsValue;
    'python.gc.objects': MetricsValue;
    'queries.number': MetricsValue;
    'requests.active': MetricsCount;
    'requests.exceptions': MetricsCount;
    'requests.response-time': MetricsTime;
    'threads.daemon': MetricsValue;
    'threads.total': MetricsValue;
    users: MetricsValue;
    'users.active': MetricsValue;
    'users.active.total': MetricsValue;
    timestamp: string;
  };
}

interface DataSourceItem {
  name: string;
  value: number | MetricsTime;
}

export interface MetricsTableProps {
  caption: string;
  dataSource: DataSourceItem[];
}

const MetricsTable: React.FC<MetricsTableProps> = ({ caption, dataSource }) => {
  const { t } = i18nReact.useTranslation();

  const metricsColumns: ColumnProps<DataSourceItem>[] = [
    {
      title: t('Name'),
      dataIndex: 'name',
      key: 'name',
      width: '30%'
    },
    {
      title: t('Value'),
      dataIndex: 'value',
      key: 'value',
      render: value => (typeof value === 'number' ? value : JSON.stringify(value))
    }
  ];

  const transformedDataSource: DataSourceItem[] = useMemo(
    () =>
      dataSource.map(item => ({
        ...item,
        name: t(item.name)
      })),
    [dataSource, t]
  );

  return (
    <PaginatedTable<DataSourceItem>
      data={transformedDataSource}
      rowKey="name"
      columns={metricsColumns}
      title={() => <span className="metrics-heading">{t(caption)}</span>}
    />
  );
};

export default MetricsTable;