ywana-core8 0.1.61 → 0.1.62

package/dist/index.modern.js

@@ -1,5 +1,5 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
-import React, { useContext, useState, useEffect, useCallback, Fragment, useRef, useMemo, Children } from 'react';
+import React, { useContext, useState, useEffect, useCallback, Fragment, useRef, useMemo } from 'react';
 import ResumableJS from 'resumablejs';
 import RSwitch from 'react-switch';
 import { Store, ReactNotifications } from 'react-notifications-component';
@@ -3715,11 +3715,11 @@ var SitePage = function SitePage(_ref8) {
   var context = useContext(SiteContext);
   var page = context.page;
   var _useState12 = useState(page),
-    renderedPage = _useState12[0],
-    setRenderedPage = _useState12[1];
-  var _useState13 = useState(''),
-    transitionClass = _useState13[0],
-    setTransitionClass = _useState13[1];
+    displayedPage = _useState12[0],
+    setDisplayedPage = _useState12[1];
+  var _useState13 = useState(false),
+    isExiting = _useState13[0],
+    setIsExiting = _useState13[1];
   useEffect(function () {
     if (init) {
       context["goto"](init);
@@ -3728,24 +3728,27 @@ var SitePage = function SitePage(_ref8) {
     }
   }, []);
   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 = Children.toArray(children).filter(function (child) {
-    return child.props ? child.props.id === renderedPage : false;
+  var allChildren = React.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.createElement("main", {
-    className: "site-page-container " + transitionClass
-  }, currentPage);
+    className: "site-page-container " + (isExiting ? 'page-out' : 'page-in')
+  }, current);
 };
 
 /**