framework7-react 6.3.16 → 7.0.0-beta.12

package/cjs/components/row.js

@@ -1,79 +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 _f = require("../shared/f7");
-
-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 Row = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      _props$tag = props.tag,
-      tag = _props$tag === void 0 ? 'div' : _props$tag,
-      noGap = props.noGap,
-      resizable = props.resizable,
-      resizableFixed = props.resizableFixed,
-      resizableAbsolute = props.resizableAbsolute,
-      _props$resizableHandl = props.resizableHandler,
-      resizableHandler = _props$resizableHandl === void 0 ? true : _props$resizableHandl;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onClick = function onClick(event) {
-    (0, _utils.emit)(props, 'click', event);
-  };
-
-  var onResize = function onResize(el) {
-    if (el === elRef.current) {
-      (0, _utils.emit)(props, 'gridResize');
-    }
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  (0, _react.useEffect)(function () {
-    (0, _f.f7ready)(function () {
-      _f.f7.on('gridResize', onResize);
-    });
-    return function () {
-      _f.f7.off('gridResize', onResize);
-    };
-  });
-  var RowTag = tag;
-  var classes = (0, _utils.classNames)(className, 'row', {
-    'no-gap': noGap,
-    resizable: resizable,
-    'resizable-fixed': resizableFixed,
-    'resizable-absolute': resizableAbsolute
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement(RowTag, _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs, {
-    onClick: onClick
-  }), children, resizable && resizableHandler && /*#__PURE__*/_react.default.createElement("span", {
-    className: "resize-handler"
-  }));
-});
-Row.displayName = 'f7-row';
-var _default = Row;
-exports.default = _default;

package/cjs/components/searchbar.js

@@ -1,257 +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");
-
-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 Searchbar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7Searchbar = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      noShadow = props.noShadow,
-      noHairline = props.noHairline,
-      _props$form = props.form,
-      form = _props$form === void 0 ? true : _props$form,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? 'Search' : _props$placeholder,
-      spellcheck = props.spellcheck,
-      _props$disableButton = props.disableButton,
-      disableButton = _props$disableButton === void 0 ? true : _props$disableButton,
-      _props$disableButtonT = props.disableButtonText,
-      disableButtonText = _props$disableButtonT === void 0 ? 'Cancel' : _props$disableButtonT,
-      _props$clearButton = props.clearButton,
-      clearButton = _props$clearButton === void 0 ? true : _props$clearButton,
-      value = props.value,
-      _props$inputEvents = props.inputEvents,
-      inputEvents = _props$inputEvents === void 0 ? 'change input compositionend' : _props$inputEvents,
-      expandable = props.expandable,
-      inline = props.inline,
-      searchContainer = props.searchContainer,
-      _props$searchIn = props.searchIn,
-      searchIn = _props$searchIn === void 0 ? '.item-title' : _props$searchIn,
-      _props$searchItem = props.searchItem,
-      searchItem = _props$searchItem === void 0 ? 'li' : _props$searchItem,
-      _props$searchGroup = props.searchGroup,
-      searchGroup = _props$searchGroup === void 0 ? '.list-group' : _props$searchGroup,
-      _props$searchGroupTit = props.searchGroupTitle,
-      searchGroupTitle = _props$searchGroupTit === void 0 ? '.item-divider, .list-group-title' : _props$searchGroupTit,
-      _props$foundEl = props.foundEl,
-      foundEl = _props$foundEl === void 0 ? '.searchbar-found' : _props$foundEl,
-      _props$notFoundEl = props.notFoundEl,
-      notFoundEl = _props$notFoundEl === void 0 ? '.searchbar-not-found' : _props$notFoundEl,
-      backdrop = props.backdrop,
-      backdropEl = props.backdropEl,
-      _props$hideOnEnableEl = props.hideOnEnableEl,
-      hideOnEnableEl = _props$hideOnEnableEl === void 0 ? '.searchbar-hide-on-enable' : _props$hideOnEnableEl,
-      _props$hideOnSearchEl = props.hideOnSearchEl,
-      hideOnSearchEl = _props$hideOnSearchEl === void 0 ? '.searchbar-hide-on-search' : _props$hideOnSearchEl,
-      _props$ignore = props.ignore,
-      ignore = _props$ignore === void 0 ? '.searchbar-ignore' : _props$ignore,
-      _props$customSearch = props.customSearch,
-      customSearch = _props$customSearch === void 0 ? false : _props$customSearch,
-      _props$removeDiacriti = props.removeDiacritics,
-      removeDiacritics = _props$removeDiacriti === void 0 ? false : _props$removeDiacriti,
-      _props$hideDividers = props.hideDividers,
-      hideDividers = _props$hideDividers === void 0 ? true : _props$hideDividers,
-      _props$hideGroups = props.hideGroups,
-      hideGroups = _props$hideGroups === void 0 ? true : _props$hideGroups,
-      _props$init = props.init,
-      init = _props$init === void 0 ? true : _props$init;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var search = function search(query) {
-    if (!_f7Searchbar.current) return undefined;
-    return _f7Searchbar.current.search(query);
-  };
-
-  var enable = function enable() {
-    if (!_f7Searchbar.current) return undefined;
-    return _f7Searchbar.current.enable();
-  };
-
-  var disable = function disable() {
-    if (!_f7Searchbar.current) return undefined;
-    return _f7Searchbar.current.disable();
-  };
-
-  var toggle = function toggle() {
-    if (!_f7Searchbar.current) return undefined;
-    return _f7Searchbar.current.toggle();
-  };
-
-  var clear = function clear() {
-    if (!_f7Searchbar.current) return undefined;
-    return _f7Searchbar.current.clear();
-  };
-
-  var onChange = function onChange(event) {
-    (0, _utils.emit)(props, 'change', event);
-  };
-
-  var onInput = function onInput(event) {
-    (0, _utils.emit)(props, 'input', event);
-  };
-
-  var onFocus = function onFocus(event) {
-    (0, _utils.emit)(props, 'focus', event);
-  };
-
-  var onBlur = function onBlur(event) {
-    (0, _utils.emit)(props, 'blur', event);
-  };
-
-  var onSubmit = function onSubmit(event) {
-    (0, _utils.emit)(props, 'submit', event);
-  };
-
-  var onClearButtonClick = function onClearButtonClick(event) {
-    (0, _utils.emit)(props, 'click:clear clickClear', event);
-  };
-
-  var onDisableButtonClick = function onDisableButtonClick(event) {
-    (0, _utils.emit)(props, 'click:disable clickDisable', event);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7Searchbar: function f7Searchbar() {
-        return _f7Searchbar.current;
-      },
-      search: search,
-      enable: enable,
-      disable: disable,
-      toggle: toggle,
-      clear: clear
-    };
-  });
-
-  var onMount = function onMount() {
-    if (!init) return;
-    (0, _f.f7ready)(function () {
-      var params = (0, _utils.noUndefinedProps)({
-        el: elRef.current,
-        inputEvents: inputEvents,
-        searchContainer: searchContainer,
-        searchIn: searchIn,
-        searchItem: searchItem,
-        searchGroup: searchGroup,
-        searchGroupTitle: searchGroupTitle,
-        hideOnEnableEl: hideOnEnableEl,
-        hideOnSearchEl: hideOnSearchEl,
-        foundEl: foundEl,
-        notFoundEl: notFoundEl,
-        backdrop: backdrop,
-        backdropEl: backdropEl,
-        disableButton: disableButton,
-        ignore: ignore,
-        customSearch: customSearch,
-        removeDiacritics: removeDiacritics,
-        hideDividers: hideDividers,
-        hideGroups: hideGroups,
-        expandable: expandable,
-        inline: inline,
-        on: {
-          search: function search(searchbar, query, previousQuery) {
-            (0, _utils.emit)(props, 'searchbarSearch', searchbar, query, previousQuery);
-          },
-          clear: function clear(searchbar, previousQuery) {
-            (0, _utils.emit)(props, 'searchbarClear', searchbar, previousQuery);
-          },
-          enable: function enable(searchbar) {
-            (0, _utils.emit)(props, 'searchbarEnable', searchbar);
-          },
-          disable: function disable(searchbar) {
-            (0, _utils.emit)(props, 'searchbarDisable', searchbar);
-          }
-        }
-      });
-      Object.keys(params).forEach(function (key) {
-        if (params[key] === '') {
-          delete params[key];
-        }
-      });
-      _f7Searchbar.current = _f.f7.searchbar.create(params);
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7Searchbar.current && _f7Searchbar.current.destroy) _f7Searchbar.current.destroy();
-    _f7Searchbar.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  var clearEl;
-  var disableEl;
-
-  if (clearButton) {
-    clearEl = /*#__PURE__*/_react.default.createElement("span", {
-      className: "input-clear-button",
-      onClick: onClearButtonClick
-    });
-  }
-
-  if (disableButton) {
-    disableEl = /*#__PURE__*/_react.default.createElement("span", {
-      className: "searchbar-disable-button",
-      onClick: onDisableButtonClick
-    }, disableButtonText);
-  }
-
-  var SearchbarTag = form ? 'form' : 'div';
-  var classes = (0, _utils.classNames)(className, 'searchbar', {
-    'searchbar-inline': inline,
-    'no-shadow': noShadow,
-    'no-hairline': noHairline,
-    'searchbar-expandable': expandable
-  }, (0, _mixins.colorClasses)(props));
-  var slots = (0, _utils.getSlots)(props);
-  return /*#__PURE__*/_react.default.createElement(SearchbarTag, _extends({
-    ref: elRef,
-    id: id,
-    style: style,
-    className: classes
-  }, extraAttrs, {
-    onSubmit: onSubmit
-  }), slots['before-inner'], /*#__PURE__*/_react.default.createElement("div", {
-    className: "searchbar-inner"
-  }, slots['inner-start'], /*#__PURE__*/_react.default.createElement("div", {
-    className: "searchbar-input-wrap"
-  }, slots['input-wrap-start'], /*#__PURE__*/_react.default.createElement("input", {
-    value: value,
-    placeholder: placeholder,
-    spellCheck: spellcheck,
-    type: "search",
-    onInput: onInput,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur
-  }), /*#__PURE__*/_react.default.createElement("i", {
-    className: "searchbar-icon"
-  }), clearEl, slots['input-wrap-end']), disableEl, slots['inner-end'], slots.default), slots['after-inner']);
-});
-Searchbar.displayName = 'f7-searchbar';
-var _default = Searchbar;
-exports.default = _default;

package/cjs/components/segmented.js

@@ -1,71 +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 Segmented = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      raised = props.raised,
-      raisedIos = props.raisedIos,
-      raisedMd = props.raisedMd,
-      raisedAurora = props.raisedAurora,
-      round = props.round,
-      roundIos = props.roundIos,
-      roundMd = props.roundMd,
-      roundAurora = props.roundAurora,
-      strong = props.strong,
-      strongIos = props.strongIos,
-      strongMd = props.strongMd,
-      strongAurora = props.strongAurora,
-      _props$tag = props.tag,
-      tag = _props$tag === void 0 ? 'div' : _props$tag;
-  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, {
-    segmented: true,
-    'segmented-raised': raised,
-    'segmented-raised-ios': raisedIos,
-    'segmented-raised-aurora': raisedAurora,
-    'segmented-raised-md': raisedMd,
-    'segmented-round': round,
-    'segmented-round-ios': roundIos,
-    'segmented-round-aurora': roundAurora,
-    'segmented-round-md': roundMd,
-    'segmented-strong': strong,
-    'segmented-strong-ios': strongIos,
-    'segmented-strong-md': strongMd,
-    'segmented-strong-aurora': strongAurora
-  }, (0, _mixins.colorClasses)(props));
-  var SegmentedTag = tag;
-  return /*#__PURE__*/_react.default.createElement(SegmentedTag, _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children, (strong || strongIos || strongMd || strongAurora) && /*#__PURE__*/_react.default.createElement("span", {
-    className: "segmented-highlight"
-  }));
-});
-Segmented.displayName = 'f7-segmented';
-var _default = Segmented;
-exports.default = _default;

package/cjs/components/sheet.js

@@ -1,213 +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 Sheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7Sheet = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      top = props.top,
-      bottom = props.bottom,
-      position = props.position,
-      push = props.push,
-      opened = props.opened,
-      animate = props.animate,
-      backdrop = props.backdrop,
-      backdropEl = props.backdropEl,
-      closeByBackdropClick = props.closeByBackdropClick,
-      closeByOutsideClick = props.closeByOutsideClick,
-      closeOnEscape = props.closeOnEscape,
-      swipeToClose = props.swipeToClose,
-      swipeToStep = props.swipeToStep,
-      swipeHandler = props.swipeHandler,
-      containerEl = props.containerEl;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  var isOpened = (0, _react.useRef)(opened);
-  var isClosing = (0, _react.useRef)(false);
-
-  var onStepProgress = function onStepProgress(instance, progress) {
-    (0, _utils.emit)(props, 'sheetStepProgress', instance, progress);
-  };
-
-  var onStepOpen = function onStepOpen(instance) {
-    (0, _utils.emit)(props, 'sheetStepOpen', instance);
-  };
-
-  var onStepClose = function onStepClose(instance) {
-    (0, _utils.emit)(props, 'sheetStepClose', instance);
-  };
-
-  var onOpen = function onOpen(instance) {
-    isOpened.current = true;
-    isClosing.current = false;
-    (0, _utils.emit)(props, 'sheetOpen', instance);
-  };
-
-  var onOpened = function onOpened(instance) {
-    (0, _utils.emit)(props, 'sheetOpened', instance);
-  };
-
-  var onClose = function onClose(instance) {
-    isOpened.current = false;
-    isClosing.current = true;
-    (0, _utils.emit)(props, 'sheetClose', instance);
-  };
-
-  var onClosed = function onClosed(instance) {
-    isClosing.current = false;
-    (0, _utils.emit)(props, 'sheetClosed', instance);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7Sheet: function f7Sheet() {
-        return _f7Sheet.current;
-      }
-    };
-  });
-
-  var modalEvents = function modalEvents(method) {
-    if (!_f7Sheet.current) return;
-
-    _f7Sheet.current[method]('open', onOpen);
-
-    _f7Sheet.current[method]('opened', onOpened);
-
-    _f7Sheet.current[method]('close', onClose);
-
-    _f7Sheet.current[method]('closed', onClosed);
-
-    _f7Sheet.current[method]('stepOpen', onStepOpen);
-
-    _f7Sheet.current[method]('stepClose', onStepClose);
-
-    _f7Sheet.current[method]('stepProgress', onStepProgress);
-  };
-
-  var onMount = function onMount() {
-    if (!elRef.current) return;
-    var sheetParams = {
-      el: elRef.current
-    };
-    if ('animate' in props && typeof animate !== 'undefined') sheetParams.animate = animate;
-    if ('backdrop' in props && typeof backdrop !== 'undefined') sheetParams.backdrop = backdrop;
-    if ('backdropEl' in props) sheetParams.backdropEl = backdropEl;
-    if ('closeByBackdropClick' in props) sheetParams.closeByBackdropClick = closeByBackdropClick;
-    if ('closeByOutsideClick' in props) sheetParams.closeByOutsideClick = closeByOutsideClick;
-    if ('closeOnEscape' in props) sheetParams.closeOnEscape = closeOnEscape;
-    if ('swipeToClose' in props) sheetParams.swipeToClose = swipeToClose;
-    if ('swipeToStep' in props) sheetParams.swipeToStep = swipeToStep;
-    if ('swipeHandler' in props) sheetParams.swipeHandler = swipeHandler;
-    if ('containerEl' in props) sheetParams.containerEl = containerEl;
-    (0, _f.f7ready)(function () {
-      _f7Sheet.current = _f.f7.sheet.create(sheetParams);
-      modalEvents('on');
-
-      if (opened) {
-        _f7Sheet.current.open(false);
-      }
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7Sheet.current) {
-      _f7Sheet.current.destroy();
-    }
-
-    _f7Sheet.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    modalEvents('on');
-    return function () {
-      modalEvents('off');
-    };
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  (0, _watchProp.watchProp)(opened, function (value) {
-    if (!_f7Sheet.current) return;
-
-    if (value) {
-      _f7Sheet.current.open();
-    } else {
-      _f7Sheet.current.close();
-    }
-  });
-  var slots = (0, _utils.getSlots)(props);
-  var fixedList = [];
-  var staticList = [];
-  var fixedTags = 'navbar toolbar tabbar subnavbar searchbar messagebar fab list-index panel'.split(' ').map(function (tagName) {
-    return "f7-" + tagName;
-  });
-  var slotsDefault = slots.default;
-
-  if (slotsDefault && slotsDefault.length) {
-    slotsDefault.forEach(function (child) {
-      if (typeof child === 'undefined') return;
-      var isFixedTag = false;
-      var tag = child.type && (child.type.displayName || child.type.name);
-
-      if (!tag) {
-        staticList.push(child);
-        return;
-      }
-
-      if (fixedTags.indexOf(tag) >= 0) {
-        isFixedTag = true;
-      }
-
-      if (isFixedTag) fixedList.push(child);else staticList.push(child);
-    });
-  }
-
-  var innerEl = /*#__PURE__*/_react.default.createElement("div", {
-    className: "sheet-modal-inner"
-  }, staticList, slots.static);
-
-  var positionComputed = 'bottom';
-  if (position) positionComputed = position;else if (top) positionComputed = 'top';else if (bottom) positionComputed = 'bottom';
-  var classes = (0, _utils.classNames)(className, 'sheet-modal', "sheet-modal-" + positionComputed, {
-    'sheet-modal-push': push
-  }, (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), fixedList, slots.fixed, innerEl);
-});
-Sheet.displayName = 'f7-sheet';
-var _default = Sheet;
-exports.default = _default;

package/cjs/components/skeleton-avatar.js

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

package/cjs/components/skeleton-block.js

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

package/cjs/components/skeleton-image.js

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

package/cjs/components/skeleton-text.js

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