ywana-core8 0.1.57 → 0.1.59

package/dist/index.cjs

@@ -3,7 +3,6 @@ var React = require('react');
 var ResumableJS = require('resumablejs');
 var RSwitch = require('react-switch');
 var reactNotificationsComponent = require('react-notifications-component');
-var framerMotion = require('framer-motion');
 require('react-notifications-component/dist/theme.css');
 var moment$1 = require('moment');
 var momentRange = require('moment-range');
@@ -3366,6 +3365,7 @@ function useHashPage(defaultPage) {
     history = _useState2[0],
     setHistory = _useState2[1];
   var _useState3 = React.useState("left"),
+    direction = _useState3[0],
     setDirection = _useState3[1];
   var isFirstLoad = React.useRef(true);
   React.useEffect(function () {
@@ -3413,7 +3413,8 @@ function useHashPage(defaultPage) {
     page: page,
     "goto": _goto,
     goBack: goBack,
-    history: history
+    history: history,
+    direction: direction
   };
 }
 
@@ -3460,7 +3461,8 @@ var SiteProvider = function SiteProvider(_ref) {
   var _useHashPage = useHashPage(),
     page = _useHashPage.page,
     _goto = _useHashPage["goto"],
-    goBack = _useHashPage.goBack;
+    goBack = _useHashPage.goBack,
+    direction = _useHashPage.direction;
   var value = {
     lang: lang,
     setLang: setLang,
@@ -3498,6 +3500,7 @@ var SiteProvider = function SiteProvider(_ref) {
     page: page,
     "goto": _goto,
     goBack: goBack,
+    direction: direction,
     dialog: dialog,
     openDialog: function openDialog(dialog) {
       setDialog(dialog);
@@ -3719,8 +3722,7 @@ var SitePage = function SitePage(_ref8) {
   var children = _ref8.children,
     init = _ref8.init;
   var context = React.useContext(SiteContext);
-  var page = context.page,
-    direction = context.direction;
+  var page = context.page;
   React.useEffect(function () {
     if (init) {
       context["goto"](init);
@@ -3728,32 +3730,9 @@ var SitePage = function SitePage(_ref8) {
       context["goto"]("EMPTY");
     }
   }, []);
-  var currentPage = React__default["default"].Children.toArray(children).filter(function (child) {
+  return /*#__PURE__*/React__default["default"].createElement("main", null, React__default["default"].Children.toArray(children).filter(function (child) {
     return child.props ? child.props.id === page : false;
-  });
-  var xOffset = direction === "left" ? 40 : -40;
-  return /*#__PURE__*/React__default["default"].createElement("main", {
-    className: "site-page-container"
-  }, /*#__PURE__*/React__default["default"].createElement(framerMotion.AnimatePresence, {
-    exitBeforeEnter: true
-  }, currentPage && /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
-    key: page,
-    initial: {
-      opacity: 0,
-      x: xOffset
-    },
-    animate: {
-      opacity: 1,
-      x: 0
-    },
-    exit: {
-      opacity: 0,
-      x: -xOffset
-    },
-    transition: {
-      duration: 0.3
-    }
-  }, currentPage)));
+  }));
 };
 
 /**
@@ -3939,10 +3918,10 @@ var PageLink = function PageLink(_ref) {
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style;
   var _useContext = React.useContext(SiteContext),
-    _goto2 = _useContext["goto"];
+    _goto = _useContext["goto"];
   var handleClick = function handleClick(e) {
     e.preventDefault();
-    _goto2(page);
+    _goto(page);
   };
   return /*#__PURE__*/React__default["default"].createElement("a", {
     href: "#" + page,
@@ -12975,5 +12954,6 @@ exports.Wizard = Wizard;
 exports.WizardContext = WizardContext;
 exports.isEmpty = isEmpty;
 exports.isFunction = isFunction;
+exports.useHashPage = useHashPage;
 exports.validatePassword = validatePassword;
 //# sourceMappingURL=index.cjs.map