@octanejs/recharts 0.1.61 → 0.1.63

package/src/synchronisation/useChartSynchronisation.tsrx

@@ -109,9 +109,8 @@ function useTooltipSyncEventsListener() {
 			if (typeof syncMethod === 'function') {
 				// The 2.x CategoricalChartState data shape, kept for compatibility.
 				const syncMethodParam: MouseHandlerDataParam = {
-					activeTooltipIndex: action.payload.index == null
-						? undefined
-						: Number(action.payload.index),
+					activeTooltipIndex:
+						action.payload.index == null ? undefined : Number(action.payload.index),
 					isTooltipActive: action.payload.active,
 					activeIndex: action.payload.index == null ? undefined : Number(action.payload.index),
 					activeLabel: action.payload.label,
@@ -235,8 +234,8 @@ export function useTooltipChartSynchronisation(
 	activeIndex: TooltipIndex | undefined,
 	isTooltipActive: boolean,
 ) {
-	const activeDataKey = useAppSelector(
-		(state) => selectTooltipDataKey(state, tooltipEventType, trigger),
+	const activeDataKey = useAppSelector((state) =>
+		selectTooltipDataKey(state, tooltipEventType, trigger),
 	);
 	const activeGraphicalItemId = useAppSelector(selectActiveTooltipGraphicalItemId);
 	const eventEmitterSymbol = useAppSelector(selectEventEmitter);
@@ -289,8 +288,10 @@ export function useBrushChartSynchronisation() {
 	const brushEndIndex = useAppSelector((state) => state.chartData.dataEndIndex);
 	useEffect(() => {
 		if (
-			syncId == null || brushStartIndex == null || brushEndIndex == null ||
-				eventEmitterSymbol == null
+			syncId == null ||
+			brushStartIndex == null ||
+			brushEndIndex == null ||
+			eventEmitterSymbol == null
 		) {
 			return;
 		}

package/src/util/BarUtils.tsrx

@@ -3,19 +3,19 @@ import type { ActiveShape, DataKey, ShapeAnimationProps } from './types';
 import type { Props as RectangleProps } from '../shape/Rectangle.tsrx';
 import type { BarBackgroundShapeProps, BarShapeProps } from '../cartesian/Bar.tsrx';
 
-type BarRectangleSharedProps =
-	{
-		onMouseEnter?: (e: NativeMouseEvent<SVGPathElement>) => void;
-		onMouseLeave?: (e: NativeMouseEvent<SVGPathElement>) => void;
-		onClick?: (e: NativeMouseEvent<SVGPathElement>) => void;
-		dataKey: DataKey<any> | undefined;
-	} & ShapeAnimationProps & Omit<RectangleProps, 'onAnimationStart' | 'onAnimationEnd'>;
-export type BarRectangleProps =
-	BarShapeProps & BarRectangleSharedProps & {
+type BarRectangleSharedProps = {
+	onMouseEnter?: (e: NativeMouseEvent<SVGPathElement>) => void;
+	onMouseLeave?: (e: NativeMouseEvent<SVGPathElement>) => void;
+	onClick?: (e: NativeMouseEvent<SVGPathElement>) => void;
+	dataKey: DataKey<any> | undefined;
+} & ShapeAnimationProps &
+	Omit<RectangleProps, 'onAnimationStart' | 'onAnimationEnd'>;
+export type BarRectangleProps = BarShapeProps &
+	BarRectangleSharedProps & {
 		option: ActiveShape<BarShapeProps, SVGPathElement>;
 	};
-export type BarBackgroundRectangleProps =
-	BarBackgroundShapeProps & BarRectangleSharedProps & {
+export type BarBackgroundRectangleProps = BarBackgroundShapeProps &
+	BarRectangleSharedProps & {
 		option: ActiveShape<BarBackgroundShapeProps, SVGPathElement>;
 	};
 type BarRectangleShapeProps = Omit<BarRectangleProps, 'option'>;
@@ -35,41 +35,44 @@ const BarBackgroundRectangleShape = Shape<BarBackgroundRectangleShapeProps, SVGP
 
 export function BarRectangle(barRectangleProps: BarRectangleProps) {
 	const { option, ...shapeProps } = barRectangleProps;
-	return <BarRectangleShape
-		option={option}
-		DefaultShape={defaultBarShape}
-		shapeProps={shapeProps}
-		activeClassName="recharts-active-bar"
-		inActiveClassName="recharts-inactive-bar"
-	/>;
+	return (
+		<BarRectangleShape
+			option={option}
+			DefaultShape={defaultBarShape}
+			shapeProps={shapeProps}
+			activeClassName="recharts-active-bar"
+			inActiveClassName="recharts-inactive-bar"
+		/>
+	);
 }
 
 export function BarBackgroundRectangle(backgroundRectangleProps: BarBackgroundRectangleProps) {
 	const { option, ...shapeProps } = backgroundRectangleProps;
-	return <BarBackgroundRectangleShape
-		option={option}
-		DefaultShape={defaultBarShape}
-		shapeProps={shapeProps}
-		activeClassName="recharts-active-bar"
-		inActiveClassName="recharts-inactive-bar"
-	/>;
+	return (
+		<BarBackgroundRectangleShape
+			option={option}
+			DefaultShape={defaultBarShape}
+			shapeProps={shapeProps}
+			activeClassName="recharts-active-bar"
+			inActiveClassName="recharts-inactive-bar"
+		/>
+	);
 }
 
 /**
  * Safely gets minPointSize from the minPointSize prop if it is a function
  */
-export const minPointSizeCallback = (minPointSize: MinPointSize, defaultValue = 0) => (
-	value: unknown,
-	index: number,
-): number => {
-	if (isNumber(minPointSize)) return minPointSize;
-	const isValueNumberOrNil = isNumber(value) || isNullish(value);
-	if (isValueNumberOrNil) {
-		return minPointSize(value, index);
-	}
-	invariant(
-		isValueNumberOrNil,
-		`minPointSize callback function received a value with type of ${typeof value}. Currently only numbers or null/undefined are supported.`,
-	);
-	return defaultValue;
-};
+export const minPointSizeCallback =
+	(minPointSize: MinPointSize, defaultValue = 0) =>
+	(value: unknown, index: number): number => {
+		if (isNumber(minPointSize)) return minPointSize;
+		const isValueNumberOrNil = isNumber(value) || isNullish(value);
+		if (isValueNumberOrNil) {
+			return minPointSize(value, index);
+		}
+		invariant(
+			isValueNumberOrNil,
+			`minPointSize callback function received a value with type of ${typeof value}. Currently only numbers or null/undefined are supported.`,
+		);
+		return defaultValue;
+	};

package/src/util/FunnelUtils.tsrx

@@ -5,11 +5,11 @@ import { Shape } from './ActiveShapeUtils.tsrx';
 
 export const defaultFunnelShape = Trapezoid;
 
-export type FunnelTrapezoidProps =
-	{
-		option: Exclude<FunnelProps['shape'], undefined> | FunnelProps['activeShape'];
-		isActive: boolean;
-	} & ShapeAnimationProps & FunnelTrapezoidItem;
+export type FunnelTrapezoidProps = {
+	option: Exclude<FunnelProps['shape'], undefined> | FunnelProps['activeShape'];
+	isActive: boolean;
+} & ShapeAnimationProps &
+	FunnelTrapezoidItem;
 
 export function FunnelTrapezoid({ option, ...shapeProps }: FunnelTrapezoidProps) {
 	return <Shape option={option} DefaultShape={defaultFunnelShape} shapeProps={shapeProps} />;

package/src/util/RadialBarUtils.tsrx

@@ -18,10 +18,9 @@ export interface RadialBarSectorProps extends RadialBarDataItem, ShapeAnimationP
 	isActive: boolean;
 }
 
-type RadialBarSectorComponentProps =
-	RadialBarSectorProps & {
-		option: Exclude<RadialBarProps['shape'], undefined> | RadialBarProps['activeShape'];
-	};
+type RadialBarSectorComponentProps = RadialBarSectorProps & {
+	option: Exclude<RadialBarProps['shape'], undefined> | RadialBarProps['activeShape'];
+};
 
 export function RadialBarSector({ option, ...shapeProps }: RadialBarSectorComponentProps) {
 	return <Shape option={option} DefaultShape={defaultRadialBarShape} shapeProps={shapeProps} />;

package/src/util/ScatterUtils.tsrx

@@ -5,8 +5,8 @@ import { Shape } from './ActiveShapeUtils.tsrx';
 import { DATA_ITEM_GRAPHICAL_ITEM_ID_ATTRIBUTE_NAME } from './Constants';
 import type { GraphicalItemId } from '../state/graphicalItemsSlice';
 
-export type ScatterShapeProps =
-	ScatterPointItem & ShapeAnimationProps & {
+export type ScatterShapeProps = ScatterPointItem &
+	ShapeAnimationProps & {
 		isActive: boolean;
 		index: number;
 		[DATA_ITEM_GRAPHICAL_ITEM_ID_ATTRIBUTE_NAME]: GraphicalItemId;
@@ -20,15 +20,20 @@ function renderSymbols(props: ScatterSymbolShapeProps) {
 
 const ScatterShape = Shape<ScatterSymbolShapeProps, SVGPathElement>;
 
-export function ScatterSymbol({ option, ...props }: {
+export function ScatterSymbol({
+	option,
+	...props
+}: {
 	option: ActiveShape<ScatterSymbolShapeProps, SVGPathElement> | SymbolType;
 } & ScatterShapeProps) {
 	if (typeof option === 'string') {
-		return <ScatterShape
-			option={<Symbols type={option} {...props} />}
-			DefaultShape={renderSymbols}
-			shapeProps={props}
-		/>;
+		return (
+			<ScatterShape
+				option={<Symbols type={option} {...props} />}
+				DefaultShape={renderSymbols}
+				shapeProps={props}
+			/>
+		);
 	}
 
 	return <ScatterShape option={option} DefaultShape={renderSymbols} shapeProps={props} />;

package/src/zIndex/ZIndexLayer.tsrx

@@ -32,8 +32,8 @@ export function ZIndexLayer(props: ZIndexLayerProps) {
 	const lastPortalElementRef = useRef<Element | undefined>(undefined);
 	const registeredZIndexesRef = useRef(new Set<number>());
 	const dispatch = useAppDispatch();
-	const portalElement: Element | undefined = useAppSelector(
-		(state) => selectZIndexPortalElement(state, zIndex, isPanorama),
+	const portalElement: Element | undefined = useAppSelector((state) =>
+		selectZIndexPortalElement(state, zIndex, isPanorama),
 	);
 
 	useLayoutEffect(() => {

package/src/zIndex/ZIndexPortal.tsrx

@@ -8,10 +8,7 @@ import { useAppDispatch, useAppSelector } from '../state/hooks';
 import { registerZIndexPortalElement, unregisterZIndexPortalElement } from '../state/zIndexSlice';
 import { selectAllRegisteredZIndexes } from './zIndexSelectors';
 
-function ZIndexSvgPortal(props: {
-	zIndex: number;
-	isPanorama: boolean;
-}) {
+function ZIndexSvgPortal(props: { zIndex: number; isPanorama: boolean }) {
 	const { zIndex, isPanorama } = props;
 	const ref = useRef<SVGGElement | null>(null);
 	const dispatch = useAppDispatch();
@@ -27,10 +24,7 @@ function ZIndexSvgPortal(props: {
 	return <g tabIndex={-1} ref={ref} className={'recharts-zIndex-layer_' + zIndex}></g>;
 }
 
-export function AllZIndexPortals(props: {
-	children?: OctaneNode;
-	isPanorama: boolean;
-}) @{
+export function AllZIndexPortals(props: { children?: OctaneNode; isPanorama: boolean }) @{
 	const { children, isPanorama } = props;
 	const allRegisteredZIndexes: ReadonlyArray<number> | undefined = useAppSelector(
 		selectAllRegisteredZIndexes,