@octanejs/recharts 0.1.62 → 0.1.64

package/src/chart/PieChart.tsrx

@@ -19,17 +19,21 @@ export const defaultPieChartProps = {
  * @provides PolarViewBoxContext
  * @provides PolarChartContext
  */
-export function PieChart<DataPointType = unknown>(props: PolarChartProps<DataPointType> & {
-	ref?: Ref<SVGSVGElement>;
-}) {
+export function PieChart<DataPointType = unknown>(
+	props: PolarChartProps<DataPointType> & {
+		ref?: Ref<SVGSVGElement>;
+	},
+) {
 	const { ref, ...rest } = props;
 	const propsWithDefaults = resolveDefaultProps(rest, defaultPieChartProps);
-	return <PolarChart
-		chartName="PieChart"
-		defaultTooltipEventType="item"
-		validateTooltipEventTypes={allowedTooltipTypes}
-		tooltipPayloadSearcher={arrayTooltipSearcher}
-		categoricalChartProps={propsWithDefaults}
-		ref={ref}
-	/>;
+	return (
+		<PolarChart
+			chartName="PieChart"
+			defaultTooltipEventType="item"
+			validateTooltipEventTypes={allowedTooltipTypes}
+			tooltipPayloadSearcher={arrayTooltipSearcher}
+			categoricalChartProps={propsWithDefaults}
+			ref={ref}
+		/>
+	);
 }

package/src/chart/PolarChart.tsrx

@@ -42,15 +42,14 @@ export const defaultPolarChartProps = {
  * We can't have the defaults in this file because each of those convenience components
  * have their own opinions about what they should be.
  */
-type PolarChartPropsWithDefaults =
-	PolarChartProps & {
-		cx: NonNullable<PolarChartProps['cx']>;
-		cy: NonNullable<PolarChartProps['cy']>;
-		startAngle: NonNullable<PolarChartProps['startAngle']>;
-		endAngle: NonNullable<PolarChartProps['endAngle']>;
-		innerRadius: NonNullable<PolarChartProps['innerRadius']>;
-		outerRadius: NonNullable<PolarChartProps['outerRadius']>;
-	};
+type PolarChartPropsWithDefaults = PolarChartProps & {
+	cx: NonNullable<PolarChartProps['cx']>;
+	cy: NonNullable<PolarChartProps['cy']>;
+	startAngle: NonNullable<PolarChartProps['startAngle']>;
+	endAngle: NonNullable<PolarChartProps['endAngle']>;
+	innerRadius: NonNullable<PolarChartProps['innerRadius']>;
+	outerRadius: NonNullable<PolarChartProps['outerRadius']>;
+};
 
 /**
  * These are one-time, immutable options that decide the chart's behavior.
@@ -71,12 +70,8 @@ export function PolarChart(props: PolarChartOptions & { ref?: Ref<SVGSVGElement>
 
 	const { layout, ...otherCategoricalProps } = polarChartProps;
 
-	const {
-		chartName,
-		defaultTooltipEventType,
-		validateTooltipEventTypes,
-		tooltipPayloadSearcher,
-	} = props;
+	const { chartName, defaultTooltipEventType, validateTooltipEventTypes, tooltipPayloadSearcher } =
+		props;
 
 	const options: ChartOptions = {
 		chartName,
@@ -86,37 +81,39 @@ export function PolarChart(props: PolarChartOptions & { ref?: Ref<SVGSVGElement>
 		eventEmitter: undefined,
 	};
 
-	return <RechartsStoreProvider
-		preloadedState={{ options }}
-		reduxStoreName={polarChartProps.id ?? chartName}
-	>
-		<ChartDataContextProvider chartData={polarChartProps.data} />
-		<ReportMainChartProps layout={layout} margin={polarChartProps.margin} />
-		<ReportEventSettings
-			throttleDelay={polarChartProps.throttleDelay}
-			throttledEvents={polarChartProps.throttledEvents}
-		/>
-		<ReportChartProps
-			baseValue={undefined}
-			accessibilityLayer={polarChartProps.accessibilityLayer}
-			barCategoryGap={polarChartProps.barCategoryGap}
-			maxBarSize={polarChartProps.maxBarSize}
-			stackOffset={polarChartProps.stackOffset}
-			barGap={polarChartProps.barGap}
-			barSize={polarChartProps.barSize}
-			syncId={polarChartProps.syncId}
-			syncMethod={polarChartProps.syncMethod}
-			className={polarChartProps.className}
-			reverseStackOrder={polarChartProps.reverseStackOrder}
-		/>
-		<ReportPolarOptions
-			cx={polarChartProps.cx}
-			cy={polarChartProps.cy}
-			startAngle={polarChartProps.startAngle}
-			endAngle={polarChartProps.endAngle}
-			innerRadius={polarChartProps.innerRadius}
-			outerRadius={polarChartProps.outerRadius}
-		/>
-		<CategoricalChart {...otherCategoricalProps} ref={ref} />
-	</RechartsStoreProvider>;
+	return (
+		<RechartsStoreProvider
+			preloadedState={{ options }}
+			reduxStoreName={polarChartProps.id ?? chartName}
+		>
+			<ChartDataContextProvider chartData={polarChartProps.data} />
+			<ReportMainChartProps layout={layout} margin={polarChartProps.margin} />
+			<ReportEventSettings
+				throttleDelay={polarChartProps.throttleDelay}
+				throttledEvents={polarChartProps.throttledEvents}
+			/>
+			<ReportChartProps
+				baseValue={undefined}
+				accessibilityLayer={polarChartProps.accessibilityLayer}
+				barCategoryGap={polarChartProps.barCategoryGap}
+				maxBarSize={polarChartProps.maxBarSize}
+				stackOffset={polarChartProps.stackOffset}
+				barGap={polarChartProps.barGap}
+				barSize={polarChartProps.barSize}
+				syncId={polarChartProps.syncId}
+				syncMethod={polarChartProps.syncMethod}
+				className={polarChartProps.className}
+				reverseStackOrder={polarChartProps.reverseStackOrder}
+			/>
+			<ReportPolarOptions
+				cx={polarChartProps.cx}
+				cy={polarChartProps.cy}
+				startAngle={polarChartProps.startAngle}
+				endAngle={polarChartProps.endAngle}
+				innerRadius={polarChartProps.innerRadius}
+				outerRadius={polarChartProps.outerRadius}
+			/>
+			<CategoricalChart {...otherCategoricalProps} ref={ref} />
+		</RechartsStoreProvider>
+	);
 }

package/src/chart/RadarChart.tsrx

@@ -14,44 +14,50 @@ export const defaultRadarChartProps = {
 	endAngle: -270,
 } as const satisfies Partial<PolarChartProps<never>>;
 
-type RadarChartProps<DataPointType> =
-	Omit<PolarChartProps<DataPointType>, 'layout' | 'startAngle' | 'endAngle'> & {
-		/**
- * The layout of chart defines the orientation of axes, graphical items, and tooltip.
- *
- * @defaultValue centric
- */
-		layout?: PolarLayout;
-		/**
- * Angle in degrees from which the chart should start.
- * @defaultValue 90
- *
- */
-		startAngle?: number;
-		/**
- * Angle, in degrees, at which the chart should end.
- *
- * @defaultValue -270
- */
-		endAngle?: number;
-	};
+type RadarChartProps<DataPointType> = Omit<
+	PolarChartProps<DataPointType>,
+	'layout' | 'startAngle' | 'endAngle'
+> & {
+	/**
+	 * The layout of chart defines the orientation of axes, graphical items, and tooltip.
+	 *
+	 * @defaultValue centric
+	 */
+	layout?: PolarLayout;
+	/**
+	 * Angle in degrees from which the chart should start.
+	 * @defaultValue 90
+	 *
+	 */
+	startAngle?: number;
+	/**
+	 * Angle, in degrees, at which the chart should end.
+	 *
+	 * @defaultValue -270
+	 */
+	endAngle?: number;
+};
 
 /**
  * @consumes ResponsiveContainerContext
  * @provides PolarViewBoxContext
  * @provides PolarChartContext
  */
-export function RadarChart<DataPointType = unknown>(props: RadarChartProps<DataPointType> & {
-	ref?: Ref<SVGSVGElement>;
-}) {
+export function RadarChart<DataPointType = unknown>(
+	props: RadarChartProps<DataPointType> & {
+		ref?: Ref<SVGSVGElement>;
+	},
+) {
 	const { ref, ...rest } = props;
 	const propsWithDefaults = resolveDefaultProps(rest, defaultRadarChartProps);
-	return <PolarChart
-		chartName="RadarChart"
-		defaultTooltipEventType="axis"
-		validateTooltipEventTypes={allowedTooltipTypes}
-		tooltipPayloadSearcher={arrayTooltipSearcher}
-		categoricalChartProps={propsWithDefaults}
-		ref={ref}
-	/>;
+	return (
+		<PolarChart
+			chartName="RadarChart"
+			defaultTooltipEventType="axis"
+			validateTooltipEventTypes={allowedTooltipTypes}
+			tooltipPayloadSearcher={arrayTooltipSearcher}
+			categoricalChartProps={propsWithDefaults}
+			ref={ref}
+		/>
+	);
 }

package/src/chart/RadialBarChart.tsrx

@@ -19,17 +19,21 @@ export const defaultRadialBarChartProps = {
  * @provides PolarViewBoxContext
  * @provides PolarChartContext
  */
-export function RadialBarChart<DataPointType = unknown>(props: PolarChartProps<DataPointType> & {
-	ref?: Ref<SVGSVGElement>;
-}) {
+export function RadialBarChart<DataPointType = unknown>(
+	props: PolarChartProps<DataPointType> & {
+		ref?: Ref<SVGSVGElement>;
+	},
+) {
 	const { ref, ...rest } = props;
 	const propsWithDefaults = resolveDefaultProps(rest, defaultRadialBarChartProps);
-	return <PolarChart
-		chartName="RadialBarChart"
-		defaultTooltipEventType="axis"
-		validateTooltipEventTypes={allowedTooltipTypes}
-		tooltipPayloadSearcher={arrayTooltipSearcher}
-		categoricalChartProps={propsWithDefaults}
-		ref={ref}
-	/>;
+	return (
+		<PolarChart
+			chartName="RadialBarChart"
+			defaultTooltipEventType="axis"
+			validateTooltipEventTypes={allowedTooltipTypes}
+			tooltipPayloadSearcher={arrayTooltipSearcher}
+			categoricalChartProps={propsWithDefaults}
+			ref={ref}
+		/>
+	);
 }