framework7-react 6.3.16 → 7.0.0-beta.12

package/cjs/components/input.js

@@ -1,469 +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 _toggle = _interopRequireDefault(require("./toggle"));
-
-var _range = _interopRequireDefault(require("./range"));
-
-var _textEditor = _interopRequireDefault(require("./text-editor"));
-
-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 Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      type = props.type,
-      name = props.name,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      inputmode = props.inputmode,
-      placeholder = props.placeholder,
-      inputId = props.inputId,
-      size = props.size,
-      accept = props.accept,
-      autocomplete = props.autocomplete,
-      autocorrect = props.autocorrect,
-      autocapitalize = props.autocapitalize,
-      spellcheck = props.spellcheck,
-      autofocus = props.autofocus,
-      autosave = props.autosave,
-      checked = props.checked,
-      disabled = props.disabled,
-      max = props.max,
-      min = props.min,
-      step = props.step,
-      maxlength = props.maxlength,
-      minlength = props.minlength,
-      multiple = props.multiple,
-      readonly = props.readonly,
-      required = props.required,
-      inputStyle = props.inputStyle,
-      pattern = props.pattern,
-      validate = props.validate,
-      validateOnBlur = props.validateOnBlur,
-      onValidate = props.onValidate,
-      tabindex = props.tabindex,
-      resizable = props.resizable,
-      clearButton = props.clearButton,
-      noFormStoreData = props.noFormStoreData,
-      noStoreData = props.noStoreData,
-      ignoreStoreData = props.ignoreStoreData,
-      errorMessage = props.errorMessage,
-      errorMessageForce = props.errorMessageForce,
-      info = props.info,
-      outline = props.outline,
-      _props$wrap = props.wrap,
-      wrap = _props$wrap === void 0 ? true : _props$wrap,
-      _props$dropdown = props.dropdown,
-      dropdown = _props$dropdown === void 0 ? 'auto' : _props$dropdown,
-      calendarParams = props.calendarParams,
-      colorPickerParams = props.colorPickerParams,
-      textEditorParams = props.textEditorParams;
-
-  var _useState = (0, _react.useState)(false),
-      inputInvalid = _useState[0],
-      setInputInvalid = _useState[1];
-
-  var _useState2 = (0, _react.useState)(false),
-      inputFocused = _useState2[0],
-      setInputFocused = _useState2[1];
-
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var f7Calendar = (0, _react.useRef)(null);
-  var f7ColorPicker = (0, _react.useRef)(null);
-  var elRef = (0, _react.useRef)(null);
-  var inputElRef = (0, _react.useRef)(null);
-  var updateInputOnDidUpdate = (0, _react.useRef)(false);
-
-  var getDomValue = function getDomValue() {
-    if (!inputElRef.current) return undefined;
-    return inputElRef.current.value;
-  };
-
-  var isInputHasValue = function isInputHasValue() {
-    if (type === 'datepicker' && Array.isArray(value) && value.length === 0) {
-      return false;
-    }
-
-    var domValue = getDomValue();
-    return typeof value === 'undefined' ? domValue || domValue === 0 : value || value === 0;
-  };
-
-  var validateInput = function validateInput() {
-    if (!_f.f7 || !inputElRef.current) return;
-    var validity = inputElRef.current.validity;
-    if (!validity) return;
-
-    if (!validity.valid) {
-      if (onValidate) onValidate(false);
-
-      if (inputInvalid !== true) {
-        setInputInvalid(true);
-      }
-    } else {
-      if (onValidate) onValidate(true);
-
-      if (inputInvalid !== false) {
-        setInputInvalid(false);
-      }
-    }
-  };
-
-  var onTextareaResize = function onTextareaResize(event) {
-    (0, _utils.emit)(props, 'textareaResize', event);
-  };
-
-  var onInputNotEmpty = function onInputNotEmpty(event) {
-    (0, _utils.emit)(props, 'inputNotEmpty', event);
-  };
-
-  var onInputEmpty = function onInputEmpty(event) {
-    (0, _utils.emit)(props, 'inputEmpty', event);
-  };
-
-  var onInputClear = function onInputClear(event) {
-    (0, _utils.emit)(props, 'inputClear', event);
-  };
-
-  var onInput = function onInput() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _utils.emit.apply(void 0, [props, 'input'].concat(args));
-
-    if (!(validateOnBlur || validateOnBlur === '') && (validate || validate === '') && inputElRef.current) {
-      validateInput();
-    }
-  };
-
-  var onFocus = function onFocus() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-
-    _utils.emit.apply(void 0, [props, 'focus'].concat(args));
-
-    setInputFocused(true);
-  };
-
-  var onBlur = function onBlur() {
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-
-    _utils.emit.apply(void 0, [props, 'blur'].concat(args));
-
-    if ((validate || validate === '' || validateOnBlur || validateOnBlur === '') && inputElRef.current) {
-      validateInput();
-    }
-
-    setInputFocused(false);
-  };
-
-  var onChange = function onChange() {
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-
-    _utils.emit.apply(void 0, [props, 'change'].concat(args));
-
-    if (type === 'texteditor') {
-      (0, _utils.emit)(props, 'textEditorChange', args[1]);
-    }
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-
-  var onMount = function onMount() {
-    (0, _f.f7ready)(function () {
-      if (type === 'range' || type === 'toggle') return;
-      if (!inputElRef.current) return;
-      inputElRef.current.addEventListener('input:notempty', onInputNotEmpty, false);
-
-      if (type === 'textarea' && resizable) {
-        inputElRef.current.addEventListener('textarea:resize', onTextareaResize, false);
-      }
-
-      if (clearButton) {
-        inputElRef.current.addEventListener('input:empty', onInputEmpty, false);
-        inputElRef.current.addEventListener('input:clear', onInputClear, false);
-      }
-
-      if (type === 'datepicker') {
-        f7Calendar.current = _f.f7.calendar.create(_extends({
-          inputEl: inputElRef.current,
-          value: value,
-          on: {
-            change: function change(calendar, calendarValue) {
-              (0, _utils.emit)(props, 'calendarChange', calendarValue);
-            }
-          }
-        }, calendarParams || {}));
-      }
-
-      if (type === 'colorpicker') {
-        f7ColorPicker.current = _f.f7.colorPicker.create(_extends({
-          inputEl: inputElRef.current,
-          value: value,
-          on: {
-            change: function change(colorPicker, colorPickerValue) {
-              (0, _utils.emit)(props, 'colorPickerChange', colorPickerValue);
-            }
-          }
-        }, colorPickerParams || {}));
-      }
-
-      _f.f7.input.checkEmptyState(inputElRef.current);
-
-      if (!(validateOnBlur || validateOnBlur === '') && (validate || validate === '') && (typeof value !== 'undefined' && value !== null && value !== '' || typeof defaultValue !== 'undefined' && defaultValue !== null && defaultValue !== '')) {
-        setTimeout(function () {
-          validateInput();
-        }, 0);
-      }
-
-      if (resizable) {
-        _f.f7.input.resizeTextarea(inputElRef.current);
-      }
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (type === 'range' || type === 'toggle') return;
-    if (!inputElRef.current) return;
-    inputElRef.current.removeEventListener('input:notempty', onInputNotEmpty, false);
-
-    if (type === 'textarea' && resizable) {
-      inputElRef.current.removeEventListener('textarea:resize', onTextareaResize, false);
-    }
-
-    if (clearButton) {
-      inputElRef.current.removeEventListener('input:empty', onInputEmpty, false);
-      inputElRef.current.removeEventListener('input:clear', onInputClear, false);
-    }
-
-    if (f7Calendar.current && f7Calendar.current.destroy) {
-      f7Calendar.current.destroy();
-      f7Calendar.current = null;
-    }
-
-    if (f7ColorPicker.current && f7ColorPicker.current.destroy) {
-      f7ColorPicker.current.destroy();
-      f7ColorPicker.current = null;
-    }
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (!_f.f7) return;
-
-    if (updateInputOnDidUpdate.current) {
-      if (!inputElRef.current) return;
-      updateInputOnDidUpdate.current = false;
-
-      _f.f7.input.checkEmptyState(inputElRef.current);
-
-      if (validate && !validateOnBlur) {
-        validateInput();
-      }
-
-      if (resizable) {
-        _f.f7.input.resizeTextarea(inputElRef.current);
-      }
-    }
-  });
-  (0, _watchProp.watchProp)(colorPickerParams, function (newValue) {
-    if (!_f.f7 || !f7ColorPicker.current) return;
-    (0, _utils.extend)(f7ColorPicker.current.params, newValue || {});
-  });
-  (0, _watchProp.watchProp)(calendarParams, function (newValue) {
-    if (!_f.f7 || !f7Calendar.current) return;
-    (0, _utils.extend)(f7Calendar.current.params, newValue || {});
-  });
-  (0, _watchProp.watchProp)(value, function (newValue) {
-    if (type === 'range' || type === 'toggle') return;
-    if (!_f.f7) return;
-    updateInputOnDidUpdate.current = true;
-
-    if (f7Calendar.current) {
-      f7Calendar.current.setValue(newValue);
-    }
-
-    if (f7ColorPicker.current) {
-      f7ColorPicker.current.setValue(newValue);
-    }
-  });
-  var domValue = getDomValue();
-  var inputHasValue = isInputHasValue();
-  var slots = (0, _utils.getSlots)(props);
-  var inputEl;
-
-  var createInput = function createInput(InputTag, children) {
-    var needsValue = type !== 'file' && type !== 'datepicker' && type !== 'colorpicker';
-    var needsType = InputTag === 'input';
-    var inputType = type;
-
-    if (inputType === 'datepicker' || inputType === 'colorpicker') {
-      inputType = 'text';
-    }
-
-    var inputClassName = (0, _utils.classNames)(!wrap && className, {
-      resizable: inputType === 'textarea' && resizable,
-      'no-store-data': noFormStoreData || noStoreData || ignoreStoreData,
-      'input-invalid': errorMessage && errorMessageForce || inputInvalid,
-      'input-with-value': inputHasValue,
-      'input-focused': inputFocused
-    });
-    var inputValue;
-
-    if (needsValue) {
-      if (typeof value !== 'undefined') inputValue = value;else inputValue = domValue;
-    }
-
-    var valueProps = {};
-
-    if (type !== 'datepicker' && type !== 'colorpicker') {
-      if ('value' in props) valueProps.value = inputValue;
-      if ('defaultValue' in props) valueProps.defaultValue = defaultValue;
-    }
-
-    return /*#__PURE__*/_react.default.createElement(InputTag, _extends({
-      ref: inputElRef,
-      style: inputStyle,
-      name: name,
-      type: needsType ? inputType : undefined,
-      placeholder: placeholder,
-      inputMode: inputmode,
-      id: inputId,
-      size: size,
-      accept: accept,
-      autoComplete: autocomplete,
-      autoCorrect: autocorrect,
-      autoCapitalize: autocapitalize,
-      spellCheck: spellcheck,
-      autoFocus: autofocus,
-      autoSave: autosave,
-      checked: checked,
-      disabled: disabled,
-      max: max,
-      maxLength: maxlength,
-      min: min,
-      minLength: minlength,
-      step: step,
-      multiple: multiple,
-      readOnly: readonly,
-      required: required,
-      pattern: pattern,
-      validate: typeof validate === 'string' && validate.length ? validate : undefined,
-      "data-validate": validate === true || validate === '' || validateOnBlur === true || validateOnBlur === '' ? true : undefined,
-      "data-validate-on-blur": validateOnBlur === true || validateOnBlur === '' ? true : undefined,
-      tabIndex: tabindex,
-      "data-error-message": errorMessageForce ? undefined : errorMessage,
-      className: inputClassName,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      onInput: onInput,
-      onChange: onChange
-    }, valueProps), children);
-  };
-
-  if (type === 'select' || type === 'textarea' || type === 'file') {
-    if (type === 'select') {
-      inputEl = createInput('select', slots.default);
-    } else if (type === 'file') {
-      inputEl = createInput('input');
-    } else {
-      inputEl = createInput('textarea');
-    }
-  } else if (slots.default && slots.default.length > 0 || !type) {
-    inputEl = slots.default;
-  } else if (type === 'toggle') {
-    inputEl = /*#__PURE__*/_react.default.createElement(_toggle.default, {
-      checked: checked,
-      readonly: readonly,
-      name: name,
-      value: value,
-      disabled: disabled,
-      id: inputId,
-      onChange: onChange
-    });
-  } else if (type === 'range') {
-    inputEl = /*#__PURE__*/_react.default.createElement(_range.default, {
-      value: value,
-      disabled: disabled,
-      min: min,
-      max: max,
-      step: step,
-      name: name,
-      id: inputId,
-      input: true,
-      onRangeChange: onChange
-    });
-  } else if (type === 'texteditor') {
-    inputEl = /*#__PURE__*/_react.default.createElement(_textEditor.default, _extends({
-      value: value,
-      resizable: resizable,
-      placeholder: placeholder,
-      onTextEditorFocus: onFocus,
-      onTextEditorBlur: onBlur,
-      onTextEditorInput: onInput,
-      onTextEditorChange: onChange
-    }, textEditorParams));
-  } else {
-    inputEl = createInput('input');
-  }
-
-  if (wrap) {
-    var wrapClasses = (0, _utils.classNames)(className, 'input', {
-      'input-outline': outline,
-      'input-dropdown': dropdown === 'auto' ? type === 'select' : dropdown,
-      'input-invalid': errorMessage && errorMessageForce || inputInvalid
-    }, (0, _mixins.colorClasses)(props));
-    return /*#__PURE__*/_react.default.createElement("div", _extends({
-      id: id,
-      className: wrapClasses,
-      style: style,
-      ref: elRef
-    }, extraAttrs), inputEl, (errorMessage || slots['error-message'] && slots['error-message'].length) && errorMessageForce && /*#__PURE__*/_react.default.createElement("div", {
-      className: "input-error-message"
-    }, errorMessage, slots['error-message']), clearButton && /*#__PURE__*/_react.default.createElement("span", {
-      className: "input-clear-button"
-    }), (info || slots.info && slots.info.length) && /*#__PURE__*/_react.default.createElement("div", {
-      className: "input-info"
-    }, info, slots.info));
-  }
-
-  return inputEl;
-});
-Input.displayName = 'f7-input';
-var _default = Input;
-exports.default = _default;

package/cjs/components/link.js

@@ -1,124 +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 _useIcon = require("../shared/use-icon");
-
-var _useRouteProps = require("../shared/use-route-props");
-
-var _useTooltip = require("../shared/use-tooltip");
-
-var _tabbarContext = require("../shared/tabbar-context");
-
-var _badge = _interopRequireDefault(require("./badge"));
-
-var _useSmartSelect = require("../shared/use-smart-select");
-
-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 Link = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7SmartSelect = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      noLinkClass = props.noLinkClass,
-      text = props.text,
-      tabLink = props.tabLink,
-      tabLinkActive = props.tabLinkActive,
-      tabbarLabel = props.tabbarLabel,
-      iconOnly = props.iconOnly,
-      badge = props.badge,
-      badgeColor = props.badgeColor,
-      _props$href = props.href,
-      href = _props$href === void 0 ? '#' : _props$href,
-      target = props.target,
-      smartSelect = props.smartSelect,
-      smartSelectParams = props.smartSelectParams;
-  var tabbarContext = (0, _react.useContext)(_tabbarContext.TabbarContext);
-  var isTabbarLabel = tabbarLabel || tabbarContext.tabbarHasLabels;
-  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,
-      f7SmartSelect: function f7SmartSelect() {
-        return _f7SmartSelect.current;
-      }
-    };
-  });
-  (0, _useTooltip.useTooltip)(elRef, props);
-  (0, _useRouteProps.useRouteProps)(elRef, props);
-  (0, _useSmartSelect.useSmartSelect)(smartSelect, smartSelectParams, _f7SmartSelect, function () {
-    return elRef.current;
-  });
-  var textEl;
-  var badgeEl;
-
-  if (text) {
-    if (badge) badgeEl = /*#__PURE__*/_react.default.createElement(_badge.default, {
-      color: badgeColor
-    }, badge);
-    textEl = /*#__PURE__*/_react.default.createElement("span", {
-      className: isTabbarLabel ? 'tabbar-label' : ''
-    }, text, badgeEl);
-  }
-
-  var iconEl = (0, _useIcon.useIcon)(props);
-  var iconOnlyComputed;
-
-  if (iconOnly || !text && children && children.length === 0 || !text && !children) {
-    iconOnlyComputed = true;
-  } else {
-    iconOnlyComputed = false;
-  }
-
-  var classes = (0, _utils.classNames)(className, {
-    link: !(noLinkClass || isTabbarLabel),
-    'icon-only': iconOnlyComputed,
-    'tab-link': tabLink || tabLink === '',
-    'tab-link-active': tabLinkActive,
-    'smart-select': smartSelect
-  }, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props));
-  var hrefComputed = href;
-  if (href === true) hrefComputed = '#';
-  if (href === false) hrefComputed = undefined; // no href attribute
-
-  var attrs = _extends({
-    href: hrefComputed,
-    target: target,
-    'data-tab': (0, _utils.isStringProp)(tabLink) && tabLink || undefined
-  }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-
-  return /*#__PURE__*/_react.default.createElement("a", _extends({
-    ref: elRef,
-    id: id,
-    style: style,
-    className: classes
-  }, attrs, extraAttrs, {
-    onClick: onClick
-  }), iconEl, textEl, children);
-});
-Link.displayName = 'f7-link';
-var _default = Link;
-exports.default = _default;

package/cjs/components/list-button.js

@@ -1,75 +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 _useTooltip = require("../shared/use-tooltip");
-
-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 ListButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      title = props.title,
-      text = props.text,
-      tabLink = props.tabLink,
-      tabLinkActive = props.tabLinkActive,
-      link = props.link,
-      href = props.href,
-      target = props.target;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  var linkElRef = (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, _useTooltip.useTooltip)(linkElRef, props);
-  (0, _useRouteProps.useRouteProps)(linkElRef, props);
-
-  var linkAttrs = _extends({
-    href: typeof link === 'boolean' && typeof href === 'boolean' ? '#' : link || href,
-    target: target,
-    'data-tab': (0, _utils.isStringProp)(tabLink) && tabLink
-  }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-
-  var linkClasses = (0, _utils.classNames)(_extends({
-    'list-button': true,
-    'tab-link': tabLink || tabLink === '',
-    'tab-link-active': tabLinkActive
-  }, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props)));
-  return /*#__PURE__*/_react.default.createElement("li", _extends({
-    id: id,
-    style: style,
-    className: className,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("a", _extends({
-    className: linkClasses
-  }, linkAttrs, {
-    onClick: onClick,
-    ref: linkElRef
-  }), title, text, children));
-});
-ListButton.displayName = 'f7-list-button';
-var _default = ListButton;
-exports.default = _default;