@octanejs/recharts 0.1.61 → 0.1.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/recharts",
-  "version": "0.1.61",
+  "version": "0.1.63",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -34,7 +34,7 @@
     }
   },
   "dependencies": {
-    "@octanejs/redux": "0.1.58",
+    "@octanejs/redux": "0.1.60",
     "@reduxjs/toolkit": "~2.10.1",
     "clsx": "^2.1.1",
     "decimal.js-light": "^2.5.1",
@@ -46,12 +46,12 @@
     "victory-vendor": "^37.3.6"
   },
   "peerDependencies": {
-    "octane": "^0.10.0"
+    "octane": "^0.11.0"
   },
   "devDependencies": {
-    "@tsrx/react": "^0.3.7",
+    "@tsrx/react": "^0.4.5",
     "esbuild": "^0.28.1",
-    "octane": "0.10.0",
+    "octane": "0.11.0",
     "react": "19.2.7",
     "react-dom": "19.2.7",
     "recharts": "3.9.2",

package/src/animation/AnimatedItems.tsrx

@@ -3,9 +3,11 @@ import type { EasingInput } from './easing';
 import type { AnimationItem, AnimationMatchByProp } from './matchBy';
 import type { CartesianLayout, PolarLayout } from '../util/types';
 
-export type AnimationInterpolateFn<ItemType, LayoutType extends CartesianLayout | PolarLayout> =
-	(items: | ReadonlyArray<AnimationItem<ItemType>>
-	| null, animationElapsedTime: number, layout: LayoutType) => ReadonlyArray<ItemType>;
+export type AnimationInterpolateFn<ItemType, LayoutType extends CartesianLayout | PolarLayout> = (
+	items: ReadonlyArray<AnimationItem<ItemType>> | null,
+	animationElapsedTime: number,
+	layout: LayoutType,
+) => ReadonlyArray<ItemType>;
 export type AnimatedItemsProps<ItemType, LayoutType extends CartesianLayout | PolarLayout> = {
 	animationInput: unknown;
 	animationIdPrefix: string;
@@ -20,9 +22,11 @@ export type AnimatedItemsProps<ItemType, LayoutType extends CartesianLayout | Po
 	animationInterpolateFn: AnimationInterpolateFn<ItemType, LayoutType>;
 	animationMatchBy?: AnimationMatchByProp<ItemType>;
 	shouldUpdatePreviousRef?: (animationElapsedTime: number) => boolean;
-	children: (items: ReadonlyArray<
-		ItemType
-	>, animationElapsedTime: number, isEntrance: boolean) => OctaneNode;
+	children: (
+		items: ReadonlyArray<ItemType>,
+		animationElapsedTime: number,
+		isEntrance: boolean,
+	) => OctaneNode;
 	layout: LayoutType;
 };
 // Port of animation/AnimatedItems.tsx — the reusable enter/update/exit
@@ -85,31 +89,32 @@ export function AnimatedItems<ItemType, LayoutType extends CartesianLayout | Pol
 		items,
 		animationMatchBy ?? matchByIndex,
 	);
-	return <JavascriptAnimate
-		animationId={animationId}
-		begin={animationBegin}
-		duration={animationDuration}
-		isActive={isAnimationActive}
-		easing={animationEasing}
-		onAnimationEnd={onAnimationEnd}
-		onAnimationStart={onAnimationStart}
-		key={animationId}
-	>
-		{(animationElapsedTime) => {
-			const isEntrance = rawPrevItems == null;
-			const stepData =
-				items == null
-					? items
-					: animationInterpolateFn(animationItems, animationElapsedTime, layout);
-			const canUpdate =
-				shouldUpdatePreviousRef
+	return (
+		<JavascriptAnimate
+			animationId={animationId}
+			begin={animationBegin}
+			duration={animationDuration}
+			isActive={isAnimationActive}
+			easing={animationEasing}
+			onAnimationEnd={onAnimationEnd}
+			onAnimationStart={onAnimationStart}
+			key={animationId}
+		>
+			{(animationElapsedTime) => {
+				const isEntrance = rawPrevItems == null;
+				const stepData =
+					items == null
+						? items
+						: animationInterpolateFn(animationItems, animationElapsedTime, layout);
+				const canUpdate = shouldUpdatePreviousRef
 					? shouldUpdatePreviousRef(animationElapsedTime)
 					: animationElapsedTime > 0;
-			animationStartItems.syncStepValue(stepData, animationElapsedTime, canUpdate);
-			if (stepData == null) {
-				return null;
-			}
-			return children(stepData, animationElapsedTime, isEntrance);
-		}}
-	</JavascriptAnimate>;
+				animationStartItems.syncStepValue(stepData, animationElapsedTime, canUpdate);
+				if (stepData == null) {
+					return null;
+				}
+				return children(stepData, animationElapsedTime, isEntrance);
+			}}
+		</JavascriptAnimate>
+	);
 }

package/src/animation/CSSTransitionAnimate.tsrx

@@ -64,8 +64,7 @@ export function CSSTransitionAnimate(outsideProps: CSSTransitionAnimateProps) {
 
 	const prefersReducedMotion = usePrefersReducedMotion();
 
-	const isActive =
-		isActiveProp === 'auto' ? !Global.isSsr && !prefersReducedMotion : isActiveProp;
+	const isActive = isActiveProp === 'auto' ? !Global.isSsr && !prefersReducedMotion : isActiveProp;
 
 	const animationController = useAnimationController(props.animationController);
 	const [style, setStyle] = useState<string | number>(() => {

package/src/animation/JavascriptAnimate.tsrx

@@ -56,8 +56,7 @@ export function JavascriptAnimate(outsideProps: JavascriptAnimateProps) {
 		children,
 	} = props;
 	const prefersReducedMotion = usePrefersReducedMotion();
-	const isActive =
-		isActiveProp === 'auto' ? !Global.isSsr && !prefersReducedMotion : isActiveProp;
+	const isActive = isActiveProp === 'auto' ? !Global.isSsr && !prefersReducedMotion : isActiveProp;
 	const animationController = useAnimationController(props.animationController);
 	const [style, setStyle] = useState(isActive ? from : to);
 	useEffect(() => {