framework7-react 6.3.15 → 7.0.0-beta.11

package/cjs/shared/f7.js

@@ -1,105 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.setTheme = exports.f7initEvents = exports.f7routers = exports.f7init = exports.f7events = exports.f7ready = exports.theme = exports.f7 = void 0;
-
-var _lite = _interopRequireDefault(require("framework7/lite"));
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable import/no-mutable-exports */
-var f7;
-exports.f7 = f7;
-var f7events;
-exports.f7events = f7events;
-var theme = {};
-exports.theme = theme;
-var f7routers = {
-  views: [],
-  tabs: [],
-  modals: null
-};
-exports.f7routers = f7routers;
-
-var setTheme = function setTheme() {
-  if (!f7) return;
-  theme.ios = f7.theme === 'ios';
-  theme.md = f7.theme === 'md';
-  theme.aurora = f7.theme === 'aurora';
-};
-
-exports.setTheme = setTheme;
-
-var cleanup = function cleanup() {
-  (0, _utils.unsetRouterIds)();
-  delete theme.ios;
-  delete theme.md;
-  delete theme.aurora;
-  f7routers.views = [];
-  f7routers.tabs = [];
-  f7routers.modals = null;
-};
-
-var f7initEvents = function f7initEvents() {
-  exports.f7events = f7events = new _lite.default.Events();
-};
-
-exports.f7initEvents = f7initEvents;
-
-var f7init = function f7init(rootEl, params, init) {
-  if (params === void 0) {
-    params = {};
-  }
-
-  if (init === void 0) {
-    init = true;
-  }
-
-  var f7Params = (0, _utils.extend)({}, params, {
-    el: rootEl,
-    init: init
-  });
-  if (typeof params.store !== 'undefined') f7Params.store = params.store;
-  if (!f7Params.routes) f7Params.routes = [];
-
-  if (f7Params.userAgent && (f7Params.theme === 'auto' || !f7Params.theme)) {
-    var device = _lite.default.getDevice({
-      userAgent: f7Params.userAgent
-    }, true);
-
-    theme.ios = !!device.ios;
-    theme.aurora = device.desktop && device.electron;
-    theme.md = !theme.ios && !theme.aurora;
-  } // eslint-disable-next-line
-
-
-  if (f7 && typeof window !== 'undefined') return; // eslint-disable-next-line
-
-  if (typeof window === 'undefined') cleanup();
-  var instance = new _lite.default(f7Params);
-  exports.f7 = f7 = instance;
-  setTheme();
-
-  if (instance.initialized) {
-    exports.f7 = f7 = instance;
-    f7events.emit('ready', f7);
-  } else {
-    instance.on('init', function () {
-      exports.f7 = f7 = instance;
-      f7events.emit('ready', f7);
-    });
-  }
-};
-
-exports.f7init = f7init;
-
-var f7ready = function f7ready(callback) {
-  if (!callback) return;
-  if (f7 && f7.initialized) callback(f7);else {
-    f7events.once('ready', callback);
-  }
-};
-
-exports.f7ready = f7ready;

package/cjs/shared/get-router-initial-component.js

@@ -1,48 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getRouterInitialComponent = void 0;
-
-var _utils = require("./utils");
-
-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 getRouterInitialComponent = function getRouterInitialComponent(router, initialComponent) {
-  var initialComponentData;
-
-  var _router$getInitialUrl = router.getInitialUrl(),
-      initialUrl = _router$getInitialUrl.initialUrl;
-
-  var initialRoute = router.findMatchingRoute(initialUrl);
-  var routeProps = {};
-
-  if (initialRoute && initialRoute.route && initialRoute.route.options) {
-    routeProps = initialRoute.route.options.props;
-  }
-
-  var isMasterRoute = function isMasterRoute(route) {
-    if (route.master === true) return true;
-    if (typeof route.master === 'function') return route.master(router.app);
-    return false;
-  };
-
-  if (initialRoute && initialRoute.route && (initialRoute.route.component || initialRoute.route.asyncComponent) && !isMasterRoute(initialRoute.route)) {
-    initialComponentData = {
-      component: initialRoute.route.component || initialRoute.route.asyncComponent,
-      initialComponent: initialComponent,
-      id: (0, _utils.getComponentId)(),
-      isAsync: !!initialRoute.route.asyncComponent,
-      props: _extends({
-        f7route: initialRoute,
-        f7router: router
-      }, routeProps, initialRoute.params)
-    };
-  }
-
-  return {
-    initialPage: initialComponentData,
-    initialRoute: initialRoute
-  };
-};
-
-exports.getRouterInitialComponent = getRouterInitialComponent;

package/cjs/shared/list-context.js

@@ -1,17 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.ListContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ListContext = /*#__PURE__*/_react.default.createContext({
-  listIsMedia: false,
-  listIsSimple: false,
-  listIsSortable: false,
-  listIsSortableOpposite: false
-});
-
-exports.ListContext = ListContext;

package/cjs/shared/mixins.js

@@ -1,165 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.colorClasses = colorClasses;
-exports.routerAttrs = routerAttrs;
-exports.routerClasses = routerClasses;
-exports.actionsAttrs = actionsAttrs;
-exports.actionsClasses = actionsClasses;
-
-var _utils = require("./utils");
-
-function colorClasses(props) {
-  var _ref;
-
-  var color = props.color,
-      colorTheme = props.colorTheme,
-      textColor = props.textColor,
-      bgColor = props.bgColor,
-      borderColor = props.borderColor,
-      rippleColor = props.rippleColor,
-      themeDark = props.themeDark;
-  return _ref = {
-    'theme-dark': themeDark
-  }, _ref["color-" + color] = color, _ref["color-theme-" + colorTheme] = colorTheme, _ref["text-color-" + textColor] = textColor, _ref["bg-color-" + bgColor] = bgColor, _ref["border-color-" + borderColor] = borderColor, _ref["ripple-color-" + rippleColor] = rippleColor, _ref;
-}
-
-function routerAttrs(props) {
-  var force = props.force,
-      reloadCurrent = props.reloadCurrent,
-      reloadPrevious = props.reloadPrevious,
-      reloadAll = props.reloadAll,
-      reloadDetail = props.reloadDetail,
-      animate = props.animate,
-      ignoreCache = props.ignoreCache,
-      routeTabId = props.routeTabId,
-      view = props.view,
-      transition = props.transition,
-      openIn = props.openIn;
-  var dataAnimate;
-
-  if ('animate' in props && typeof animate !== 'undefined') {
-    dataAnimate = animate.toString();
-  }
-
-  var dataReloadDetail;
-
-  if ('reloadDetail' in props && typeof reloadDetail !== 'undefined') {
-    dataReloadDetail = reloadDetail.toString();
-  }
-
-  return {
-    'data-force': force || undefined,
-    'data-reload-current': reloadCurrent || undefined,
-    'data-reload-all': reloadAll || undefined,
-    'data-reload-previous': reloadPrevious || undefined,
-    'data-reload-detail': dataReloadDetail,
-    'data-animate': dataAnimate,
-    'data-ignore-cache': ignoreCache || undefined,
-    'data-route-tab-id': routeTabId || undefined,
-    'data-view': (0, _utils.isStringProp)(view) ? view : undefined,
-    'data-transition': (0, _utils.isStringProp)(transition) ? transition : undefined,
-    'data-open-in': (0, _utils.isStringProp)(openIn) ? openIn : undefined
-  };
-}
-
-function routerClasses(props) {
-  var back = props.back,
-      linkBack = props.linkBack,
-      external = props.external,
-      preventRouter = props.preventRouter;
-  return {
-    back: back || linkBack,
-    external: external,
-    'prevent-router': preventRouter
-  };
-}
-
-function actionsAttrs(props) {
-  var searchbarEnable = props.searchbarEnable,
-      searchbarDisable = props.searchbarDisable,
-      searchbarClear = props.searchbarClear,
-      searchbarToggle = props.searchbarToggle,
-      panelOpen = props.panelOpen,
-      panelClose = props.panelClose,
-      panelToggle = props.panelToggle,
-      popupOpen = props.popupOpen,
-      popupClose = props.popupClose,
-      actionsOpen = props.actionsOpen,
-      actionsClose = props.actionsClose,
-      popoverOpen = props.popoverOpen,
-      popoverClose = props.popoverClose,
-      loginScreenOpen = props.loginScreenOpen,
-      loginScreenClose = props.loginScreenClose,
-      sheetOpen = props.sheetOpen,
-      sheetClose = props.sheetClose,
-      sortableEnable = props.sortableEnable,
-      sortableDisable = props.sortableDisable,
-      sortableToggle = props.sortableToggle,
-      cardOpen = props.cardOpen,
-      cardClose = props.cardClose;
-  return {
-    'data-searchbar': (0, _utils.isStringProp)(searchbarEnable) && searchbarEnable || (0, _utils.isStringProp)(searchbarDisable) && searchbarDisable || (0, _utils.isStringProp)(searchbarClear) && searchbarClear || (0, _utils.isStringProp)(searchbarToggle) && searchbarToggle || undefined,
-    'data-panel': (0, _utils.isStringProp)(panelOpen) && panelOpen || (0, _utils.isStringProp)(panelClose) && panelClose || (0, _utils.isStringProp)(panelToggle) && panelToggle || undefined,
-    'data-popup': (0, _utils.isStringProp)(popupOpen) && popupOpen || (0, _utils.isStringProp)(popupClose) && popupClose || undefined,
-    'data-actions': (0, _utils.isStringProp)(actionsOpen) && actionsOpen || (0, _utils.isStringProp)(actionsClose) && actionsClose || undefined,
-    'data-popover': (0, _utils.isStringProp)(popoverOpen) && popoverOpen || (0, _utils.isStringProp)(popoverClose) && popoverClose || undefined,
-    'data-sheet': (0, _utils.isStringProp)(sheetOpen) && sheetOpen || (0, _utils.isStringProp)(sheetClose) && sheetClose || undefined,
-    'data-login-screen': (0, _utils.isStringProp)(loginScreenOpen) && loginScreenOpen || (0, _utils.isStringProp)(loginScreenClose) && loginScreenClose || undefined,
-    'data-sortable': (0, _utils.isStringProp)(sortableEnable) && sortableEnable || (0, _utils.isStringProp)(sortableDisable) && sortableDisable || (0, _utils.isStringProp)(sortableToggle) && sortableToggle || undefined,
-    'data-card': (0, _utils.isStringProp)(cardOpen) && cardOpen || (0, _utils.isStringProp)(cardClose) && cardClose || undefined
-  };
-}
-
-function actionsClasses(props) {
-  var searchbarEnable = props.searchbarEnable,
-      searchbarDisable = props.searchbarDisable,
-      searchbarClear = props.searchbarClear,
-      searchbarToggle = props.searchbarToggle,
-      panelOpen = props.panelOpen,
-      panelClose = props.panelClose,
-      panelToggle = props.panelToggle,
-      popupOpen = props.popupOpen,
-      popupClose = props.popupClose,
-      actionsClose = props.actionsClose,
-      actionsOpen = props.actionsOpen,
-      popoverOpen = props.popoverOpen,
-      popoverClose = props.popoverClose,
-      loginScreenOpen = props.loginScreenOpen,
-      loginScreenClose = props.loginScreenClose,
-      sheetOpen = props.sheetOpen,
-      sheetClose = props.sheetClose,
-      sortableEnable = props.sortableEnable,
-      sortableDisable = props.sortableDisable,
-      sortableToggle = props.sortableToggle,
-      cardOpen = props.cardOpen,
-      cardPreventOpen = props.cardPreventOpen,
-      cardClose = props.cardClose,
-      menuClose = props.menuClose;
-  return {
-    'searchbar-enable': searchbarEnable || searchbarEnable === '',
-    'searchbar-disable': searchbarDisable || searchbarDisable === '',
-    'searchbar-clear': searchbarClear || searchbarClear === '',
-    'searchbar-toggle': searchbarToggle || searchbarToggle === '',
-    'panel-close': panelClose || panelClose === '',
-    'panel-open': panelOpen || panelOpen === '',
-    'panel-toggle': panelToggle || panelToggle === '',
-    'popup-close': popupClose || popupClose === '',
-    'popup-open': popupOpen || popupOpen === '',
-    'actions-close': actionsClose || actionsClose === '',
-    'actions-open': actionsOpen || actionsOpen === '',
-    'popover-close': popoverClose || popoverClose === '',
-    'popover-open': popoverOpen || popoverOpen === '',
-    'sheet-close': sheetClose || sheetClose === '',
-    'sheet-open': sheetOpen || sheetOpen === '',
-    'login-screen-close': loginScreenClose || loginScreenClose === '',
-    'login-screen-open': loginScreenOpen || loginScreenOpen === '',
-    'sortable-enable': sortableEnable || sortableEnable === '',
-    'sortable-disable': sortableDisable || sortableDisable === '',
-    'sortable-toggle': sortableToggle || sortableToggle === '',
-    'card-close': cardClose || cardClose === '',
-    'card-open': cardOpen || cardOpen === '',
-    'card-prevent-open': cardPreventOpen || cardPreventOpen === '',
-    'menu-close': menuClose || menuClose === ''
-  };
-}

package/cjs/shared/modal-state-classes.js

@@ -1,17 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.modalStateClasses = void 0;
-
-var modalStateClasses = function modalStateClasses(_temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-      isOpened = _ref.isOpened,
-      isClosing = _ref.isClosing;
-
-  return {
-    'modal-in': isOpened.current && !isClosing.current,
-    'modal-out': isClosing.current
-  };
-};
-
-exports.modalStateClasses = modalStateClasses;

package/cjs/shared/plugin.js

@@ -1,56 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _lite = _interopRequireDefault(require("framework7/lite"));
-
-var _componentsRouter = _interopRequireDefault(require("./components-router"));
-
-var _f = require("./f7");
-
-exports.f7 = _f.f7;
-exports.f7ready = _f.f7ready;
-exports.theme = _f.theme;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Framework7React = {
-  name: 'reactPlugin',
-  installed: false,
-  install: function install(params) {
-    if (params === void 0) {
-      params = {};
-    }
-
-    if (Framework7React.installed) return;
-    Framework7React.installed = true;
-    (0, _f.f7initEvents)();
-    var _params = params,
-        paramsTheme = _params.theme,
-        userAgent = _params.userAgent;
-    if (paramsTheme === 'md') _f.theme.md = true;
-    if (paramsTheme === 'ios') _f.theme.ios = true;
-    if (paramsTheme === 'aurora') _f.theme.aurora = true; // eslint-disable-next-line
-
-    var needThemeCalc = typeof window === 'undefined' ? !!userAgent : true;
-
-    if (needThemeCalc && (!paramsTheme || paramsTheme === 'auto')) {
-      var device = _lite.default.getDevice({
-        userAgent: userAgent
-      }, true);
-
-      _f.theme.ios = !!device.ios;
-      _f.theme.aurora = device.desktop && device.electron;
-      _f.theme.md = !_f.theme.ios && !_f.theme.aurora;
-    }
-
-    (0, _f.f7ready)(function () {
-      (0, _f.setTheme)();
-    });
-
-    _lite.default.Router.use(_componentsRouter.default);
-  }
-};
-var _default = Framework7React;
-exports.default = _default;

package/cjs/shared/router-context.js

@@ -1,15 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.RouterContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var RouterContext = /*#__PURE__*/_react.default.createContext({
-  route: null,
-  router: null
-});
-
-exports.RouterContext = RouterContext;

package/cjs/shared/tabbar-context.js

@@ -1,14 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.TabbarContext = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var TabbarContext = /*#__PURE__*/_react.default.createContext({
-  tabbarHasLabels: false
-});
-
-exports.TabbarContext = TabbarContext;

package/cjs/shared/use-async-component.js

@@ -1,20 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useAsyncComponent = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-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; }
-
-var useAsyncComponent = function useAsyncComponent(component, props, key) {
-  var Component = /*#__PURE__*/(0, _react.lazy)(component);
-  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-    fallback: null,
-    key: key
-  }, /*#__PURE__*/_react.default.createElement(Component, props));
-};
-
-exports.useAsyncComponent = useAsyncComponent;

package/cjs/shared/use-icon.js

@@ -1,50 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useIcon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _icon = _interopRequireDefault(require("../components/icon"));
-
-var _badge = _interopRequireDefault(require("../components/badge"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var useIcon = function useIcon(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var _props = props,
-      icon = _props.icon,
-      iconMaterial = _props.iconMaterial,
-      iconF7 = _props.iconF7,
-      iconMd = _props.iconMd,
-      iconIos = _props.iconIos,
-      iconAurora = _props.iconAurora,
-      iconColor = _props.iconColor,
-      iconSize = _props.iconSize,
-      iconBadge = _props.iconBadge,
-      badgeColor = _props.badgeColor,
-      iconBadgeColor = _props.iconBadgeColor;
-
-  if (icon || iconMaterial || iconF7 || iconMd || iconIos || iconAurora) {
-    return /*#__PURE__*/_react.default.createElement(_icon.default, {
-      material: iconMaterial,
-      f7: iconF7,
-      icon: icon,
-      md: iconMd,
-      ios: iconIos,
-      aurora: iconAurora,
-      color: iconColor,
-      size: iconSize
-    }, (iconBadge || iconBadge === 0) && /*#__PURE__*/_react.default.createElement(_badge.default, {
-      color: badgeColor || iconBadgeColor
-    }, iconBadge));
-  }
-
-  return null;
-};
-
-exports.useIcon = useIcon;

package/cjs/shared/use-isomorphic-layout-effect.js

@@ -1,12 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
-
-var _react = require("react");
-
-function useIsomorphicLayoutEffect(callback, deps) {
-  // eslint-disable-next-line
-  if (typeof window === 'undefined') return (0, _react.useEffect)(callback, deps);
-  return (0, _react.useLayoutEffect)(callback, deps);
-}

package/cjs/shared/use-route-props.js

@@ -1,25 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useRouteProps = void 0;
-
-var _react = require("react");
-
-var useRouteProps = function useRouteProps(elRef, _temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-      routeProps = _ref.routeProps;
-
-  (0, _react.useEffect)(function () {
-    if (elRef.current) {
-      elRef.current.f7RouteProps = routeProps;
-    }
-
-    return function () {
-      if (elRef.current && elRef.current.f7RouteProps) {
-        delete elRef.current.f7RouteProps;
-      }
-    };
-  }, [routeProps]);
-};
-
-exports.useRouteProps = useRouteProps;

package/cjs/shared/use-smart-select.js

@@ -1,38 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useSmartSelect = void 0;
-
-var _react = require("react");
-
-var _f = require("./f7");
-
-var _utils = require("./utils");
-
-var useSmartSelect = function useSmartSelect(smartSelect, smartSelectParams, f7SmartSelect, getEl) {
-  var onMount = function onMount() {
-    (0, _f.f7ready)(function () {
-      if (smartSelect) {
-        var ssParams = (0, _utils.extend)({
-          el: getEl()
-        }, smartSelectParams || {});
-        f7SmartSelect.current = _f.f7.smartSelect.create(ssParams);
-      }
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (f7SmartSelect.current && f7SmartSelect.current.destroy) {
-      f7SmartSelect.current.destroy();
-    }
-
-    f7SmartSelect.current = null;
-  };
-
-  (0, _react.useEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-};
-
-exports.useSmartSelect = useSmartSelect;

package/cjs/shared/use-store.js

@@ -1,47 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useStore = void 0;
-
-var _react = require("react");
-
-var _f = require("./f7");
-
-var useStore = function useStore() {
-  var assignedGetters = (0, _react.useRef)({}); // (store, getter)
-
-  var store = arguments.length <= 0 ? undefined : arguments[0];
-  var getter = arguments.length <= 1 ? undefined : arguments[1];
-
-  if (arguments.length === 1) {
-    // (getter)
-    store = _f.f7.store;
-    getter = arguments.length <= 0 ? undefined : arguments[0];
-  } // eslint-disable-next-line
-
-
-  var obj = store._gettersPlain[getter];
-
-  var _useState = (0, _react.useState)(obj.value),
-      value = _useState[0],
-      setValue = _useState[1];
-
-  function onUpdated(newValue) {
-    setValue(newValue);
-  }
-
-  if (!assignedGetters.current[getter]) {
-    obj.onUpdated(onUpdated);
-    assignedGetters.current[getter] = true;
-  }
-
-  (0, _react.useEffect)(function () {
-    return function () {
-      // eslint-disable-next-line
-      store.__removeCallback(onUpdated);
-    };
-  }, []);
-  return value;
-};
-
-exports.useStore = useStore;

package/cjs/shared/use-tab.js

@@ -1,46 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useTab = void 0;
-
-var _useIsomorphicLayoutEffect = require("./use-isomorphic-layout-effect");
-
-var _f = require("./f7");
-
-var _utils = require("./utils");
-
-var useTab = function useTab(elRef, props) {
-  var onTabShow = function onTabShow(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'tabShow', el);
-  };
-
-  var onTabHide = function onTabHide(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'tabHide', el);
-  };
-
-  var attachEvents = function attachEvents() {
-    if (!elRef.current) return;
-    (0, _f.f7ready)(function () {
-      _f.f7.on('tabShow', onTabShow);
-
-      _f.f7.on('tabHide', onTabHide);
-    });
-  };
-
-  var detachEvents = function detachEvents() {
-    if (!_f.f7) return;
-
-    _f.f7.off('tabShow', onTabShow);
-
-    _f.f7.off('tabHide', onTabHide);
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    attachEvents();
-    return detachEvents;
-  });
-};
-
-exports.useTab = useTab;