@octanejs/recharts 0.1.41 → 0.1.42

package/src/chart/CartesianChart.tsrx.d.ts

@@ -1,10 +0,0 @@
-// Type declaration for the .tsrx component (resolved by relative path).
-export declare const defaultCartesianChartProps: Record<string, unknown>;
-export declare const CartesianChart: (props: {
-	chartName: string;
-	defaultTooltipEventType: string;
-	validateTooltipEventTypes: readonly string[];
-	tooltipPayloadSearcher: unknown;
-	categoricalChartProps: Record<string, unknown>;
-	ref?: unknown;
-}) => unknown;

package/src/chart/ComposedChart.tsrx.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'octane';
-import { CartesianChartProps } from '../util/types';
-/**
- * @consumes ResponsiveContainerContext
- * @provides CartesianViewBoxContext
- * @provides CartesianChartContext
- */
-export declare const ComposedChart: <DataPointType = any>(
-	props: CartesianChartProps<DataPointType> & {
-		ref?: React.Ref<SVGSVGElement>;
-	},
-) => React.ReactElement;

package/src/chart/FunnelChart.tsrx.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'octane';
-import { CartesianChartProps } from '../util/types';
-/**
- * @consumes ResponsiveContainerContext
- * @provides CartesianViewBoxContext
- * @provides CartesianChartContext
- */
-export declare const FunnelChart: <DataPointType = any>(
-	props: CartesianChartProps<DataPointType> & {
-		ref?: React.Ref<SVGSVGElement>;
-	},
-) => React.ReactElement;

package/src/chart/LineChart.tsrx.d.ts

@@ -1,2 +0,0 @@
-// Type declaration for the .tsrx component (resolved by relative path).
-export declare const LineChart: (props: Record<string, unknown>) => unknown;

package/src/chart/PieChart.tsrx.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'octane';
-import { PolarChartProps } from '../util/types';
-export declare const defaultPieChartProps: {
-	readonly layout: 'centric';
-	readonly startAngle: 0;
-	readonly endAngle: 360;
-	readonly throttleDelay: number | 'raf';
-	readonly throttledEvents: ReadonlyArray<keyof GlobalEventHandlersEventMap> | 'all';
-	readonly accessibilityLayer: true;
-	readonly stackOffset: 'none';
-	readonly barCategoryGap: '10%';
-	readonly barGap: 4;
-	readonly margin: import('..').Margin;
-	readonly reverseStackOrder: false;
-	readonly syncMethod: 'index';
-	readonly responsive: false;
-	readonly cx: '50%';
-	readonly cy: '50%';
-	readonly innerRadius: 0;
-	readonly outerRadius: '80%';
-};
-/**
- * @consumes ResponsiveContainerContext
- * @provides PolarViewBoxContext
- * @provides PolarChartContext
- */
-export declare const PieChart: <DataPointType = any>(
-	props: PolarChartProps<DataPointType> & {
-		ref?: React.Ref<SVGSVGElement>;
-	},
-) => React.ReactElement;

package/src/chart/RadarChart.tsrx.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'octane';
-import { PolarChartProps } from '../util/types';
-export declare const defaultRadarChartProps: {
-	readonly layout: 'centric';
-	readonly startAngle: 90;
-	readonly endAngle: -270;
-	readonly throttleDelay: number | 'raf';
-	readonly throttledEvents: ReadonlyArray<keyof GlobalEventHandlersEventMap> | 'all';
-	readonly accessibilityLayer: true;
-	readonly stackOffset: 'none';
-	readonly barCategoryGap: '10%';
-	readonly barGap: 4;
-	readonly margin: import('..').Margin;
-	readonly reverseStackOrder: false;
-	readonly syncMethod: 'index';
-	readonly responsive: false;
-	readonly cx: '50%';
-	readonly cy: '50%';
-	readonly innerRadius: 0;
-	readonly outerRadius: '80%';
-};
-/**
- * @consumes ResponsiveContainerContext
- * @provides PolarViewBoxContext
- * @provides PolarChartContext
- */
-export declare const RadarChart: <DataPointType = any>(
-	props: PolarChartProps<DataPointType> & {
-		ref?: React.Ref<SVGSVGElement>;
-	},
-) => React.ReactElement;

package/src/chart/RadialBarChart.tsrx.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'octane';
-import { PolarChartProps } from '../util/types';
-export declare const defaultRadialBarChartProps: {
-	readonly layout: 'radial';
-	readonly startAngle: 0;
-	readonly endAngle: 360;
-	readonly throttleDelay: number | 'raf';
-	readonly throttledEvents: ReadonlyArray<keyof GlobalEventHandlersEventMap> | 'all';
-	readonly accessibilityLayer: true;
-	readonly stackOffset: 'none';
-	readonly barCategoryGap: '10%';
-	readonly barGap: 4;
-	readonly margin: import('..').Margin;
-	readonly reverseStackOrder: false;
-	readonly syncMethod: 'index';
-	readonly responsive: false;
-	readonly cx: '50%';
-	readonly cy: '50%';
-	readonly innerRadius: 0;
-	readonly outerRadius: '80%';
-};
-/**
- * @consumes ResponsiveContainerContext
- * @provides PolarViewBoxContext
- * @provides PolarChartContext
- */
-export declare const RadialBarChart: <DataPointType = any>(
-	props: PolarChartProps<DataPointType> & {
-		ref?: React.Ref<SVGSVGElement>;
-	},
-) => React.ReactElement;

package/src/chart/Sankey.tsrx.d.ts

@@ -1,253 +0,0 @@
-import * as React from 'octane';
-import { MouseEvent, ReactElement, ReactNode, SVGProps } from 'octane';
-import { Props as RectangleProps } from '../shape/Rectangle';
-import {
-	DataKey,
-	EventThrottlingProps,
-	Margin,
-	Percent,
-	SankeyLink,
-	SankeyNode,
-} from '../util/types';
-import { TooltipPayloadSearcher } from '../state/tooltipSlice';
-type SankeyVerticalAlign = 'justify' | 'top';
-export declare const computeData: ({
-	data,
-	width,
-	height,
-	iterations,
-	nodeWidth,
-	nodePadding,
-	sort,
-	verticalAlign,
-	align,
-}: {
-	data: SankeyData;
-	width: number;
-	height: number;
-	iterations: number;
-	nodeWidth: number;
-	nodePadding: number;
-	sort: boolean;
-	verticalAlign: SankeyVerticalAlign;
-	align: 'left' | 'justify';
-}) => {
-	nodes: ReadonlyArray<SankeyNode>;
-	links: ReadonlyArray<SankeyLink>;
-};
-export declare const sankeyPayloadSearcher: TooltipPayloadSearcher;
-interface LinkDataItem {
-	source: number;
-	target: number;
-	value: number;
-}
-export interface NodeProps extends Omit<SVGProps<SVGRectElement>, 'height' | 'width'> {
-	height: number;
-	width: number;
-	payload: SankeyNode;
-	index: number;
-	x: number;
-	y: number;
-}
-export interface LinkProps extends SVGProps<SVGPathElement> {
-	sourceX: number;
-	targetX: number;
-	sourceY: number;
-	targetY: number;
-	sourceControlX: number;
-	targetControlX: number;
-	sourceRelativeY: number;
-	targetRelativeY: number;
-	linkWidth: number;
-	index: number;
-	payload: Omit<SankeyLink, 'source' | 'target'> & {
-		source: SankeyNode;
-		target: SankeyNode;
-	};
-}
-export interface SankeyData {
-	nodes: any[];
-	links: LinkDataItem[];
-}
-export type SankeyNodeOptions =
-	ReactElement<SVGProps<SVGRectElement>> | ((props: NodeProps) => ReactNode) | RectangleProps;
-type SankeyLinkOptions =
-	| ReactElement<SVGProps<SVGPathElement>>
-	| ((props: LinkProps) => ReactElement<SVGProps<SVGPathElement>>)
-	| SVGProps<SVGPathElement>;
-interface SankeyProps extends EventThrottlingProps {
-	/**
-	 * Name represents each sector in the tooltip.
-	 * This allows you to extract the name from the data:
-	 *
-	 * - `string`: the name of the field in the data object;
-	 * - `number`: the index of the field in the data;
-	 * - `function`: a function that receives the data object and returns the name.
-	 *
-	 * @defaultValue name
-	 */
-	nameKey?: DataKey<any>;
-	/**
-	 * dataKey prop in Sankey defines which key in the link objects represents the value of the link _in Tooltip only_.
-	 *
-	 * Unlike other charts where dataKey is used to extract values from the data array, in Sankey charts,
-	 * the value of each link is directly taken from the 'value' property of the link objects.
-	 *
-	 * @default 'value'
-	 */
-	dataKey?: DataKey<any>;
-	/**
-	 * The width of chart container.
-	 * Can be a number or a percent string like "100%".
-	 *
-	 * @see {@link https://recharts.github.io/en-US/guide/sizes/ Chart sizing guide}
-	 */
-	width?: number | Percent;
-	/**
-	 * The height of chart container.
-	 * Can be a number or a percent string like "100%".
-	 *
-	 * @see {@link https://recharts.github.io/en-US/guide/sizes/ Chart sizing guide}
-	 */
-	height?: number | Percent;
-	/**
-	 * The source data, including the array of nodes, and the relationships, represented by links.
-	 *
-	 * Note that Sankey requires a specific data structure.
-	 * Each node should have a unique index in the nodes array, and each link should reference these nodes by their indices.
-	 * This is different from other chart types in Recharts, which accept arbitrary data.
-	 *
-	 * @example
-	 * nodes: [
-	 *   { name: 'Visit' },
-	 *   { name: 'Direct-Favourite' },
-	 *   { name: 'Page-Click' },
-	 *   { name: 'Detail-Favourite' },
-	 *   { name: 'Lost' },
-	 * ],
-	 * links: [
-	 *   { source: 0, target: 1, value: 3728.3 },
-	 *   { source: 0, target: 2, value: 354170 },
-	 *   { source: 2, target: 3, value: 62429 },
-	 *   { source: 2, target: 4, value: 291741 },
-	 * ],
-	 */
-	data: SankeyData;
-	/**
-	 * The padding between the nodes
-	 * @default 10
-	 */
-	nodePadding?: number;
-	/**
-	 * The width of node
-	 * @default 10
-	 */
-	nodeWidth?: number;
-	/**
-	 * The curvature of width
-	 * @default 0.5
-	 */
-	linkCurvature?: number;
-	/**
-	 * The number of the iterations between the links
-	 * @default 32
-	 */
-	iterations?: number;
-	/**
-	 * If set an object, the option is the configuration of nodes.
-	 * If set a React element, the option is the custom react element of drawing the nodes.
-	 *
-	 * @example <Sankey node={MyCustomComponent} />
-	 * @example <Sankey node={{stroke: #77c878, strokeWidth: 2}} />
-	 */
-	node?: SankeyNodeOptions;
-	/**
-	 * If set an object, the option is the configuration of links.
-	 * If set a React element, the option is the custom react element of drawing the links.
-	 *
-	 * @example <Sankey link={MyCustomComponent} />
-	 * @example <Sankey link={{ fill: #77c878 }} />
-	 */
-	link?: SankeyLinkOptions;
-	style?: React.CSSProperties;
-	className?: string;
-	children?: ReactNode;
-	/**
-	 * Empty space around the container.
-	 *
-	 * @defaultValue {"top":5,"right":5,"bottom":5,"left":5}
-	 */
-	margin?: Partial<Margin>;
-	/**
-	 * The customized event handler of click on the area in this group
-	 */
-	onClick?: (
-		item: NodeProps | LinkProps,
-		type: SankeyElementType,
-		e: MouseEvent<SVGGraphicsElement>,
-	) => void;
-	/**
-	 * The customized event handler of mouseenter on the area in this group
-	 */
-	onMouseEnter?: (
-		item: NodeProps | LinkProps,
-		type: SankeyElementType,
-		e: MouseEvent<SVGGraphicsElement>,
-	) => void;
-	/**
-	 * The customized event handler of mouseleave on the area in this group
-	 */
-	onMouseLeave?: (
-		item: NodeProps | LinkProps,
-		type: SankeyElementType,
-		e: MouseEvent<SVGGraphicsElement>,
-	) => void;
-	/**
-	 * Whether to sort the nodes on the y axis, or to display them as user-defined.
-	 * @default true
-	 */
-	sort?: boolean;
-	/**
-	 * Controls the vertical spacing of nodes within a depth. 'justify' distributes nodes evenly and balances link paths, while 'top' positions the group starting from the top edge of the chart.
-	 * @default 'justify'
-	 */
-	verticalAlign?: SankeyVerticalAlign;
-	/**
-	 * If set to 'justify', the start nodes will be aligned to the left edge of the chart and the end nodes will be aligned to the right edge of the chart. If set to 'left', the start nodes will be aligned to the left edge of the chart.
-	 * @default 'justify'
-	 */
-	align?: 'left' | 'justify';
-}
-export type Props = Omit<SVGProps<SVGSVGElement>, keyof SankeyProps> & SankeyProps;
-export type SankeyElementType = 'node' | 'link';
-export declare const sankeyDefaultProps: {
-	readonly throttleDelay: number | 'raf';
-	readonly throttledEvents: ReadonlyArray<keyof GlobalEventHandlersEventMap> | 'all';
-	readonly align: 'justify';
-	readonly dataKey: 'value';
-	readonly iterations: 32;
-	readonly linkCurvature: 0.5;
-	readonly margin: {
-		readonly top: 5;
-		readonly right: 5;
-		readonly bottom: 5;
-		readonly left: 5;
-	};
-	readonly nameKey: 'name';
-	readonly nodePadding: 10;
-	readonly nodeWidth: 10;
-	readonly sort: true;
-	readonly verticalAlign: 'justify';
-};
-/**
- * Flow diagram in which the width of the arrows is proportional to the flow rate.
- * It is typically used to visualize energy or material or cost transfers between processes.
- *
- * @consumes ResponsiveContainerContext
- * @provides TooltipEntrySettings
- */
-export declare function Sankey(outsideProps: Props): React.JSX.Element;
-export declare namespace Sankey {
-	var displayName: string;
-}
-export {};

package/src/chart/ScatterChart.tsrx.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'octane';
-import { CartesianChartProps } from '../util/types';
-/**
- * @consumes ResponsiveContainerContext
- * @provides CartesianViewBoxContext
- * @provides CartesianChartContext
- */
-export declare const ScatterChart: <DataPointType = any>(
-	props: CartesianChartProps<DataPointType> & {
-		ref?: React.Ref<SVGSVGElement>;
-	},
-) => React.ReactElement;

package/src/chart/SunburstChart.tsrx.d.ts

@@ -1,146 +0,0 @@
-import * as React from 'octane';
-import { CSSProperties } from 'octane';
-import { Props as TextProps } from '../component/Text';
-import { TooltipIndex, TooltipPayloadSearcher } from '../state/tooltipSlice';
-import { DataKey, EventThrottlingProps, Percent } from '../util/types';
-export interface SunburstData {
-	[key: string]: any;
-	name: string;
-	value?: number;
-	fill?: string;
-	tooltipIndex?: TooltipIndex;
-	children?: SunburstData[];
-}
-export interface SunburstChartProps extends EventThrottlingProps {
-	className?: string;
-	/**
-	 * The source data. Each element should be an object.
-	 * The properties of each object represent the values of different data dimensions.
-	 *
-	 * Use the `dataKey` prop to specify which properties to use.
-	 *
-	 * @example data={[{ name: 'a', value: 12, fill: '#8884d8' }, { name: 'b', value: 5, fill: '#83a6ed' }]}
-	 */
-	data: SunburstData;
-	/**
-	 * The width of chart container.
-	 * Can be a number or a percent string like "100%".
-	 *
-	 * @see {@link https://recharts.github.io/en-US/guide/sizes/ Chart sizing guide}
-	 */
-	width?: number | Percent;
-	/**
-	 * The height of chart container.
-	 * Can be a number or a percent string like "100%".
-	 *
-	 * @see {@link https://recharts.github.io/en-US/guide/sizes/ Chart sizing guide}
-	 */
-	height?: number | Percent;
-	/**
-	 * If true, then it will listen to container size changes and adapt the SVG chart accordingly.
-	 * If false, then it renders the chart at the specified width and height and will stay that way
-	 * even if the container size changes.
-	 *
-	 * This is similar to ResponsiveContainer but without the need for an extra wrapper component.
-	 * The `responsive` prop also uses standard CSS sizing rules, instead of custom resolution logic (like ResponsiveContainer does).
-	 * @default false
-	 */
-	responsive?: boolean;
-	/**
-	 * Distance between sectors.
-	 *
-	 * @defaultValue 2
-	 */
-	padding?: number;
-	/**
-	 * Decides how to extract value from the data.
-	 *
-	 * @defaultValue value
-	 */
-	dataKey?: string;
-	/**
-	 * Name represents each sector in the tooltip.
-	 * This allows you to extract the name from the data:
-	 *
-	 * - `string`: the name of the field in the data object;
-	 * - `number`: the index of the field in the data;
-	 * - `function`: a function that receives the data object and returns the name.
-	 *
-	 * @defaultValue name
-	 */
-	nameKey?: DataKey<any>;
-	/**
-	 * Padding between each hierarchical level.
-	 */
-	ringPadding?: number;
-	/**
-	 * The radius of the inner circle at the center of the chart.
-	 *
-	 * @defaultValue 50
-	 */
-	innerRadius?: number;
-	/**
-	 * Outermost edge of the chart.
-	 * Defaults to the max possible radius for a circle inscribed in the chart container
-	 */
-	outerRadius?: number;
-	/**
-	 * The x-coordinate of center in pixels.
-	 * If undefined, it will be set to half of the chart width.
-	 */
-	cx?: number;
-	/**
-	 * The y-coordinate of center in pixels.
-	 * If undefined, it will be set to half of the chart height.
-	 */
-	cy?: number;
-	/** Angle in degrees from which the chart should start. */
-	startAngle?: number;
-	/** Angle, in degrees, at which the chart should end. */
-	endAngle?: number;
-	children?: React.ReactNode;
-	fill?: string;
-	stroke?: string;
-	/**
-	 * An object with svg text options to control the appearance of the chart labels.
-	 */
-	textOptions?: TextProps;
-	onMouseEnter?: (node: SunburstData, e: React.MouseEvent) => void;
-	onMouseLeave?: (node: SunburstData, e: React.MouseEvent) => void;
-	onClick?: (node: SunburstData) => void;
-	style?: CSSProperties;
-	id?: string;
-}
-export declare const payloadSearcher: TooltipPayloadSearcher;
-export declare const defaultSunburstChartProps: {
-	readonly throttleDelay: number | 'raf';
-	readonly throttledEvents: ReadonlyArray<keyof GlobalEventHandlersEventMap> | 'all';
-	readonly padding: 2;
-	readonly dataKey: 'value';
-	readonly nameKey: 'name';
-	readonly ringPadding: 2;
-	readonly innerRadius: 50;
-	readonly fill: '#333';
-	readonly stroke: '#FFF';
-	readonly textOptions: {
-		fontWeight: string;
-		paintOrder: string;
-		fontSize: string;
-		stroke: string;
-		fill: string;
-		pointerEvents: string;
-	};
-	readonly startAngle: 0;
-	readonly endAngle: 360;
-	readonly responsive: false;
-};
-/**
- * The sunburst is a hierarchical chart, similar to a {@link Treemap}, plotted in polar coordinates.
- * Sunburst charts effectively convey the hierarchical relationships and proportions within each level.
- * It is easy to see all the middle layers in the hierarchy, which might get lost in other visualizations.
- * For some datasets, the radial layout may be more visually appealing and intuitive than a traditional {@link Treemap}.
- *
- * @consumes ResponsiveContainerContext
- * @provides TooltipEntrySettings
- */
-export declare const SunburstChart: (outsideProps: SunburstChartProps) => React.JSX.Element;

package/src/component/DefaultLegendContent.tsrx.d.ts

@@ -1,125 +0,0 @@
-import * as React from 'octane';
-import { ReactNode, MouseEvent, ReactElement, CSSProperties } from 'octane';
-import {
-	DataKey,
-	LegendType,
-	PresentationAttributesAdaptChildEvent,
-	CartesianLayout,
-} from '../util/types';
-export type ContentType = ReactElement | ((props: Props) => ReactNode);
-export type HorizontalAlignmentType = 'center' | 'left' | 'right';
-export type VerticalAlignmentType = 'top' | 'bottom' | 'middle';
-export type Formatter = (value: any, entry: LegendPayload, index: number) => ReactNode;
-export interface LegendPayload {
-	/**
-	 * This is the text that will be displayed in the legend in the DOM.
-	 * If undefined, the text will not be displayed, so the icon will be rendered without text.
-	 */
-	value: string | undefined;
-	type?: LegendType;
-	color?: string;
-	/**
-	 * Different graphical items put different information in the payload object
-	 * so double check in runtime what are you getting here.
-	 */
-	payload?: object;
-	formatter?: Formatter;
-	inactive?: boolean;
-	legendIcon?: ReactElement<SVGElement>;
-	dataKey?: DataKey<any>;
-}
-interface DefaultLegendContentProps {
-	/**
-	 * The size of icon in each legend item.
-	 * @defaultValue 14
-	 */
-	iconSize?: number;
-	/**
-	 * The type of icon in each legend item.
-	 */
-	iconType?: LegendType;
-	/**
-	 * The layout of legend items inside the legend container.
-	 * @defaultValue horizontal
-	 */
-	layout?: CartesianLayout;
-	/**
-	 * Horizontal alignment of the whole Legend container:
-	 *
-	 * - `left`: shows the Legend to the left of the chart, and chart width reduces automatically to make space for it.
-	 * - `right` shows the Legend to the right of the chart, and chart width reduces automatically.
-	 * - `center` shows the Legend in the middle of chart, and chart width remains unchanged.
-	 *
-	 * The exact behavior changes depending on 'verticalAlign' prop.
-	 *
-	 * @defaultValue center
-	 */
-	align?: HorizontalAlignmentType;
-	/**
-	 * Vertical alignment of the whole Legend container:
-	 *
-	 * - `bottom`: shows the Legend below chart, and chart height reduces automatically to make space for it.
-	 * - `top`: shows the Legend above chart, and chart height reduces automatically.
-	 * - `middle`:  shows the Legend in the middle of chart, covering other content, and chart height remains unchanged.
-	 * The exact behavior changes depending on `align` prop.
-	 *
-	 * @defaultValue middle
-	 */
-	verticalAlign?: VerticalAlignmentType;
-	/**
-	 * The color of the icon when the item is inactive.
-	 * @defaultValue #ccc
-	 */
-	inactiveColor?: string;
-	/**
-	 * Function to customize how content is serialized before rendering.
-	 *
-	 * This should return HTML elements, or strings.
-	 *
-	 * @example (value, entry, index) => <span style={{ color: 'red' }}>{value}</span>
-	 * @example https://codesandbox.io/s/legend-formatter-rmzp9
-	 */
-	formatter?: Formatter;
-	/**
-	 * The customized event handler of mouseenter on the items in this group
-	 * @example https://recharts.github.io/examples/LegendEffectOpacity
-	 */
-	onMouseEnter?: (data: LegendPayload, index: number, event: MouseEvent<HTMLElement>) => void;
-	/**
-	 * The customized event handler of mouseleave on the items in this group
-	 * @example https://recharts.github.io/examples/LegendEffectOpacity
-	 */
-	onMouseLeave?: (data: LegendPayload, index: number, event: MouseEvent<HTMLElement>) => void;
-	/**
-	 * The customized event handler of click on the items in this group
-	 */
-	onClick?: (data: LegendPayload, index: number, event: MouseEvent<HTMLElement>) => void;
-	/**
-	 * DefaultLegendContent.payload is omitted from Legend props.
-	 * A custom payload can be passed here if desired, or it can be passed from the Legend "content" callback.
-	 */
-	payload?: ReadonlyArray<LegendPayload>;
-	/**
-	 * The style of each text label which is a span element.
-	 * @defaultValue {}
-	 */
-	labelStyle?: CSSProperties;
-}
-export type Props = DefaultLegendContentProps &
-	Omit<PresentationAttributesAdaptChildEvent<any, ReactElement>, keyof DefaultLegendContentProps>;
-export declare const defaultLegendContentDefaultProps: {
-	readonly align: 'center';
-	readonly iconSize: 14;
-	readonly inactiveColor: '#ccc';
-	readonly layout: 'horizontal';
-	readonly verticalAlign: 'middle';
-	readonly labelStyle: {};
-};
-/**
- * This component is by default rendered inside the {@link Legend} component. You would not use it directly.
- *
- * You can use this component to customize the content of the legend,
- * or you can provide your own completely independent content.
- */
-export declare const DefaultLegendContent: (outsideProps: Props) => React.JSX.Element | null;
-export {};