framework7-react 6.3.16 → 7.0.0-beta.12

package/cjs/components/list.js

@@ -1,250 +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 _listContext = require("../shared/list-context");
-
-var _useTab = require("../shared/use-tab");
-
-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 List = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7VirtualList = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      inset = props.inset,
-      xsmallInset = props.xsmallInset,
-      smallInset = props.smallInset,
-      mediumInset = props.mediumInset,
-      largeInset = props.largeInset,
-      xlargeInset = props.xlargeInset,
-      mediaList = props.mediaList,
-      sortable = props.sortable,
-      sortableTapHold = props.sortableTapHold,
-      sortableEnabled = props.sortableEnabled,
-      sortableMoveElements = props.sortableMoveElements,
-      sortableOpposite = props.sortableOpposite,
-      accordionList = props.accordionList,
-      accordionOpposite = props.accordionOpposite,
-      contactsList = props.contactsList,
-      simpleList = props.simpleList,
-      linksList = props.linksList,
-      menuList = props.menuList,
-      noHairlines = props.noHairlines,
-      noHairlinesBetween = props.noHairlinesBetween,
-      noHairlinesMd = props.noHairlinesMd,
-      noHairlinesBetweenMd = props.noHairlinesBetweenMd,
-      noHairlinesIos = props.noHairlinesIos,
-      noHairlinesBetweenIos = props.noHairlinesBetweenIos,
-      noHairlinesAurora = props.noHairlinesAurora,
-      noHairlinesBetweenAurora = props.noHairlinesBetweenAurora,
-      noChevron = props.noChevron,
-      chevronCenter = props.chevronCenter,
-      tab = props.tab,
-      tabActive = props.tabActive,
-      form = props.form,
-      formStoreData = props.formStoreData,
-      inlineLabels = props.inlineLabels,
-      virtualList = props.virtualList,
-      virtualListParams = props.virtualListParams;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onSubmit = function onSubmit(event) {
-    (0, _utils.emit)(props, 'submit', event);
-  };
-
-  var onSortableEnable = function onSortableEnable(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'sortableEnable');
-  };
-
-  var onSortableDisable = function onSortableDisable(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'sortableDisable');
-  };
-
-  var onSortableSort = function onSortableSort(el, sortData, listEl) {
-    if (elRef.current !== listEl) return;
-    (0, _utils.emit)(props, 'sortableSort', sortData);
-  };
-
-  var onSortableMove = function onSortableMove(el, listEl) {
-    if (elRef.current !== listEl) return;
-    (0, _utils.emit)(props, 'sortableMove', el, listEl);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7VirtualList: function f7VirtualList() {
-        return _f7VirtualList.current;
-      }
-    };
-  });
-  (0, _useTab.useTab)(elRef, props);
-
-  var attachEvents = function attachEvents() {
-    (0, _f.f7ready)(function () {
-      _f.f7.on('sortableEnable', onSortableEnable);
-
-      _f.f7.on('sortableDisable', onSortableDisable);
-
-      _f.f7.on('sortableSort', onSortableSort);
-
-      _f.f7.on('sortableMove', onSortableMove);
-    });
-  };
-
-  var detachEvents = function detachEvents() {
-    if (!_f.f7) return;
-
-    _f.f7.off('sortableEnable', onSortableEnable);
-
-    _f.f7.off('sortableDisable', onSortableDisable);
-
-    _f.f7.off('sortableSort', onSortableSort);
-
-    _f.f7.off('sortableMove', onSortableMove);
-  };
-
-  var onMount = function onMount() {
-    (0, _f.f7ready)(function () {
-      if (!virtualList) return;
-      var vlParams = virtualListParams || {};
-      if (!vlParams.renderItem && !vlParams.renderExternal) return;
-      _f7VirtualList.current = _f.f7.virtualList.create((0, _utils.extend)({
-        el: elRef.current,
-        on: {
-          itemBeforeInsert: function itemBeforeInsert(itemEl, item) {
-            var vl = this;
-            (0, _utils.emit)(props, 'virtualItemBeforeInsert', vl, itemEl, item);
-          },
-          beforeClear: function beforeClear(fragment) {
-            var vl = this;
-            (0, _utils.emit)(props, 'virtualBeforeClear', vl, fragment);
-          },
-          itemsBeforeInsert: function itemsBeforeInsert(fragment) {
-            var vl = this;
-            (0, _utils.emit)(props, 'virtualItemsBeforeInsert', vl, fragment);
-          },
-          itemsAfterInsert: function itemsAfterInsert(fragment) {
-            var vl = this;
-            (0, _utils.emit)(props, 'virtualItemsAfterInsert', vl, fragment);
-          }
-        }
-      }, vlParams));
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (!_f.f7) return;
-    if (!(virtualList && _f7VirtualList.current)) return;
-    if (_f7VirtualList.current.destroy) _f7VirtualList.current.destroy();
-    _f7VirtualList.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    attachEvents();
-    return detachEvents;
-  });
-  var slots = (0, _utils.getSlots)(props);
-  var slotsList = slots.list,
-      slotsDefault = slots.default;
-  var rootChildrenBeforeList = [];
-  var rootChildrenAfterList = [];
-  var ulChildren = slotsList || [];
-  var flattenSlots = (0, _utils.flattenArray)(slotsDefault);
-  var wasUlChild = false;
-  flattenSlots.forEach(function (child) {
-    if (typeof child === 'undefined') return;
-    var tag = child.type && (child.type.displayName || child.type.name);
-
-    if (!tag && typeof child.type === 'string') {
-      tag = child.type;
-    }
-
-    if (!tag || tag && !(tag === 'li' || tag.indexOf('f7-list-item') >= 0 || tag.indexOf('f7-list-button') >= 0 || tag.indexOf('f7-list-input') >= 0)) {
-      if (wasUlChild) rootChildrenAfterList.push(child);else rootChildrenBeforeList.push(child);
-    } else if (tag) {
-      wasUlChild = true;
-      ulChildren.push(child);
-    }
-  });
-  var ListTag = form ? 'form' : 'div';
-  var classes = (0, _utils.classNames)(className, 'list', {
-    inset: inset,
-    'xsmall-inset': xsmallInset,
-    'small-inset': smallInset,
-    'medium-inset': mediumInset,
-    'large-inset': largeInset,
-    'xlarge-inset': xlargeInset,
-    'media-list': mediaList,
-    'simple-list': simpleList,
-    'links-list': linksList,
-    'menu-list': menuList,
-    sortable: sortable,
-    'sortable-tap-hold': sortableTapHold,
-    'sortable-enabled': sortableEnabled,
-    'sortable-opposite': sortableOpposite,
-    'accordion-list': accordionList,
-    'accordion-opposite': accordionOpposite,
-    'contacts-list': contactsList,
-    'virtual-list': virtualList,
-    tab: tab,
-    'tab-active': tabActive,
-    'no-hairlines': noHairlines,
-    'no-hairlines-md': noHairlinesMd,
-    'no-hairlines-ios': noHairlinesIos,
-    'no-hairlines-aurora': noHairlinesAurora,
-    'no-hairlines-between': noHairlinesBetween,
-    'no-hairlines-between-md': noHairlinesBetweenMd,
-    'no-hairlines-between-ios': noHairlinesBetweenIos,
-    'no-hairlines-between-aurora': noHairlinesBetweenAurora,
-    'form-store-data': formStoreData,
-    'inline-labels': inlineLabels,
-    'no-chevron': noChevron,
-    'chevron-center': chevronCenter
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement(ListTag, _extends({
-    id: id,
-    ref: elRef,
-    style: style,
-    className: classes
-  }, extraAttrs, {
-    "data-sortable-move-elements": typeof sortableMoveElements !== 'undefined' ? sortableMoveElements.toString() : undefined,
-    onSubmit: onSubmit
-  }), /*#__PURE__*/_react.default.createElement(_listContext.ListContext.Provider, {
-    value: {
-      listIsMedia: mediaList,
-      listIsSimple: simpleList,
-      listIsSortable: sortable,
-      listIsSortableOpposite: sortableOpposite
-    }
-  }, slots['before-list'], rootChildrenBeforeList, ulChildren.length > 0 && /*#__PURE__*/_react.default.createElement("ul", null, ulChildren), slots['after-list'], rootChildrenAfterList));
-});
-List.displayName = 'f7-list';
-var _default = List;
-exports.default = _default;

package/cjs/components/login-screen-title.js

@@ -1,40 +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 LoginScreenTitle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children;
-  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, 'login-screen-title', (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children);
-});
-LoginScreenTitle.displayName = 'f7-login-screen-title';
-var _default = LoginScreenTitle;
-exports.default = _default;

package/cjs/components/login-screen.js

@@ -1,142 +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");
-
-var _modalStateClasses = require("../shared/modal-state-classes");
-
-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 LoginScreen = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7LoginScreen = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      opened = props.opened,
-      animate = props.animate,
-      containerEl = props.containerEl;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var isOpened = (0, _react.useRef)(opened);
-  var isClosing = (0, _react.useRef)(false);
-  var elRef = (0, _react.useRef)(null);
-
-  var onOpen = function onOpen(instance) {
-    isOpened.current = true;
-    isClosing.current = false;
-    (0, _utils.emit)(props, 'loginScreenOpen', instance);
-  };
-
-  var onOpened = function onOpened(instance) {
-    (0, _utils.emit)(props, 'loginScreenOpened', instance);
-  };
-
-  var onClose = function onClose(instance) {
-    isOpened.current = false;
-    isClosing.current = true;
-    (0, _utils.emit)(props, 'loginScreenClose', instance);
-  };
-
-  var onClosed = function onClosed(instance) {
-    isClosing.current = false;
-    (0, _utils.emit)(props, 'loginScreenClosed', instance);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7LoginScreen: function f7LoginScreen() {
-        return _f7LoginScreen.current;
-      }
-    };
-  }); // watch opened changes
-
-  (0, _watchProp.watchProp)(opened, function (value) {
-    if (!_f7LoginScreen.current) return;
-
-    if (value) {
-      _f7LoginScreen.current.open();
-    } else {
-      _f7LoginScreen.current.close();
-    }
-  });
-
-  var modalEvents = function modalEvents(method) {
-    if (!_f7LoginScreen.current) return;
-
-    _f7LoginScreen.current[method]('open', onOpen);
-
-    _f7LoginScreen.current[method]('opened', onOpened);
-
-    _f7LoginScreen.current[method]('close', onClose);
-
-    _f7LoginScreen.current[method]('closed', onClosed);
-  };
-
-  var onMount = function onMount() {
-    if (!elRef.current) return;
-    (0, _f.f7ready)(function () {
-      var loginScreenParams = {
-        el: elRef.current
-      };
-      if ('animate' in props) loginScreenParams.animate = animate;
-      if ('containerEl' in props) loginScreenParams.containerEl = containerEl;
-      _f7LoginScreen.current = _f.f7.loginScreen.create(loginScreenParams);
-      modalEvents('on');
-
-      if (opened) {
-        _f7LoginScreen.current.open(false);
-      }
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7LoginScreen.current) {
-      _f7LoginScreen.current.destroy();
-    }
-
-    _f7LoginScreen.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    modalEvents('on');
-    return function () {
-      modalEvents('off');
-    };
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  var classes = (0, _utils.classNames)(className, 'login-screen', (0, _modalStateClasses.modalStateClasses)({
-    isOpened: isOpened,
-    isClosing: isClosing
-  }), (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children);
-});
-LoginScreen.displayName = 'f7-login-screen';
-var _default = LoginScreen;
-exports.default = _default;

package/cjs/components/menu-dropdown-item.js

@@ -1,72 +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");
-
-var _useRouteProps = require("../shared/use-route-props");
-
-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 MenuDropdownItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      link = props.link,
-      href = props.href,
-      target = props.target,
-      text = props.text,
-      divider = props.divider,
-      menuClose = props.menuClose;
-  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
-    };
-  });
-  (0, _useRouteProps.useRouteProps)(elRef, props);
-  var isLink = link || href || href === '';
-  var Tag = isLink ? 'a' : 'div';
-  var classes = (0, _utils.classNames)({
-    'menu-dropdown-link': isLink && !divider,
-    'menu-dropdown-item': !isLink && !divider,
-    'menu-dropdown-divider': divider
-  }, className, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props), {
-    'menu-close': typeof menuClose === 'undefined'
-  });
-  var hrefComputed = href;
-  if (typeof hrefComputed === 'undefined' && link) hrefComputed = '#';
-
-  var attrs = _extends({
-    href: hrefComputed,
-    target: target
-  }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-
-  return /*#__PURE__*/_react.default.createElement(Tag, _extends({
-    className: classes,
-    id: id,
-    style: style,
-    ref: elRef
-  }, attrs, extraAttrs, {
-    onClick: onClick
-  }), text, children);
-});
-MenuDropdownItem.displayName = 'f7-menu-dropdown-item';
-var _default = MenuDropdownItem;
-exports.default = _default;

package/cjs/components/menu-dropdown.js

@@ -1,54 +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 MenuDropdown = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      contentHeight = props.contentHeight,
-      position = props.position,
-      left = props.left,
-      center = props.center,
-      right = props.right;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var positionComputed = position || 'left';
-  if (left) positionComputed = 'left';
-  if (center) positionComputed = 'center';
-  if (right) positionComputed = 'right';
-  var classes = (0, _utils.classNames)('menu-dropdown', "menu-dropdown-" + positionComputed, (0, _mixins.colorClasses)(props), className);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("div", {
-    className: "menu-dropdown-content",
-    style: {
-      height: contentHeight
-    }
-  }, children));
-});
-MenuDropdown.displayName = 'f7-menu-dropdown';
-var _default = MenuDropdown;
-exports.default = _default;

package/cjs/components/menu-item.js

@@ -1,120 +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 _useRouteProps = require("../shared/use-route-props");
-
-var _useIcon = require("../shared/use-icon");
-
-var _f = require("../shared/f7");
-
-var _useTooltip = require("../shared/use-tooltip");
-
-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 MenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      link = props.link,
-      href = props.href,
-      target = props.target,
-      text = props.text,
-      dropdown = props.dropdown,
-      iconOnly = props.iconOnly;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onClick = function onClick(e) {
-    (0, _utils.emit)(props, 'click', e);
-  };
-
-  var onOpened = function onOpened(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'menuOpened', el);
-  };
-
-  var onClosed = function onClosed(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'menuClosed', el);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  (0, _useTooltip.useTooltip)(elRef, props);
-  (0, _useRouteProps.useRouteProps)(elRef, props);
-
-  var attachEvents = function attachEvents() {
-    (0, _f.f7ready)(function () {
-      _f.f7.on('menuOpened', onOpened);
-
-      _f.f7.on('menuClosed', onClosed);
-    });
-  };
-
-  var detachEvents = function detachEvents() {
-    _f.f7.off('menuOpened', onOpened);
-
-    _f.f7.off('menuClosed', onOpened);
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    attachEvents();
-    return detachEvents;
-  });
-  var iconEl = (0, _useIcon.useIcon)(props);
-  var slots = (0, _utils.getSlots)(props);
-  var iconOnlyComputed;
-
-  if (iconOnly || !text && slots.text && slots.text.length === 0 || !text && !slots.text) {
-    iconOnlyComputed = true;
-  } else {
-    iconOnlyComputed = false;
-  }
-
-  var isLink = link || href || href === '';
-  var Tag = isLink ? 'a' : 'div';
-  var isDropdown = dropdown || dropdown === '';
-  var classes = (0, _utils.classNames)({
-    'menu-item': true,
-    'menu-item-dropdown': isDropdown,
-    'icon-only': iconOnlyComputed
-  }, className, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props));
-  var hrefComputed = href;
-  if (typeof hrefComputed === 'undefined' && link) hrefComputed = '#';
-
-  var attrs = _extends({
-    href: hrefComputed,
-    target: target
-  }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-
-  return /*#__PURE__*/_react.default.createElement(Tag, _extends({
-    ref: elRef,
-    className: classes,
-    id: id,
-    style: style
-  }, attrs, extraAttrs, {
-    onClick: onClick
-  }), (text || slots.text && slots.text.length || iconEl) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "menu-item-content"
-  }, text, iconEl, slots.text), slots.default);
-});
-MenuItem.displayName = 'f7-menu-item';
-var _default = MenuItem;
-exports.default = _default;