ywana-core8 0.1.58 → 0.1.60

package/dist/index.modern.js

@@ -1,10 +1,9 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
-import React, { useContext, useState, useEffect, useCallback, Fragment, useRef, useMemo } from 'react';
+import React, { useContext, useState, useEffect, useCallback, Fragment, useRef, useMemo, Children } from 'react';
 import ResumableJS from 'resumablejs';
 import RSwitch from 'react-switch';
 import { Store, ReactNotifications } from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css';
-import motion from 'framer-motion/dist/framer-motion.cjs';
 import moment$1 from 'moment';
 import { extendMoment } from 'moment-range';
 import 'moment/locale/es';
@@ -3357,6 +3356,7 @@ function useHashPage(defaultPage) {
     history = _useState2[0],
     setHistory = _useState2[1];
   var _useState3 = useState("left"),
+    direction = _useState3[0],
     setDirection = _useState3[1];
   var isFirstLoad = useRef(true);
   useEffect(function () {
@@ -3404,13 +3404,11 @@ function useHashPage(defaultPage) {
     page: page,
     "goto": _goto,
     goBack: goBack,
-    history: history
+    history: history,
+    direction: direction
   };
 }
 
-var AnimatePresence = motion.AnimatePresence,
-  MotionDiv = motion.motion;
-
 /**
  * Site Provider
  */
@@ -3454,7 +3452,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,
@@ -3492,6 +3491,7 @@ var SiteProvider = function SiteProvider(_ref) {
     page: page,
     "goto": _goto,
     goBack: goBack,
+    direction: direction,
     dialog: dialog,
     openDialog: function openDialog(dialog) {
       setDialog(dialog);
@@ -3713,8 +3713,13 @@ var SitePage = function SitePage(_ref8) {
   var children = _ref8.children,
     init = _ref8.init;
   var context = useContext(SiteContext);
-  var page = context.page,
-    direction = context.direction;
+  var page = context.page;
+  var _useState12 = useState(page),
+    renderedPage = _useState12[0],
+    setRenderedPage = _useState12[1];
+  var _useState13 = useState(''),
+    transitionClass = _useState13[0],
+    setTransitionClass = _useState13[1];
   useEffect(function () {
     if (init) {
       context["goto"](init);
@@ -3722,32 +3727,25 @@ var SitePage = function SitePage(_ref8) {
       context["goto"]("EMPTY");
     }
   }, []);
-  var currentPage = React.Children.toArray(children).filter(function (child) {
-    return child.props ? child.props.id === page : false;
+  useEffect(function () {
+    if (page !== renderedPage) {
+      setTransitionClass("page-out-" + context.direction);
+      setTimeout(function () {
+        setTransitionClass("page-in-" + context.direction);
+        setRenderedPage(page);
+        setTimeout(function () {
+          setTransitionClass('');
+        }, 300);
+      }, 300);
+      setRenderedPage(page);
+    }
+  }, [page]);
+  var currentPage = Children.toArray(children).filter(function (child) {
+    return child.props ? child.props.id === renderedPage : false;
   });
-  var xOffset = direction === "left" ? 40 : -40;
   return /*#__PURE__*/React.createElement("main", {
-    className: "site-page-container"
-  }, /*#__PURE__*/React.createElement(AnimatePresence, {
-    exitBeforeEnter: true
-  }, currentPage && /*#__PURE__*/React.createElement(MotionDiv, {
-    key: page,
-    initial: {
-      opacity: 0,
-      x: xOffset
-    },
-    animate: {
-      opacity: 1,
-      x: 0
-    },
-    exit: {
-      opacity: 0,
-      x: -xOffset
-    },
-    transition: {
-      duration: 0.3
-    }
-  }, currentPage)));
+    className: "site-page-container " + transitionClass
+  }, currentPage);
 };
 
 /**
@@ -3933,10 +3931,10 @@ var PageLink = function PageLink(_ref) {
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style;
   var _useContext = useContext(SiteContext),
-    _goto2 = _useContext["goto"];
+    _goto = _useContext["goto"];
   var handleClick = function handleClick(e) {
     e.preventDefault();
-    _goto2(page);
+    _goto(page);
   };
   return /*#__PURE__*/React.createElement("a", {
     href: "#" + page,
@@ -12844,5 +12842,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Accordion, ActionButton, Avatar, Button, Calendar, ChangeUserPasswordAction, ChangeUserPasswordDialog, CheckBox, Chip, Chips, CircularProgress, CollectionAPI$1 as CollectionAPI, CollectionAPI as CollectionAPI2, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, DynamicForm, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FileExplorerView, FileGridItem, FilesGridView, FilesSearchBox, FilesTableView, FoldersTreeView, ForgetUserPasswordAction, Form, HTTPClient, Header, Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, KanbanHeader, KanbanSwimlane, LOGIN_API, LOGIN_CONTEXT, LOGIN_DICTIONARY, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MonthCalendar, MultiSelector, Page, PageContext, PageLink, PageProvider, PasswordEditor, PasswordField, Planner, Planner2, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, Switch2, TASK_STATES, TEXTFORMATS, TYPES$1 as TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UnlockUserAction, UploadArea, UploadDialog, UploadFile$1 as UploadFile, UploadForm, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction, validatePassword };
+export { Accordion, ActionButton, Avatar, Button, Calendar, ChangeUserPasswordAction, ChangeUserPasswordDialog, CheckBox, Chip, Chips, CircularProgress, CollectionAPI$1 as CollectionAPI, CollectionAPI as CollectionAPI2, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, DynamicForm, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FileExplorerView, FileGridItem, FilesGridView, FilesSearchBox, FilesTableView, FoldersTreeView, ForgetUserPasswordAction, Form, HTTPClient, Header, Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, KanbanHeader, KanbanSwimlane, LOGIN_API, LOGIN_CONTEXT, LOGIN_DICTIONARY, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MonthCalendar, MultiSelector, Page, PageContext, PageLink, PageProvider, PasswordEditor, PasswordField, Planner, Planner2, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, Switch2, TASK_STATES, TEXTFORMATS, TYPES$1 as TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UnlockUserAction, UploadArea, UploadDialog, UploadFile$1 as UploadFile, UploadForm, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction, useHashPage, validatePassword };
 //# sourceMappingURL=index.modern.js.map