@octanejs/transition-group 0.0.27 → 0.0.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/transition-group",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "license": "BSD-3-Clause",
   "type": "module",
   "sideEffects": false,
@@ -41,15 +41,15 @@
     "./config": "./src/config.ts"
   },
   "peerDependencies": {
-    "octane": "^0.10.0"
+    "octane": "^0.12.0"
   },
   "devDependencies": {
     "@babel/core": "^7.28.0",
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
-    "@octanejs/testing-library": "0.1.60",
+    "@octanejs/testing-library": "0.1.62",
     "@testing-library/react": "^14.3.1",
-    "@tsrx/react": "^0.3.7",
+    "@tsrx/react": "^0.4.5",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "babel-jest": "30.4.1",
@@ -58,7 +58,7 @@
     "jest": "30.4.2",
     "jest-environment-jsdom": "30.4.1",
     "jest-environment-node": "30.4.1",
-    "octane": "0.10.2",
+    "octane": "0.12.0",
     "prop-types": "^15.8.1",
     "react": "19.2.7",
     "react-dom": "19.2.7",

package/src/CSSTransition.tsrx

@@ -106,7 +106,9 @@ export function CSSTransition(props: CSSTransitionProps) @{
 			add('exit', 'done');
 			onExited?.(maybeNode);
 		}}
-	>{children}</Transition>
+	>
+		{children}
+	</Transition>
 }
 
 export default CSSTransition;

package/src/ReplaceTransition.tsrx

@@ -6,12 +6,12 @@ export function ReplaceTransition(props: ReplaceTransitionProps) @{
 	const [first, second] = Children.toArray(props.children) as ElementDescriptor[];
 	if (!first || !second) throw new Error('"children" must be exactly two transition components.');
 
-	const lifecycle = (child: ElementDescriptor, name: keyof TransitionCallbacks) => (
-		...args: unknown[]
-	) => {
-		(child.props[name] as ((...values: unknown[]) => void) | undefined)?.(...args);
-		(props[name] as ((...values: unknown[]) => void) | undefined)?.(undefined);
-	};
+	const lifecycle =
+		(child: ElementDescriptor, name: keyof TransitionCallbacks) =>
+		(...args: unknown[]) => {
+			(child.props[name] as ((...values: unknown[]) => void) | undefined)?.(...args);
+			(props[name] as ((...values: unknown[]) => void) | undefined)?.(undefined);
+		};
 	const {
 		children: _children,
 		in: inProp,
@@ -23,20 +23,19 @@ export function ReplaceTransition(props: ReplaceTransitionProps) @{
 		onExited: _onExited,
 		...groupProps
 	} = props;
-	const selected =
-		inProp
-			? cloneElement(first, {
-					key: 'first',
-					onEnter: lifecycle(first, 'onEnter'),
-					onEntering: lifecycle(first, 'onEntering'),
-					onEntered: lifecycle(first, 'onEntered'),
-				})
-			: cloneElement(second, {
-					key: 'second',
-					onEnter: lifecycle(second, 'onExit'),
-					onEntering: lifecycle(second, 'onExiting'),
-					onEntered: lifecycle(second, 'onExited'),
-				});
+	const selected = inProp
+		? cloneElement(first, {
+				key: 'first',
+				onEnter: lifecycle(first, 'onEnter'),
+				onEntering: lifecycle(first, 'onEntering'),
+				onEntered: lifecycle(first, 'onEntered'),
+			})
+		: cloneElement(second, {
+				key: 'second',
+				onEnter: lifecycle(second, 'onExit'),
+				onEntering: lifecycle(second, 'onExiting'),
+				onEntered: lifecycle(second, 'onExited'),
+			});
 
 	<TransitionGroup {...groupProps} children={[selected]} />
 }

package/src/SwitchTransition.tsrx

@@ -97,9 +97,9 @@ export function SwitchTransition(props: SwitchTransitionProps) @{
 		}
 	}
 
-	<TransitionGroupContext
-		value={{ isMounting: !appeared.current }}
-	>{output}</TransitionGroupContext>
+	<TransitionGroupContext value={{ isMounting: !appeared.current }}>
+		{output}
+	</TransitionGroupContext>
 }
 
 export default SwitchTransition;

package/src/Transition.tsrx

@@ -51,12 +51,12 @@ function TransitionImpl(props: TransitionProps) @{
 	const group = useContext(TransitionGroupContext);
 	const latestProps = useRef(props);
 	latestProps.current = props;
-	const initial = useRef<
-		{ status: TransitionStatus; appearStatus: TransitionStatus | null } | null
-	>(null);
+	const initial = useRef<{
+		status: TransitionStatus;
+		appearStatus: TransitionStatus | null;
+	} | null>(null);
 	if (initial.current === null) {
-		const appearing =
-			group && !group.isMounting ? props.enter !== false : props.appear === true;
+		const appearing = group && !group.isMounting ? props.enter !== false : props.appear === true;
 		if (props.in) {
 			initial.current = appearing
 				? { status: EXITED, appearStatus: ENTERING }
@@ -105,10 +105,8 @@ function TransitionImpl(props: TransitionProps) @{
 		}
 		if (live.addEndListener) {
 			if (live.nodeRef) (live.addEndListener as (done: () => void) => void)(finish);
-			else if (node) (live.addEndListener as (node: Element, done: () => void) => void)(
-				node,
-				finish,
-			);
+			else if (node)
+				(live.addEndListener as (node: Element, done: () => void) => void)(node, finish);
 		}
 		if (active && timeout !== undefined) timer.current = setTimeout(finish, timeout);
 		else if (active && (!live.addEndListener || !node)) timer.current = setTimeout(finish, 0);
@@ -138,7 +136,7 @@ function TransitionImpl(props: TransitionProps) @{
 		cancelPending();
 		const appearing = group ? group.isMounting : mounting;
 		const node = props.nodeRef?.current ?? undefined;
-		if (!mounting && props.enter === false || config.disabled) {
+		if ((!mounting && props.enter === false) || config.disabled) {
 			commitStatus(ENTERED, function afterEntered() {
 				const live = latestProps.current;
 				callEnterCallback(live.onEntered, live.nodeRef, node, appearing);
@@ -248,11 +246,12 @@ function TransitionImpl(props: TransitionProps) @{
 			nodeRef: _nodeRef,
 			...childProps
 		} = props;
-		rendered = typeof children === 'function' && !isChildrenBlock(children)
-			? children(status, childProps)
-			: isChildrenBlock(children)
-				? children
-				: cloneElement(Children.only(children) as ElementDescriptor, childProps);
+		rendered =
+			typeof children === 'function' && !isChildrenBlock(children)
+				? children(status, childProps)
+				: isChildrenBlock(children)
+					? children
+					: cloneElement(Children.only(children) as ElementDescriptor, childProps);
 	}
 
 	<TransitionGroupContext value={null}>{rendered}</TransitionGroupContext>