@pagamio/frontend-commons-lib
Version:
Pagamio library for Frontend reusable components like the form engine and table container
51 lines (50 loc) • 2.03 kB
TypeScript
import type { QueryProps } from 'src/shared/types';
import type { ChartToolTipProps, DistributionChartTooltip, DistributionQueryProps, MetricData, StatisticsQueryProps, TableColumn, TooltipField } from '../types';
export declare const sortMetricData: (data: MetricData[], valueKey: string, sortOrder?: "asc" | "desc") => MetricData[];
interface ChartProps<TData extends {
id: string | number;
}> {
title?: string;
colorScheme?: string[];
chartDetails?: {
columns?: any[];
data?: any[];
};
themeColor?: string;
className?: string;
url?: string;
query: QueryProps;
sortOrder?: 'asc' | 'desc';
tooltipValueFormat: string;
tooltipTitle?: string;
tooltipUnit?: string;
tooltipAdditionalFields?: TooltipField[];
currencyDisplaySymbol?: string;
metricDetailData: {
title: string;
topFiveChartTitle: string;
bottomFiveChartTitle: string;
statisticsUrl?: string;
itemStatisticsQuery: StatisticsQueryProps;
valueMetricsQuery: StatisticsQueryProps;
averageMetricsQuery: StatisticsQueryProps;
distributionMetricsQuery: DistributionQueryProps;
yAxisDataNameKey: string;
xAxisNameKey: string;
xAxisLabel: string;
yAxisLabel: string;
nameKey: string;
valueKey: string;
dataGridSearchKey: string;
dataGridColumns: TableColumn<TData>[];
dataSearchInputPlaceHolder: string;
chartToolTip: ChartToolTipProps;
detailsTableTitle?: string;
distributionChartTooltip: DistributionChartTooltip;
};
showDetailsModal?: boolean;
}
declare const HorizontalBarChart: <TData extends {
id: string | number;
}>({ title, colorScheme, className, url, tooltipValueFormat, query, sortOrder, tooltipTitle, tooltipUnit, tooltipAdditionalFields, currencyDisplaySymbol, metricDetailData, showDetailsModal, ...props }: ChartProps<TData>) => import("react/jsx-runtime").JSX.Element;
export default HorizontalBarChart;