bruv-ui 0.2.0

package/dist/line-chart.d.ts

@@ -0,0 +1,81 @@
+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 { Line as Line$1, LineChart as LineChart$1, CartesianGrid, XAxis as XAxis$1, YAxis as YAxis$1 } from 'recharts';
+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 { ComponentProps, ReactNode, FC } from 'react';
+import 'recharts/types/component/DefaultTooltipContent';
+
+type CurveType = ComponentProps<typeof Line$1>["type"];
+type StrokeVariant = "solid" | "dashed" | "animated-dashed";
+type LineAnimationType = "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 LineChartBaseProps<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 LineChart$1>;
+    curveType?: CurveType;
+    animationType?: LineAnimationType;
+    defaultSelectedDataKey?: string | null;
+    onSelectionChange?: (selectedDataKey: string | null) => void;
+    isLoading?: boolean;
+    loadingPoints?: number;
+    showBrush?: boolean;
+    xDataKey?: keyof TData & string;
+    brushHeight?: number;
+    brushFormatLabel?: (value: unknown, index: number) => string;
+    onBrushChange?: (range: BrushRange) => void;
+};
+type LineChartProps<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>> = LineChartBaseProps<TData, TConfig>;
+
+declare function LineChart<TData extends Record<string, unknown>, TConfig extends Record<string, ChartConfig[string]>>({ config, data, children, className, chartProps, curveType, animationType, defaultSelectedDataKey, onSelectionChange, isLoading, loadingPoints, showBrush, xDataKey, brushHeight, brushFormatLabel, onBrushChange, }: LineChartProps<TData, TConfig>): react_jsx_runtime.JSX.Element;
+type LineProps = {
+    dataKey: string;
+    strokeVariant?: StrokeVariant;
+    curveType?: CurveType;
+    animationType?: LineAnimationType;
+    connectNulls?: boolean;
+    isClickable?: boolean;
+    enableBufferLine?: boolean;
+    children?: ReactNode;
+    lineProps?: ComponentProps<typeof Line$1>;
+};
+declare function Line({ dataKey, strokeVariant, curveType, animationType, connectNulls, isClickable, enableBufferLine, 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, loadingPoints?: number): {
+    loadingData: {
+        loading: number;
+    }[];
+    onShimmerExit: () => void;
+};
+
+export { ActiveDot, Dot, Grid, Legend, Line, LineChart, type LineChartProps, Tooltip, XAxis, YAxis, useLoadingData };