ywana-core8 0.1.61 → 0.1.63

package/dist/index.cjs

@@ -3724,11 +3724,11 @@ var SitePage = function SitePage(_ref8) {
   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);
@@ -3737,24 +3737,27 @@ var SitePage = function SitePage(_ref8) {
     }
   }, []);
   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);
 };
 
 /**