@yamada-ui/charts 1.5.6 → 1.5.7-dev-20241110150258

package/dist/use-area-chart.d.ts

@@ -1,3 +1,7 @@
+import * as recharts_types_util_types from 'recharts/types/util/types';
+import * as recharts_types_chart_types from 'recharts/types/chart/types';
+import * as lodash from 'lodash';
+import * as recharts_types_chart_AccessibilityManager from 'recharts/types/chart/AccessibilityManager';
 import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
 import * as react from 'react';
 import * as _yamada_ui_utils from '@yamada-ui/utils';
@@ -118,7 +122,327 @@ declare const useAreaChart: ({ type, connectNulls, curveType, data, fillOpacity,
         __prefix?: string;
     }[];
     setHighlightedArea: react.Dispatch<react.SetStateAction<string | null>>;
-    getAreaChartProps: RequiredPropGetter<recharts_types_chart_generateCategoricalChart.CategoricalChartProps, recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
+    getAreaChartProps: RequiredPropGetter<Omit<recharts_types_chart_generateCategoricalChart.CategoricalChartProps & react.RefAttributes<{
+        readonly eventEmitterSymbol: Symbol;
+        clipPathId: string;
+        accessibilityManager: recharts_types_chart_AccessibilityManager.AccessibilityManager;
+        throttleTriggeredAfterMouseMove: lodash.DebouncedFunc<(e: recharts_types_chart_generateCategoricalChart.MousePointer) => any>;
+        container?: HTMLElement;
+        componentDidMount(): void;
+        displayDefaultTooltip(): void;
+        getSnapshotBeforeUpdate(prevProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, prevState: Readonly<recharts_types_chart_types.CategoricalChartState>): null;
+        componentDidUpdate(prevProps: recharts_types_chart_generateCategoricalChart.CategoricalChartProps): void;
+        componentWillUnmount(): void;
+        getTooltipEventType(): recharts_types_util_types.TooltipEventType;
+        getMouseInfo(event: recharts_types_chart_generateCategoricalChart.MousePointer): {
+            xValue: any;
+            yValue: any;
+            chartX: number;
+            chartY: number;
+        } | {
+            activeTooltipIndex: number;
+            activeLabel: any;
+            activePayload: any[];
+            activeCoordinate: recharts_types_util_types.ChartCoordinate;
+            chartX: number;
+            chartY: number;
+        };
+        inRange(x: number, y: number, scale?: number): any;
+        parseEventsOfWrapper(): any;
+        addListener(): void;
+        removeListener(): void;
+        handleLegendBBoxUpdate: (box: DOMRect) => void;
+        handleReceiveSyncEvent: (cId: string | number, data: recharts_types_chart_types.CategoricalChartState, emitter: Symbol) => void;
+        handleBrushChange: ({ startIndex, endIndex }: {
+            startIndex: number;
+            endIndex: number;
+        }) => void;
+        handleMouseEnter: (e: react.MouseEvent<Element, MouseEvent>) => void;
+        triggeredAfterMouseMove: (e: recharts_types_chart_generateCategoricalChart.MousePointer) => any;
+        handleItemMouseEnter: (el: any) => void;
+        handleItemMouseLeave: () => void;
+        handleMouseMove: (e: recharts_types_chart_generateCategoricalChart.MousePointer & Partial<Omit<react.MouseEvent<Element, MouseEvent>, keyof recharts_types_chart_generateCategoricalChart.MousePointer>>) => void;
+        handleMouseLeave: (e: any) => void;
+        handleOuterEvent: (e: react.MouseEvent<Element, MouseEvent> | react.TouchEvent<Element>) => void;
+        handleClick: (e: react.MouseEvent<Element, MouseEvent>) => void;
+        handleMouseDown: (e: react.MouseEvent<Element, MouseEvent> | react.Touch) => void;
+        handleMouseUp: (e: react.MouseEvent<Element, MouseEvent> | react.Touch) => void;
+        handleTouchMove: (e: react.TouchEvent<Element>) => void;
+        handleTouchStart: (e: react.TouchEvent<Element>) => void;
+        handleTouchEnd: (e: react.TouchEvent<Element>) => void;
+        triggerSyncEvent: (data: recharts_types_chart_types.CategoricalChartState) => void;
+        applySyncEvent: (data: recharts_types_chart_types.CategoricalChartState) => void;
+        filterFormatItem(item: any, displayName: any, childIndex: any): any;
+        renderCursor: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.JSX.Element;
+        renderPolarAxis: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderPolarGrid: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderLegend: () => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderTooltip: () => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderBrush: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderReferenceElement: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange }: any) => react.ReactElement<any, string | react.JSXElementConstructor<any>>[];
+        renderGraphicChild: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+        renderCustomized: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderClipPath(): react.JSX.Element;
+        getXScales(): {
+            [x: string]: Function | recharts_types_util_types.ScaleType;
+        };
+        getYScales(): {
+            [x: string]: Function | recharts_types_util_types.ScaleType;
+        };
+        getXScaleByAxisId(axisId: string): Function | recharts_types_util_types.ScaleType;
+        getYScaleByAxisId(axisId: string): Function | recharts_types_util_types.ScaleType;
+        getItemByXY(chartXY: {
+            x: number;
+            y: number;
+        }): {
+            graphicalItem: any;
+            payload: any;
+        };
+        renderMap: {
+            CartesianGrid: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+                once: boolean;
+            };
+            ReferenceArea: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            ReferenceLine: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            ReferenceDot: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            XAxis: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            YAxis: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            Brush: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+                once: boolean;
+            };
+            Bar: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Line: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Area: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Radar: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            RadialBar: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Scatter: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Pie: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Funnel: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Tooltip: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.JSX.Element;
+                once: boolean;
+            };
+            PolarGrid: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+                once: boolean;
+            };
+            PolarAngleAxis: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            PolarRadiusAxis: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            Customized: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+        };
+        render(): react.JSX.Element;
+        context: unknown;
+        setState<K extends keyof recharts_types_chart_types.CategoricalChartState>(state: recharts_types_chart_types.CategoricalChartState | ((prevState: Readonly<recharts_types_chart_types.CategoricalChartState>, props: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>) => recharts_types_chart_types.CategoricalChartState | Pick<recharts_types_chart_types.CategoricalChartState, K>) | Pick<recharts_types_chart_types.CategoricalChartState, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
+        state: Readonly<recharts_types_chart_types.CategoricalChartState>;
+        refs: {
+            [key: string]: react.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: react.ErrorInfo): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): void;
+    }>, "ref">, Omit<recharts_types_chart_generateCategoricalChart.CategoricalChartProps & react.RefAttributes<{
+        readonly eventEmitterSymbol: Symbol;
+        clipPathId: string;
+        accessibilityManager: recharts_types_chart_AccessibilityManager.AccessibilityManager;
+        throttleTriggeredAfterMouseMove: lodash.DebouncedFunc<(e: recharts_types_chart_generateCategoricalChart.MousePointer) => any>;
+        container?: HTMLElement;
+        componentDidMount(): void;
+        displayDefaultTooltip(): void;
+        getSnapshotBeforeUpdate(prevProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, prevState: Readonly<recharts_types_chart_types.CategoricalChartState>): null;
+        componentDidUpdate(prevProps: recharts_types_chart_generateCategoricalChart.CategoricalChartProps): void;
+        componentWillUnmount(): void;
+        getTooltipEventType(): recharts_types_util_types.TooltipEventType;
+        getMouseInfo(event: recharts_types_chart_generateCategoricalChart.MousePointer): {
+            xValue: any;
+            yValue: any;
+            chartX: number;
+            chartY: number;
+        } | {
+            activeTooltipIndex: number;
+            activeLabel: any;
+            activePayload: any[];
+            activeCoordinate: recharts_types_util_types.ChartCoordinate;
+            chartX: number;
+            chartY: number;
+        };
+        inRange(x: number, y: number, scale?: number): any;
+        parseEventsOfWrapper(): any;
+        addListener(): void;
+        removeListener(): void;
+        handleLegendBBoxUpdate: (box: DOMRect) => void;
+        handleReceiveSyncEvent: (cId: string | number, data: recharts_types_chart_types.CategoricalChartState, emitter: Symbol) => void;
+        handleBrushChange: ({ startIndex, endIndex }: {
+            startIndex: number;
+            endIndex: number;
+        }) => void;
+        handleMouseEnter: (e: react.MouseEvent<Element, MouseEvent>) => void;
+        triggeredAfterMouseMove: (e: recharts_types_chart_generateCategoricalChart.MousePointer) => any;
+        handleItemMouseEnter: (el: any) => void;
+        handleItemMouseLeave: () => void;
+        handleMouseMove: (e: recharts_types_chart_generateCategoricalChart.MousePointer & Partial<Omit<react.MouseEvent<Element, MouseEvent>, keyof recharts_types_chart_generateCategoricalChart.MousePointer>>) => void;
+        handleMouseLeave: (e: any) => void;
+        handleOuterEvent: (e: react.MouseEvent<Element, MouseEvent> | react.TouchEvent<Element>) => void;
+        handleClick: (e: react.MouseEvent<Element, MouseEvent>) => void;
+        handleMouseDown: (e: react.MouseEvent<Element, MouseEvent> | react.Touch) => void;
+        handleMouseUp: (e: react.MouseEvent<Element, MouseEvent> | react.Touch) => void;
+        handleTouchMove: (e: react.TouchEvent<Element>) => void;
+        handleTouchStart: (e: react.TouchEvent<Element>) => void;
+        handleTouchEnd: (e: react.TouchEvent<Element>) => void;
+        triggerSyncEvent: (data: recharts_types_chart_types.CategoricalChartState) => void;
+        applySyncEvent: (data: recharts_types_chart_types.CategoricalChartState) => void;
+        filterFormatItem(item: any, displayName: any, childIndex: any): any;
+        renderCursor: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.JSX.Element;
+        renderPolarAxis: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderPolarGrid: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderLegend: () => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderTooltip: () => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderBrush: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderReferenceElement: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange }: any) => react.ReactElement<any, string | react.JSXElementConstructor<any>>[];
+        renderGraphicChild: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+        renderCustomized: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+        renderClipPath(): react.JSX.Element;
+        getXScales(): {
+            [x: string]: Function | recharts_types_util_types.ScaleType;
+        };
+        getYScales(): {
+            [x: string]: Function | recharts_types_util_types.ScaleType;
+        };
+        getXScaleByAxisId(axisId: string): Function | recharts_types_util_types.ScaleType;
+        getYScaleByAxisId(axisId: string): Function | recharts_types_util_types.ScaleType;
+        getItemByXY(chartXY: {
+            x: number;
+            y: number;
+        }): {
+            graphicalItem: any;
+            payload: any;
+        };
+        renderMap: {
+            CartesianGrid: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+                once: boolean;
+            };
+            ReferenceArea: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            ReferenceLine: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            ReferenceDot: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            XAxis: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            YAxis: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            Brush: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+                once: boolean;
+            };
+            Bar: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Line: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Area: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Radar: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            RadialBar: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Scatter: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Pie: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Funnel: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
+            };
+            Tooltip: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.JSX.Element;
+                once: boolean;
+            };
+            PolarGrid: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+                once: boolean;
+            };
+            PolarAngleAxis: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            PolarRadiusAxis: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+            Customized: {
+                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+            };
+        };
+        render(): react.JSX.Element;
+        context: unknown;
+        setState<K extends keyof recharts_types_chart_types.CategoricalChartState>(state: recharts_types_chart_types.CategoricalChartState | ((prevState: Readonly<recharts_types_chart_types.CategoricalChartState>, props: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>) => recharts_types_chart_types.CategoricalChartState | Pick<recharts_types_chart_types.CategoricalChartState, K>) | Pick<recharts_types_chart_types.CategoricalChartState, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
+        state: Readonly<recharts_types_chart_types.CategoricalChartState>;
+        refs: {
+            [key: string]: react.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: react.ErrorInfo): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): void;
+    }>, "ref">>;
     getAreaGradientProps: PropGetter<Partial<AreaGradientProps>, AreaGradientProps>;
     getAreaProps: RequiredPropGetter<{
         index: number;