framework7-react 6.3.16 → 7.0.0-beta.12

package/cjs/components/view.js

@@ -1,284 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-var _useTab = require("../shared/use-tab");
-
-var _useAsyncComponent = require("../shared/use-async-component");
-
-var _getRouterInitialComponent = require("../shared/get-router-initial-component");
-
-var _routerContext = require("../shared/router-context");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-
-var View = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      _props$init = props.init,
-      init = _props$init === void 0 ? true : _props$init,
-      main = props.main,
-      tab = props.tab,
-      tabActive = props.tabActive,
-      url = props.url,
-      _props$browserHistory = props.browserHistoryInitialMatch,
-      browserHistoryInitialMatch = _props$browserHistory === void 0 ? true : _props$browserHistory;
-
-  var childrenArray = _react.default.Children.toArray(children);
-
-  var initialPageComponent = childrenArray.filter(function (c) {
-    return c.props && c.props.initialPage;
-  })[0];
-  var restChildren = childrenArray.filter(function (c) {
-    return !c.props || !c.props.initialPage;
-  });
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-
-  var _f7View = (0, _react.useRef)(null);
-
-  var elRef = (0, _react.useRef)(null);
-  var routerData = (0, _react.useRef)(null);
-  var initialPage;
-  var initialRoute;
-
-  var onViewInit = function onViewInit(view) {
-    (0, _utils.emit)(props, 'viewInit', view);
-
-    if (!init) {
-      routerData.current.instance = view;
-      _f7View.current = routerData.current.instance;
-    }
-  };
-
-  if (_f.f7 && !_f7View.current && init) {
-    var routerId = (0, _utils.getRouterId)();
-    _f7View.current = _f.f7.views.create(elRef.current, _extends({
-      routerId: routerId,
-      init: false
-    }, (0, _utils.noUndefinedProps)(props), {
-      browserHistoryInitialMatch: browserHistoryInitialMatch,
-      on: {
-        init: onViewInit
-      }
-    }));
-    routerData.current = {
-      routerId: routerId,
-      instance: _f7View.current
-    };
-
-    _f.f7routers.views.push(routerData.current);
-
-    if (_f7View.current && _f7View.current.router && (url || main)) {
-      var initialData = (0, _getRouterInitialComponent.getRouterInitialComponent)(_f7View.current.router, initialPageComponent);
-      initialPage = initialData.initialPage;
-      initialRoute = initialData.initialRoute;
-
-      if (initialRoute && initialRoute.route && initialRoute.route.masterRoute) {
-        initialPage = undefined;
-        initialRoute = undefined;
-      }
-    }
-  }
-
-  var _useState = (0, _react.useState)(initialPage ? [initialPage] : []),
-      pages = _useState[0],
-      _setPages = _useState[1];
-
-  var onResize = function onResize(view, width) {
-    (0, _utils.emit)(props, 'viewResize', width);
-  };
-
-  var onSwipeBackMove = function onSwipeBackMove(data) {
-    var swipeBackData = data;
-    (0, _utils.emit)(props, 'swipeBackMove', swipeBackData);
-  };
-
-  var onSwipeBackBeforeChange = function onSwipeBackBeforeChange(data) {
-    var swipeBackData = data;
-    (0, _utils.emit)(props, 'swipeBackBeforeChange', swipeBackData);
-  };
-
-  var onSwipeBackAfterChange = function onSwipeBackAfterChange(data) {
-    var swipeBackData = data;
-    (0, _utils.emit)(props, 'swipeBackAfterChange', swipeBackData);
-  };
-
-  var onSwipeBackBeforeReset = function onSwipeBackBeforeReset(data) {
-    var swipeBackData = data;
-    (0, _utils.emit)(props, 'swipeBackBeforeReset', swipeBackData);
-  };
-
-  var onSwipeBackAfterReset = function onSwipeBackAfterReset(data) {
-    var swipeBackData = data;
-    (0, _utils.emit)(props, 'swipeBackAfterReset', swipeBackData);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7View: function f7View() {
-        return _f7View.current;
-      }
-    };
-  });
-
-  var onMount = function onMount() {
-    (0, _f.f7ready)(function () {
-      if (_f7View.current) {
-        routerData.current.el = elRef.current;
-        routerData.current.pages = pages;
-
-        routerData.current.setPages = function (newPages) {
-          _setPages([].concat(newPages));
-        };
-
-        if (initialPage && initialPage.isAsync && !initialPage.initialComponent) {
-          initialPage.component().then(function () {
-            setTimeout(function () {
-              _f7View.current.init(elRef.current);
-
-              if (initialPage) {
-                initialPage.el = _f7View.current.router.currentPageEl;
-
-                if (initialRoute && initialRoute.route && initialRoute.route.keepAlive) {
-                  initialRoute.route.keepAliveData = {
-                    pageEl: initialPage.el
-                  };
-                }
-              }
-            }, 100);
-          });
-        } else {
-          _f7View.current.init(elRef.current);
-
-          if (initialPage) {
-            initialPage.el = _f7View.current.router.currentPageEl;
-
-            if (initialRoute && initialRoute.route && initialRoute.route.keepAlive) {
-              initialRoute.route.keepAliveData = {
-                pageEl: initialPage.el
-              };
-            }
-          }
-        }
-      } else {
-        var _routerId = (0, _utils.getRouterId)();
-
-        routerData.current = {
-          el: elRef.current,
-          routerId: _routerId,
-          pages: pages,
-          instance: _f7View.current,
-          setPages: function setPages(newPages) {
-            _setPages([].concat(newPages));
-          }
-        };
-
-        _f.f7routers.views.push(routerData.current);
-
-        routerData.current.instance = _f.f7.views.create(elRef.current, _extends({
-          routerId: _routerId
-        }, (0, _utils.noUndefinedProps)(props), {
-          browserHistoryInitialMatch: browserHistoryInitialMatch,
-          on: {
-            init: onViewInit
-          }
-        }));
-        _f7View.current = routerData.current.instance;
-      }
-
-      if (!init) return;
-
-      _f7View.current.on('resize', onResize);
-
-      _f7View.current.on('swipebackMove', onSwipeBackMove);
-
-      _f7View.current.on('swipebackBeforeChange', onSwipeBackBeforeChange);
-
-      _f7View.current.on('swipebackAfterChange', onSwipeBackAfterChange);
-
-      _f7View.current.on('swipebackBeforeReset', onSwipeBackBeforeReset);
-
-      _f7View.current.on('swipebackAfterReset', onSwipeBackAfterReset);
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7View.current) {
-      _f7View.current.off('resize', onResize);
-
-      _f7View.current.off('swipebackMove', onSwipeBackMove);
-
-      _f7View.current.off('swipebackBeforeChange', onSwipeBackBeforeChange);
-
-      _f7View.current.off('swipebackAfterChange', onSwipeBackAfterChange);
-
-      _f7View.current.off('swipebackBeforeReset', onSwipeBackBeforeReset);
-
-      _f7View.current.off('swipebackAfterReset', onSwipeBackAfterReset);
-
-      if (_f7View.current.destroy) _f7View.current.destroy();
-      _f7View.current = null;
-    }
-
-    _f.f7routers.views.splice(_f.f7routers.views.indexOf(routerData.current), 1);
-
-    routerData.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (routerData.current && _f.f7) {
-      _f.f7events.emit('viewRouterDidUpdate', routerData.current);
-    }
-  });
-  (0, _useTab.useTab)(elRef, props);
-  var classes = (0, _utils.classNames)(className, 'view', {
-    'view-main': main,
-    'tab-active': tabActive,
-    tab: tab
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), restChildren, pages.map(function (_ref) {
-    var PageComponent = _ref.component,
-        pageId = _ref.id,
-        pageProps = _ref.props,
-        isAsync = _ref.isAsync,
-        initialComponent = _ref.initialComponent;
-    return /*#__PURE__*/_react.default.createElement(_routerContext.RouterContext.Provider, {
-      key: pageId,
-      value: {
-        router: pageProps.f7router,
-        route: pageProps.f7route
-      }
-    }, initialComponent ? /*#__PURE__*/_react.default.cloneElement(initialComponent, _extends({}, pageProps)) : isAsync ? (0, _useAsyncComponent.useAsyncComponent)(PageComponent, pageProps) : /*#__PURE__*/_react.default.createElement(PageComponent, pageProps));
-  }));
-});
-View.displayName = 'f7-view';
-var _default = View;
-exports.default = _default;

package/cjs/components/views.js

@@ -1,43 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var Views = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      tabs = props.tabs;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = (0, _utils.classNames)(className, 'views', {
-    tabs: tabs
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children);
-});
-Views.displayName = 'f7-views';
-var _default = Views;
-exports.default = _default;