@william-callao/antonella-ui 2.0.1 → 2.0.3

package/dist/index.js

@@ -10300,6 +10300,10 @@ function AppLayout({
     () => computeSectionTargets(resolveLayoutState(initialRoute.state), initialNaturalsValue, H)
   );
   const appliedRef = (0, import_react37.useRef)(layoutHeights);
+  const previousLayoutHeightsRef = (0, import_react37.useRef)(layoutHeights);
+  (0, import_react37.useLayoutEffect)(() => {
+    previousLayoutHeightsRef.current = layoutHeights;
+  }, [layoutHeights]);
   const naturalsRef = (0, import_react37.useRef)({ ...initialNaturalsValue });
   const routeSnapshotRef = (0, import_react37.useRef)(/* @__PURE__ */ new Map());
   const [revealHidden, setRevealHidden] = (0, import_react37.useState)(false);
@@ -10382,14 +10386,10 @@ function AppLayout({
     });
     return () => sub.remove();
   }, [canGoBack, back]);
-  const navigationValue = {
-    navigate,
-    back,
-    canGoBack,
-    currentRoute,
-    stack,
-    replace
-  };
+  const navigationValue = (0, import_react37.useMemo)(
+    () => ({ navigate, back, canGoBack, currentRoute, stack, replace }),
+    [navigate, back, canGoBack, currentRoute, stack, replace]
+  );
   const state = resolveLayoutState(currentRoute.state);
   const slots = currentRoute.slots ?? {};
   stateRef.current = state;
@@ -10401,12 +10401,10 @@ function AppLayout({
   const leavingOnlyCenter = contentFadeEnabled && isOnlyCenterLayout(prevLayoutState) && !isOnlyCenterLayout(state);
   const enteringOnlyCenter = contentFadeEnabled && !isOnlyCenterLayout(prevLayoutState) && isOnlyCenterLayout(state);
   const goingBack = navigationDirectionRef.current === "back";
-  const skipContentFadeOut = leavingFullBottom || leavingOnlyCenter || goingBack;
+  const enteringOnlyCenterLayout = !!prevLayoutState && !isOnlyCenterLayout(prevLayoutState) && isOnlyCenterLayout(state);
+  const skipContentFadeOut = leavingFullBottom || leavingOnlyCenter || goingBack || enteringOnlyCenterLayout;
   const contentFadeOutMs = goingBack ? CONTENT_FADE_OUT_BACK_MS : CONTENT_FADE_OUT_MS;
   const contentFadeInMs = goingBack ? CONTENT_FADE_IN_BACK_MS : CONTENT_FADE_IN_MS;
-  if (contentFadeEnabled) {
-    contentOutProgress.value = skipContentFadeOut ? 0 : 1;
-  }
   const transitionDuration = (() => {
     if (transitionLatchRef.current.route === currentRoute.name) {
       return transitionLatchRef.current.duration;
@@ -10598,7 +10596,10 @@ function AppLayout({
     const cur = state.sections[k];
     const prevB = prevLayoutState?.sections[k];
     const prevVisible = !!prevB?.visible;
-    if (!cur?.visible && (!prevVisible || goingBack)) return null;
+    const dropOutgoing = goingBack || enteringOnlyCenterLayout;
+    if (!cur?.visible && (!prevVisible || dropOutgoing)) {
+      return null;
+    }
     const usePrevContent = !cur?.visible && prevVisible;
     const behavior = usePrevContent ? prevB : cur;
     const slot = behavior?.slot;
@@ -10621,6 +10622,9 @@ function AppLayout({
     const skipPreviousCenter = enteringOnlyCenter && k === "mid";
     const previousSlot = contentFadeEnabled && !skipContentFadeOut && !goingBack && !skipPreviousCenter && !hidePreviousBody && !usePrevContent ? prevB?.slot : void 0;
     const previousContent = previousSlot ? prevRoute?.slots?.[previousSlot] : null;
+    const remountOnBack = enteringOnlyCenterLayout;
+    const sectionKey = remountOnBack ? `${k}:${currentRoute.name}` : k;
+    const animateSectionLayout = animateLayout && previousLayoutHeightsRef.current[k] !== height;
     const currentLayer = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       import_react_native_reanimated17.default.View,
       {
@@ -10650,7 +10654,7 @@ function AppLayout({
     return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
       import_react_native_reanimated17.default.View,
       {
-        layout: animateLayout ? transition2 : void 0,
+        layout: remountOnBack || !animateSectionLayout ? void 0 : transition2,
         collapsable: false,
         style: [
           styles79.colBlock,
@@ -10675,7 +10679,7 @@ function AppLayout({
           ] }) })
         ]
       },
-      k
+      sectionKey
     );
   };
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(AppNavigationContext.Provider, { value: navigationValue, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react_native_reanimated17.default.View, { style: [styles79.root, pageBgStyle], children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@william-callao/antonella-ui",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "Componentes UI de Antonella.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",