ywana-core8 0.1.61 → 0.1.63

package/dist/index.umd.js

@@ -3717,11 +3717,11 @@
       var context = React.useContext(SiteContext);
       var page = context.page;
       var _useState12 = React.useState(page),
-        renderedPage = _useState12[0],
-        setRenderedPage = _useState12[1];
-      var _useState13 = React.useState(''),
-        transitionClass = _useState13[0],
-        setTransitionClass = _useState13[1];
+        displayedPage = _useState12[0],
+        setDisplayedPage = _useState12[1];
+      var _useState13 = React.useState(false),
+        isExiting = _useState13[0],
+        setIsExiting = _useState13[1];
       React.useEffect(function () {
         if (init) {
           context["goto"](init);
@@ -3730,24 +3730,27 @@
         }
       }, []);
       React.useEffect(function () {
-        if (page !== renderedPage) {
-          setTransitionClass("page-out");
-          setTimeout(function () {
-            setTransitionClass("page-in");
-            setRenderedPage(page);
-            setTimeout(function () {
-              setTransitionClass('');
-            }, 300);
+        if (page !== displayedPage) {
+          setIsExiting(true);
+
+          // Esperamos a que la animación de salida termine
+          var timeout = setTimeout(function () {
+            setDisplayedPage(page);
+            setIsExiting(false);
           }, 300);
-          setRenderedPage(page);
+          return function () {
+            return clearTimeout(timeout);
+          };
         }
       }, [page]);
-      var currentPage = React.Children.toArray(children).filter(function (child) {
-        return child.props ? child.props.id === renderedPage : false;
+      var allChildren = React__default["default"].Children.toArray(children);
+      var current = allChildren.find(function (child) {
+        var _child$props;
+        return ((_child$props = child.props) == null ? void 0 : _child$props.id) === displayedPage;
       });
       return /*#__PURE__*/React__default["default"].createElement("main", {
-        className: "site-page-container " + transitionClass
-      }, currentPage);
+        className: "site-page-container " + (isExiting ? 'page-out' : 'page-in')
+      }, current);
     };
 
     /**