framework7-react 6.3.15 → 7.0.0-beta.11

package/cjs/components/navbar.js

@@ -1,279 +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 _useTheme = require("../shared/use-theme");
-
-var _navLeft = _interopRequireDefault(require("./nav-left"));
-
-var _navTitle = _interopRequireDefault(require("./nav-title"));
-
-var _navRight = _interopRequireDefault(require("./nav-right"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 Navbar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      _props$sliding = props.sliding,
-      sliding = _props$sliding === void 0 ? true : _props$sliding,
-      large = props.large,
-      largeTransparent = props.largeTransparent,
-      transparent = props.transparent,
-      hidden = props.hidden,
-      noShadow = props.noShadow,
-      noHairline = props.noHairline,
-      backLink = props.backLink,
-      backLinkForce = props.backLinkForce,
-      backLinkUrl = props.backLinkUrl,
-      backLinkShowText = props.backLinkShowText,
-      title = props.title,
-      subtitle = props.subtitle,
-      titleLarge = props.titleLarge,
-      innerClass = props.innerClass,
-      innerClassName = props.innerClassName;
-  var routerPositionClass = (0, _react.useRef)('');
-  var largeCollapsed = (0, _react.useRef)(false);
-  var routerNavbarRole = (0, _react.useRef)(null);
-  var routerNavbarRoleDetailRoot = (0, _react.useRef)(false);
-  var routerNavbarMasterStack = (0, _react.useRef)(false);
-  var transparentVisible = (0, _react.useRef)(false);
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  var theme = (0, _useTheme.useTheme)();
-
-  var onHide = function onHide(navbarEl) {
-    if (elRef.current !== navbarEl) return;
-    (0, _utils.emit)(props, 'navbarHide');
-  };
-
-  var onShow = function onShow(navbarEl) {
-    if (elRef.current !== navbarEl) return;
-    (0, _utils.emit)(props, 'navbarShow');
-  };
-
-  var onExpand = function onExpand(navbarEl) {
-    if (elRef.current !== navbarEl) return;
-    largeCollapsed.current = false;
-    (0, _utils.emit)(props, 'navbarExpand');
-  };
-
-  var onCollapse = function onCollapse(navbarEl) {
-    if (elRef.current !== navbarEl) return;
-    largeCollapsed.current = true;
-    (0, _utils.emit)(props, 'navbarCollapse');
-  };
-
-  var onNavbarTransparentShow = function onNavbarTransparentShow(navbarEl) {
-    if (elRef.current !== navbarEl) return;
-    transparentVisible.current = true;
-    (0, _utils.emit)(props, 'navbarTransparentShow');
-  };
-
-  var onNavbarTransparentHide = function onNavbarTransparentHide(navbarEl) {
-    if (elRef.current !== navbarEl) return;
-    transparentVisible.current = false;
-    (0, _utils.emit)(props, 'navbarTransparentHide');
-  };
-
-  var onNavbarPosition = function onNavbarPosition(navbarEl, position) {
-    if (elRef.current !== navbarEl) return;
-    routerPositionClass.current = position ? "navbar-" + position : '';
-  };
-
-  var onNavbarRole = function onNavbarRole(navbarEl, rolesData) {
-    if (elRef.current !== navbarEl) return;
-    routerNavbarRole.current = rolesData.role;
-    routerNavbarRoleDetailRoot.current = rolesData.detailRoot;
-  };
-
-  var onNavbarMasterStack = function onNavbarMasterStack(navbarEl) {
-    if (elRef.current !== navbarEl) return;
-    routerNavbarMasterStack.current = true;
-  };
-
-  var onNavbarMasterUnstack = function onNavbarMasterUnstack(navbarEl) {
-    if (elRef.current !== navbarEl) return;
-    routerNavbarMasterStack.current = false;
-  };
-
-  var hide = function hide(animate) {
-    if (!_f.f7) return;
-
-    _f.f7.navbar.hide(elRef.current, animate);
-  };
-
-  var show = function show(animate) {
-    if (!_f.f7) return;
-
-    _f.f7.navbar.show(elRef.current, animate);
-  };
-
-  var size = function size() {
-    if (!_f.f7) return;
-
-    _f.f7.navbar.size(elRef.current);
-  };
-
-  var onBackClick = function onBackClick(event) {
-    (0, _utils.emit)(props, 'backClick clickBack', event);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      hide: hide,
-      show: show,
-      size: size
-    };
-  });
-
-  var attachEvents = function attachEvents() {
-    if (!elRef.current) return;
-    (0, _f.f7ready)(function () {
-      _f.f7.navbar.size(elRef.current);
-
-      _f.f7.on('navbarShow', onShow);
-
-      _f.f7.on('navbarHide', onHide);
-
-      _f.f7.on('navbarCollapse', onCollapse);
-
-      _f.f7.on('navbarExpand', onExpand);
-
-      _f.f7.on('navbarPosition', onNavbarPosition);
-
-      _f.f7.on('navbarRole', onNavbarRole);
-
-      _f.f7.on('navbarMasterStack', onNavbarMasterStack);
-
-      _f.f7.on('navbarMasterUnstack', onNavbarMasterUnstack);
-
-      _f.f7.on('navbarTransparentShow', onNavbarTransparentShow);
-
-      _f.f7.on('navbarTransparentHide', onNavbarTransparentHide);
-    });
-  };
-
-  var detachEvents = function detachEvents() {
-    if (!_f.f7) return;
-
-    _f.f7.off('navbarShow', onShow);
-
-    _f.f7.off('navbarHide', onHide);
-
-    _f.f7.off('navbarCollapse', onCollapse);
-
-    _f.f7.off('navbarExpand', onExpand);
-
-    _f.f7.off('navbarPosition', onNavbarPosition);
-
-    _f.f7.off('navbarRole', onNavbarRole);
-
-    _f.f7.off('navbarMasterStack', onNavbarMasterStack);
-
-    _f.f7.off('navbarMasterUnstack', onNavbarMasterUnstack);
-
-    _f.f7.off('navbarTransparentShow', onNavbarTransparentShow);
-
-    _f.f7.off('navbarTransparentHide', onNavbarTransparentHide);
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    attachEvents();
-    return detachEvents;
-  });
-  var slots = (0, _utils.getSlots)(props);
-  var leftEl;
-  var titleEl;
-  var rightEl;
-  var titleLargeEl;
-  var addLeftTitleClass = theme && theme.ios && _f.f7 && !_f.f7.params.navbar.iosCenterTitle;
-  var addCenterTitleClass = theme && theme.md && _f.f7 && _f.f7.params.navbar.mdCenterTitle || theme && theme.aurora && _f.f7 && _f.f7.params.navbar.auroraCenterTitle;
-  var isLarge = large || largeTransparent;
-  var isTransparent = transparent || isLarge && largeTransparent;
-  var isTransparentVisible = isTransparent && transparentVisible.current;
-  var classes = (0, _utils.classNames)(className, 'navbar', routerPositionClass.current, {
-    'navbar-hidden': hidden,
-    'navbar-large': isLarge,
-    'navbar-large-collapsed': isLarge && largeCollapsed.current,
-    'navbar-transparent': isTransparent,
-    'navbar-transparent-visible': isTransparentVisible,
-    'navbar-master': routerNavbarRole.current === 'master',
-    'navbar-master-detail': routerNavbarRole.current === 'detail',
-    'navbar-master-detail-root': routerNavbarRoleDetailRoot.current === true,
-    'navbar-master-stacked': routerNavbarMasterStack.current === true,
-    'no-shadow': noShadow,
-    'no-hairline': noHairline
-  }, (0, _mixins.colorClasses)(props));
-
-  if (backLink || slots['nav-left'] || slots.left) {
-    leftEl = /*#__PURE__*/_react.default.createElement(_navLeft.default, {
-      backLink: backLink,
-      backLinkUrl: backLinkUrl,
-      backLinkForce: backLinkForce,
-      backLinkShowText: backLinkShowText,
-      onBackClick: onBackClick
-    }, slots['nav-left'], slots.left);
-  }
-
-  if (title || subtitle || slots.title) {
-    titleEl = /*#__PURE__*/_react.default.createElement(_navTitle.default, {
-      title: title,
-      subtitle: subtitle
-    }, slots.title);
-  }
-
-  if (slots['nav-right'] || slots.right) {
-    rightEl = /*#__PURE__*/_react.default.createElement(_navRight.default, null, slots['nav-right'], slots.right);
-  }
-
-  var largeTitle = titleLarge;
-  if (!largeTitle && large && title) largeTitle = title;
-
-  if (largeTitle || slots['title-large']) {
-    titleLargeEl = /*#__PURE__*/_react.default.createElement("div", {
-      className: "title-large"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "title-large-text"
-    }, largeTitle || '', slots['title-large']));
-  }
-
-  var innerEl = /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _utils.classNames)('navbar-inner', innerClass, innerClassName, {
-      sliding: sliding,
-      'navbar-inner-left-title': addLeftTitleClass,
-      'navbar-inner-centered-title': addCenterTitleClass
-    })
-  }, leftEl, titleEl, rightEl, titleLargeEl, slots.default);
-
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("div", {
-    className: "navbar-bg"
-  }), slots['before-inner'], innerEl, slots['after-inner']);
-});
-Navbar.displayName = 'f7-navbar';
-var _default = Navbar;
-exports.default = _default;

package/cjs/components/page-content.js

@@ -1,173 +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 _preloader = _interopRequireDefault(require("./preloader"));
-
-var _useTab = require("../shared/use-tab");
-
-var _f = require("../shared/f7");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 PageContent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      tab = props.tab,
-      tabActive = props.tabActive,
-      ptr = props.ptr,
-      ptrDistance = props.ptrDistance,
-      _props$ptrPreloader = props.ptrPreloader,
-      ptrPreloader = _props$ptrPreloader === void 0 ? true : _props$ptrPreloader,
-      ptrBottom = props.ptrBottom,
-      ptrMousewheel = props.ptrMousewheel,
-      infinite = props.infinite,
-      infiniteTop = props.infiniteTop,
-      infiniteDistance = props.infiniteDistance,
-      _props$infinitePreloa = props.infinitePreloader,
-      infinitePreloader = _props$infinitePreloa === void 0 ? true : _props$infinitePreloa,
-      hideBarsOnScroll = props.hideBarsOnScroll,
-      hideNavbarOnScroll = props.hideNavbarOnScroll,
-      hideToolbarOnScroll = props.hideToolbarOnScroll,
-      messagesContent = props.messagesContent,
-      loginScreen = props.loginScreen;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onPtrPullStart = function onPtrPullStart(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'ptrPullStart');
-  };
-
-  var onPtrPullMove = function onPtrPullMove(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'ptrPullMove');
-  };
-
-  var onPtrPullEnd = function onPtrPullEnd(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'ptrPullEnd');
-  };
-
-  var onPtrRefresh = function onPtrRefresh(el, done) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'ptrRefresh', done);
-  };
-
-  var onPtrDone = function onPtrDone(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'ptrDone');
-  };
-
-  var onInfinite = function onInfinite(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'infinite');
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  (0, _useTab.useTab)(elRef, props);
-
-  var attachEvents = function attachEvents() {
-    (0, _f.f7ready)(function () {
-      if (ptr) {
-        _f.f7.on('ptrPullStart', onPtrPullStart);
-
-        _f.f7.on('ptrPullMove', onPtrPullMove);
-
-        _f.f7.on('ptrPullEnd', onPtrPullEnd);
-
-        _f.f7.on('ptrRefresh', onPtrRefresh);
-
-        _f.f7.on('ptrDone', onPtrDone);
-      }
-
-      if (infinite) {
-        _f.f7.on('infinite', onInfinite);
-      }
-    });
-  };
-
-  var detachEvents = function detachEvents() {
-    if (!_f.f7) return;
-
-    _f.f7.off('ptrPullStart', onPtrPullStart);
-
-    _f.f7.off('ptrPullMove', onPtrPullMove);
-
-    _f.f7.off('ptrPullEnd', onPtrPullEnd);
-
-    _f.f7.off('ptrRefresh', onPtrRefresh);
-
-    _f.f7.off('ptrDone', onPtrDone);
-
-    _f.f7.off('infinite', onInfinite);
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    attachEvents();
-    return detachEvents;
-  });
-  var ptrEl;
-  var infiniteEl;
-
-  if (ptr && ptrPreloader) {
-    ptrEl = /*#__PURE__*/_react.default.createElement("div", {
-      className: "ptr-preloader"
-    }, /*#__PURE__*/_react.default.createElement(_preloader.default, null), /*#__PURE__*/_react.default.createElement("div", {
-      className: "ptr-arrow"
-    }));
-  }
-
-  if (infinite && infinitePreloader) {
-    infiniteEl = /*#__PURE__*/_react.default.createElement(_preloader.default, {
-      className: "infinite-scroll-preloader"
-    });
-  }
-
-  var classes = (0, _utils.classNames)(className, 'page-content', {
-    tab: tab,
-    'tab-active': tabActive,
-    'ptr-content': ptr,
-    'ptr-bottom': ptrBottom,
-    'infinite-scroll-content': infinite,
-    'infinite-scroll-top': infiniteTop,
-    'hide-bars-on-scroll': hideBarsOnScroll,
-    'hide-navbar-on-scroll': hideNavbarOnScroll,
-    'hide-toolbar-on-scroll': hideToolbarOnScroll,
-    'messages-content': messagesContent,
-    'login-screen-content': loginScreen
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    "data-ptr-distance": ptrDistance || undefined,
-    "data-ptr-mousewheel": ptrMousewheel || undefined,
-    "data-infinite-distance": infiniteDistance || undefined,
-    ref: elRef
-  }, extraAttrs), ptrBottom ? null : ptrEl, infiniteTop ? infiniteEl : null, children, infiniteTop ? null : infiniteEl, ptrBottom ? ptrEl : null);
-});
-PageContent.displayName = 'f7-page-content';
-var _default = PageContent;
-exports.default = _default;