bruv-ui 0.2.0

package/dist/composed-chart.d.ts

@@ -0,0 +1,93 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as ChartConfig, f as TooltipVariant, T as TooltipRoundness } from './chart-tooltip-DajpzJRy.js';
+import { a as BrushRange } from './chart-brush-BoxY9aDm.js';
+import { b as ChartLegendVariant } from './chart-legend-Dv9pqes-.js';
+import { D as DotVariant } from './chart-dot-8H287EDv.js';
+import { ReactNode, ComponentProps, FC } from 'react';
+import { ComposedChart as ComposedChart$1, Line as Line$1, Bar as Bar$1, CartesianGrid, XAxis as XAxis$1, YAxis as YAxis$1 } from 'recharts';
+import 'recharts/types/component/DefaultTooltipContent';
+
+type CurveType = ComponentProps<typeof Line$1>["type"];
+type StrokeVariant = "solid" | "dashed" | "animated-dashed";
+type BarVariant = "default" | "duotone" | "duotone-reverse" | "gradient" | "stripped";
+type ComposedAnimationType = "none" | "left-to-right" | "right-to-left" | "center-out" | "edges-in";
+type ValidateConfigKeys<TData, TConfig> = {
+    [K in keyof TConfig]: K extends keyof TData ? ChartConfig[string] : never;
+};
+type ComposedChartBaseProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = {
+    config: TConfig & ValidateConfigKeys<TData, TConfig>;
+    data: TData[];
+    children: ReactNode;
+    className?: string;
+    chartProps?: ComponentProps<typeof ComposedChart$1>;
+    curveType?: CurveType;
+    animationType?: ComposedAnimationType;
+    barGap?: number;
+    barCategoryGap?: number;
+    defaultSelectedDataKey?: string | null;
+    onSelectionChange?: (selectedDataKey: string | null) => void;
+    isLoading?: boolean;
+    loadingBars?: number;
+    showBrush?: boolean;
+    xDataKey?: keyof TData & string;
+    brushHeight?: number;
+    brushFormatLabel?: (value: unknown, index: number) => string;
+    onBrushChange?: (range: BrushRange) => void;
+};
+type ComposedChartProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = ComposedChartBaseProps<TData, TConfig>;
+
+declare function ComposedChart<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>>({ config, data, children, className, chartProps, curveType, animationType, barGap, barCategoryGap, defaultSelectedDataKey, onSelectionChange, isLoading, loadingBars, showBrush, xDataKey, brushHeight, brushFormatLabel, onBrushChange, }: ComposedChartProps<TData, TConfig>): react_jsx_runtime.JSX.Element;
+type BarProps = {
+    dataKey: string;
+    variant?: BarVariant;
+    radius?: number;
+    animationType?: ComposedAnimationType;
+    isClickable?: boolean;
+    enableHoverHighlight?: boolean;
+    barProps?: ComponentProps<typeof Bar$1>;
+};
+declare function Bar({ dataKey, variant, radius, animationType, isClickable, enableHoverHighlight, barProps, }: BarProps): react_jsx_runtime.JSX.Element | null;
+type LineProps = {
+    dataKey: string;
+    strokeVariant?: StrokeVariant;
+    curveType?: CurveType;
+    animationType?: ComposedAnimationType;
+    connectNulls?: boolean;
+    isClickable?: boolean;
+    children?: ReactNode;
+    lineProps?: ComponentProps<typeof Line$1>;
+};
+declare function Line({ dataKey, strokeVariant, curveType, animationType, connectNulls, isClickable, children, lineProps, }: LineProps): react_jsx_runtime.JSX.Element | null;
+type DotProps = {
+    variant?: DotVariant;
+};
+declare const Dot: FC<DotProps>;
+declare const ActiveDot: FC<DotProps>;
+type XAxisProps = ComponentProps<typeof XAxis$1>;
+declare function XAxis({ tickLine, axisLine, tickMargin, minTickGap, ...props }: XAxisProps): react_jsx_runtime.JSX.Element | null;
+type YAxisProps = ComponentProps<typeof YAxis$1>;
+declare function YAxis({ tickLine, axisLine, tickMargin, minTickGap, width, ...props }: YAxisProps): react_jsx_runtime.JSX.Element | null;
+type GridProps = ComponentProps<typeof CartesianGrid>;
+declare function Grid({ vertical, strokeDasharray, ...props }: GridProps): react_jsx_runtime.JSX.Element;
+type TooltipProps = {
+    variant?: TooltipVariant;
+    roundness?: TooltipRoundness;
+    defaultIndex?: number;
+    cursor?: boolean;
+};
+declare function Tooltip({ variant, roundness, defaultIndex, cursor, }: TooltipProps): react_jsx_runtime.JSX.Element | null;
+type LegendProps = {
+    variant?: ChartLegendVariant;
+    align?: "left" | "center" | "right";
+    verticalAlign?: "top" | "middle" | "bottom";
+    isClickable?: boolean;
+};
+declare function Legend({ variant, align, verticalAlign, isClickable, }: LegendProps): react_jsx_runtime.JSX.Element;
+declare function useLoadingData(isLoading: boolean, loadingBars?: number): {
+    loadingData: {
+        loading: number;
+    }[];
+    onShimmerExit: () => void;
+};
+
+export { ActiveDot, Bar, ComposedChart, type ComposedChartProps, Dot, Grid, Legend, Line, Tooltip, XAxis, YAxis, useLoadingData };