framework7-react 6.3.5 → 7.0.0-beta.10

package/cjs/components/stepper.js

@@ -1,260 +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 _watchProp = require("../shared/watch-prop");
-
-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 Stepper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7Stepper = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      _props$init = props.init,
-      init = _props$init === void 0 ? true : _props$init,
-      _props$value = props.value,
-      value = _props$value === void 0 ? 0 : _props$value,
-      _props$min = props.min,
-      min = _props$min === void 0 ? 0 : _props$min,
-      _props$max = props.max,
-      max = _props$max === void 0 ? 100 : _props$max,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 1 : _props$step,
-      formatValue = props.formatValue,
-      name = props.name,
-      inputId = props.inputId,
-      _props$input = props.input,
-      input = _props$input === void 0 ? true : _props$input,
-      _props$inputType = props.inputType,
-      inputType = _props$inputType === void 0 ? 'text' : _props$inputType,
-      _props$inputReadonly = props.inputReadonly,
-      inputReadonly = _props$inputReadonly === void 0 ? false : _props$inputReadonly,
-      _props$autorepeat = props.autorepeat,
-      autorepeat = _props$autorepeat === void 0 ? false : _props$autorepeat,
-      _props$autorepeatDyna = props.autorepeatDynamic,
-      autorepeatDynamic = _props$autorepeatDyna === void 0 ? false : _props$autorepeatDyna,
-      _props$wraps = props.wraps,
-      wraps = _props$wraps === void 0 ? false : _props$wraps,
-      _props$manualInputMod = props.manualInputMode,
-      manualInputMode = _props$manualInputMod === void 0 ? false : _props$manualInputMod,
-      _props$decimalPoint = props.decimalPoint,
-      decimalPoint = _props$decimalPoint === void 0 ? 4 : _props$decimalPoint,
-      _props$buttonsEndInpu = props.buttonsEndInputMode,
-      buttonsEndInputMode = _props$buttonsEndInpu === void 0 ? true : _props$buttonsEndInpu,
-      disabled = props.disabled,
-      buttonsOnly = props.buttonsOnly,
-      round = props.round,
-      roundMd = props.roundMd,
-      roundIos = props.roundIos,
-      roundAurora = props.roundAurora,
-      fill = props.fill,
-      fillMd = props.fillMd,
-      fillIos = props.fillIos,
-      fillAurora = props.fillAurora,
-      large = props.large,
-      largeMd = props.largeMd,
-      largeIos = props.largeIos,
-      largeAurora = props.largeAurora,
-      small = props.small,
-      smallMd = props.smallMd,
-      smallIos = props.smallIos,
-      smallAurora = props.smallAurora,
-      raised = props.raised,
-      raisedMd = props.raisedMd,
-      raisedIos = props.raisedIos,
-      raisedAurora = props.raisedAurora;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var increment = function increment() {
-    if (!_f7Stepper.current) return;
-
-    _f7Stepper.current.increment();
-  };
-
-  var decrement = function decrement() {
-    if (!_f7Stepper.current) return;
-
-    _f7Stepper.current.decrement();
-  };
-
-  var setValue = function setValue(newValue) {
-    if (_f7Stepper.current && _f7Stepper.current.setValue) _f7Stepper.current.setValue(newValue);
-  };
-
-  var getValue = function getValue() {
-    if (_f7Stepper.current && _f7Stepper.current.getValue) {
-      return _f7Stepper.current.getValue();
-    }
-
-    return undefined;
-  };
-
-  var onInput = function onInput(event) {
-    (0, _utils.emit)(props, 'input', event, _f7Stepper.current);
-  };
-
-  var onChange = function onChange(event) {
-    (0, _utils.emit)(props, 'change', event, _f7Stepper.current);
-  };
-
-  var onMinusClick = function onMinusClick(event) {
-    (0, _utils.emit)(props, 'stepperMinusClick', event, _f7Stepper.current);
-  };
-
-  var onPlusClick = function onPlusClick(event) {
-    (0, _utils.emit)(props, 'stepperPlusClick', event, _f7Stepper.current);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7Stepper: function f7Stepper() {
-        return _f7Stepper.current;
-      },
-      increment: increment,
-      decrement: decrement,
-      setValue: setValue,
-      getValue: getValue
-    };
-  });
-  (0, _watchProp.watchProp)(value, function (newValue) {
-    if (!_f7Stepper.current) return;
-
-    _f7Stepper.current.setValue(newValue);
-  });
-
-  var onStepperChange = function onStepperChange(stepper, newValue) {
-    (0, _utils.emit)(props, 'stepperChange', newValue);
-  };
-
-  var stepperEvents = function stepperEvents(method) {
-    if (!_f7Stepper.current) return;
-
-    _f7Stepper.current[method]('change', onStepperChange);
-  };
-
-  var onMount = function onMount() {
-    (0, _f.f7ready)(function () {
-      if (!init || !elRef.current) return;
-      _f7Stepper.current = _f.f7.stepper.create((0, _utils.noUndefinedProps)({
-        el: elRef.current,
-        min: min,
-        max: max,
-        value: value,
-        step: step,
-        formatValue: formatValue,
-        autorepeat: autorepeat,
-        autorepeatDynamic: autorepeatDynamic,
-        wraps: wraps,
-        manualInputMode: manualInputMode,
-        decimalPoint: decimalPoint,
-        buttonsEndInputMode: buttonsEndInputMode
-      }));
-      stepperEvents('on');
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7Stepper.current && _f7Stepper.current.destroy) {
-      _f7Stepper.current.destroy();
-    }
-
-    _f7Stepper.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    stepperEvents('on');
-    return function () {
-      stepperEvents('off');
-    };
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  var inputWrapEl;
-  var valueEl;
-
-  if (input && !buttonsOnly) {
-    var inputEl = /*#__PURE__*/_react.default.createElement("input", {
-      name: name,
-      id: inputId,
-      type: inputType,
-      min: inputType === 'number' ? min : undefined,
-      max: inputType === 'number' ? max : undefined,
-      step: inputType === 'number' ? step : undefined,
-      onInput: onInput,
-      onChange: onChange,
-      value: value,
-      readOnly: inputReadonly
-    });
-
-    inputWrapEl = /*#__PURE__*/_react.default.createElement("div", {
-      className: "stepper-input-wrap"
-    }, inputEl);
-  }
-
-  if (!input && !buttonsOnly) {
-    valueEl = /*#__PURE__*/_react.default.createElement("div", {
-      className: "stepper-value"
-    }, value);
-  }
-
-  var classes = (0, _utils.classNames)(className, 'stepper', {
-    disabled: disabled,
-    'stepper-round': round,
-    'stepper-round-ios': roundIos,
-    'stepper-round-md': roundMd,
-    'stepper-round-aurora': roundAurora,
-    'stepper-fill': fill,
-    'stepper-fill-ios': fillIos,
-    'stepper-fill-md': fillMd,
-    'stepper-fill-aurora': fillAurora,
-    'stepper-large': large,
-    'stepper-large-ios': largeIos,
-    'stepper-large-md': largeMd,
-    'stepper-large-aurora': largeAurora,
-    'stepper-small': small,
-    'stepper-small-ios': smallIos,
-    'stepper-small-md': smallMd,
-    'stepper-small-aurora': smallAurora,
-    'stepper-raised': raised,
-    'stepper-raised-ios': raisedIos,
-    'stepper-raised-md': raisedMd,
-    'stepper-raised-aurora': raisedAurora
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    ref: elRef,
-    id: id,
-    style: style,
-    className: classes
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("div", {
-    className: "stepper-button-minus",
-    onClick: onMinusClick
-  }), inputWrapEl, valueEl, /*#__PURE__*/_react.default.createElement("div", {
-    className: "stepper-button-plus",
-    onClick: onPlusClick
-  }));
-});
-Stepper.displayName = 'f7-stepper';
-var _default = Stepper;
-exports.default = _default;

package/cjs/components/subnavbar.js

@@ -1,50 +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 Subnavbar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      _props$inner = props.inner,
-      inner = _props$inner === void 0 ? true : _props$inner,
-      title = props.title,
-      sliding = props.sliding;
-  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, 'subnavbar', {
-    sliding: sliding
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: classes,
-    id: id,
-    style: style,
-    ref: elRef
-  }, extraAttrs), inner ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "subnavbar-inner"
-  }, title && /*#__PURE__*/_react.default.createElement("div", {
-    className: "subnavbar-title"
-  }, title), children) : children);
-});
-Subnavbar.displayName = 'f7-subnavbar';
-var _default = Subnavbar;
-exports.default = _default;

package/cjs/components/swipeout-actions.js

@@ -1,50 +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 SwipeoutActions = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      left = props.left,
-      right = props.right,
-      side = props.side;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var sideComputed = side;
-
-  if (!sideComputed) {
-    if (left) sideComputed = 'left';
-    if (right) sideComputed = 'right';
-  }
-
-  var classes = (0, _utils.classNames)(className, "swipeout-actions-" + sideComputed, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children);
-});
-SwipeoutActions.displayName = 'f7-swipeout-actions';
-var _default = SwipeoutActions;
-exports.default = _default;

package/cjs/components/swipeout-button.js

@@ -1,61 +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 SwipeoutButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      text = props.text,
-      confirmTitle = props.confirmTitle,
-      confirmText = props.confirmText,
-      overswipe = props.overswipe,
-      close = props.close,
-      deleteProp = props.delete,
-      href = props.href;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onClick = function onClick(e) {
-    (0, _utils.emit)(props, 'click', e);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = (0, _utils.classNames)(className, {
-    'swipeout-overswipe': overswipe,
-    'swipeout-delete': deleteProp,
-    'swipeout-close': close
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("a", _extends({
-    ref: elRef,
-    href: href || '#',
-    id: id,
-    style: style,
-    "data-confirm": confirmText || undefined,
-    "data-confirm-title": confirmTitle || undefined,
-    className: classes
-  }, extraAttrs, {
-    onClick: onClick
-  }), children, text);
-});
-SwipeoutButton.displayName = 'f7-swipeout-button';
-var _default = SwipeoutButton;
-exports.default = _default;

package/cjs/components/swiper-slide.js

@@ -1,9 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("swiper/react");
-
-var _default = _react.SwiperSlide;
-exports.default = _default;

package/cjs/components/swiper.js

@@ -1,9 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("swiper/react");
-
-var _default = _react.Swiper;
-exports.default = _default;

package/cjs/components/tab.js

@@ -1,141 +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 _routerContext = require("../shared/router-context");
-
-var _useAsyncComponent = require("../shared/use-async-component");
-
-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 Tab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      tabActive = props.tabActive;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  var routerData = (0, _react.useRef)(null);
-  var routerContext = (0, _react.useContext)(_routerContext.RouterContext);
-  var initialTabContent = null;
-
-  if (!routerData.current && routerContext && routerContext.route && routerContext.route.route && routerContext.route.route.tab && routerContext.route.route.tab.id === id) {
-    var _routerContext$route$ = routerContext.route.route.tab,
-        component = _routerContext$route$.component,
-        asyncComponent = _routerContext$route$.asyncComponent,
-        tabRouteOptions = _routerContext$route$.options;
-
-    if (component || asyncComponent) {
-      var parentProps = routerContext.route.route.options && routerContext.route.route.options.props;
-      initialTabContent = {
-        id: (0, _utils.getComponentId)(),
-        component: component || asyncComponent,
-        isAsync: !!asyncComponent,
-        props: _extends({}, parentProps || {}, tabRouteOptions && tabRouteOptions.props || {}, {
-          f7router: routerContext.router,
-          f7route: routerContext.route
-        }, routerContext.route.params)
-      };
-    }
-  }
-
-  var _useState = (0, _react.useState)(initialTabContent || null),
-      tabContent = _useState[0],
-      setTabContent = _useState[1];
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-
-  if (_f.f7 && !routerData.current) {
-    routerData.current = {
-      setTabContent: setTabContent
-    };
-
-    _f.f7routers.tabs.push(routerData.current);
-  }
-
-  var onMount = function onMount() {
-    if (elRef.current && initialTabContent) {
-      elRef.current.f7RouterTabLoaded = true;
-    }
-
-    (0, _f.f7ready)(function () {
-      if (!routerData.current) {
-        routerData.current = {
-          el: elRef.current,
-          setTabContent: setTabContent
-        };
-
-        _f.f7routers.tabs.push(routerData.current);
-      } else {
-        routerData.current.el = elRef.current;
-      }
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (!routerData.current) return;
-
-    _f.f7routers.tabs.splice(_f.f7routers.tabs.indexOf(routerData.current), 1);
-
-    routerData.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (!routerData.current || !_f.f7) return;
-
-    _f.f7events.emit('tabRouterDidUpdate', routerData.current);
-  });
-  (0, _useTab.useTab)(elRef, props);
-  var classes = (0, _utils.classNames)(className, 'tab', {
-    'tab-active': tabActive
-  }, (0, _mixins.colorClasses)(props));
-
-  var renderChildren = function renderChildren() {
-    if (!tabContent) return children;
-
-    if (tabContent.isAsync) {
-      return (0, _useAsyncComponent.useAsyncComponent)(tabContent.component, tabContent.props, tabContent.id);
-    }
-
-    var TabContent = tabContent.component;
-    return /*#__PURE__*/_react.default.createElement(TabContent, _extends({
-      key: tabContent.id
-    }, tabContent.props));
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), renderChildren());
-});
-Tab.displayName = 'f7-tab';
-var _default = Tab;
-exports.default = _default;

package/cjs/components/tabs.js

@@ -1,72 +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");
-
-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 Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      animated = props.animated,
-      swipeable = props.swipeable,
-      routable = props.routable,
-      swiperParams = props.swiperParams;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (!swipeable || !swiperParams) return;
-    if (!elRef.current) return;
-    elRef.current.f7SwiperParams = swiperParams;
-  }, []);
-  var classes = (0, _utils.classNames)(className, (0, _mixins.colorClasses)(props));
-  var wrapClasses = (0, _utils.classNames)({
-    'tabs-animated-wrap': animated,
-    'tabs-swipeable-wrap': swipeable
-  });
-  var tabsClasses = (0, _utils.classNames)({
-    tabs: true,
-    'tabs-routable': routable
-  });
-
-  if (animated || swipeable) {
-    return /*#__PURE__*/_react.default.createElement("div", _extends({
-      id: id,
-      style: style,
-      className: (0, _utils.classNames)(wrapClasses, classes),
-      ref: elRef
-    }, extraAttrs), /*#__PURE__*/_react.default.createElement("div", {
-      className: tabsClasses
-    }, children));
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: (0, _utils.classNames)(tabsClasses, classes),
-    ref: elRef
-  }, extraAttrs), children);
-});
-Tabs.displayName = 'f7-tabs';
-var _default = Tabs;
-exports.default = _default;