framework7-react 7.1.5 → 8.0.0-beta.2

package/components/toolbar.js

@@ -1,5 +1,4 @@
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { classNames, getExtraAttrs, getSlots, emit } from '../shared/utils.js';
@@ -8,52 +7,44 @@ import { useTheme } from '../shared/use-theme.js';
 import { f7ready, f7 } from '../shared/f7.js';
 import { TabbarContext } from '../shared/tabbar-context.js';
 
+
 const Toolbar = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
     id,
     style,
     tabbar,
-    labels,
+    icons,
     scrollable,
     hidden,
-    noShadow,
-    noHairline,
-    noBorder,
+    outline = true,
     position,
     topMd,
     topIos,
-    topAurora,
     top,
     bottomMd,
     bottomIos,
-    bottomAurora,
     bottom,
     inner = true
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const onHide = toolbarEl => {
     if (elRef.current !== toolbarEl) return;
     emit(props, 'toolbarHide');
   };
-
   const onShow = toolbarEl => {
     if (elRef.current !== toolbarEl) return;
     emit(props, 'toolbarShow');
   };
-
   const hide = animate => {
     if (!f7) return;
     f7.toolbar.hide(elRef.current, animate);
   };
-
   const show = animate => {
     if (!f7) return;
     f7.toolbar.show(elRef.current, animate);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     hide,
@@ -64,7 +55,6 @@ const Toolbar = /*#__PURE__*/forwardRef((props, ref) => {
       if (tabbar && f7 && elRef.current) {
         f7.toolbar.setHighlight(elRef.current);
       }
-
       f7.on('toolbarShow', onShow);
       f7.on('toolbarHide', onHide);
     });
@@ -77,13 +67,12 @@ const Toolbar = /*#__PURE__*/forwardRef((props, ref) => {
   const theme = useTheme();
   const classes = classNames(className, 'toolbar', {
     tabbar,
-    'toolbar-bottom': theme && theme.md && bottomMd || theme && theme.ios && bottomIos || theme && theme.aurora && bottomAurora || bottom || position === 'bottom',
-    'toolbar-top': theme && theme.md && topMd || theme && theme.ios && topIos || theme && theme.aurora && topAurora || top || position === 'top',
-    'tabbar-labels': labels,
+    'toolbar-bottom': theme && theme.md && bottomMd || theme && theme.ios && bottomIos || bottom || position === 'bottom',
+    'toolbar-top': theme && theme.md && topMd || theme && theme.ios && topIos || top || position === 'top',
+    'tabbar-icons': icons,
     'tabbar-scrollable': scrollable,
     'toolbar-hidden': hidden,
-    'no-shadow': noShadow,
-    'no-hairline': noHairline || noBorder
+    'no-outline': !outline
   }, colorClasses(props));
   const slots = getSlots(props);
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -93,7 +82,7 @@ const Toolbar = /*#__PURE__*/forwardRef((props, ref) => {
     ref: elRef
   }, extraAttrs), /*#__PURE__*/React.createElement(TabbarContext.Provider, {
     value: {
-      tabbarHasLabels: labels
+      tabbarHasIcons: icons
     }
   }, slots['before-inner'], inner ? /*#__PURE__*/React.createElement("div", {
     className: "toolbar-inner"

package/components/treeview-item.d.ts

@@ -66,7 +66,6 @@ export interface TreeviewItemProps {
   iconF7?: string;
   iconIos?: string;
   iconMd?: string;
-  iconAurora?: string;
   iconColor?: string;
   iconSize?: string | number;
   onClick ?: (event?: any) => void;

package/components/treeview-item.js

@@ -1,5 +1,4 @@
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { classNames, getExtraAttrs, getSlots, emit } from '../shared/utils.js';
@@ -7,6 +6,7 @@ import { colorClasses, actionsAttrs, actionsClasses, routerAttrs, routerClasses
 import { useIcon } from '../shared/use-icon.js';
 import { f7ready, f7 } from '../shared/f7.js';
 
+
 const TreeviewItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -23,30 +23,24 @@ const TreeviewItem = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const onClick = event => {
     emit(props, 'click', event);
   };
-
   const onOpen = el => {
     if (elRef.current !== el) return;
     emit(props, 'treeviewOpen', el);
   };
-
   const onClose = el => {
     if (elRef.current !== el) return;
     emit(props, 'treeviewClose', el);
   };
-
   const onLoadChildren = (el, done) => {
     if (elRef.current !== el) return;
     emit(props, 'treeviewLoadChildren', el, done);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));
-
   const attachEvents = () => {
     if (!elRef.current) return;
     f7ready(() => {
@@ -55,14 +49,12 @@ const TreeviewItem = /*#__PURE__*/forwardRef((props, ref) => {
       f7.on('treeviewLoadChildren', onLoadChildren);
     });
   };
-
   const detachEvents = () => {
     if (!f7) return;
     f7.off('treeviewOpen', onOpen);
     f7.off('treeviewClose', onClose);
     f7.off('treeviewLoadChildren', onLoadChildren);
   };
-
   useIsomorphicLayoutEffect(() => {
     attachEvents();
     return detachEvents;
@@ -84,7 +76,6 @@ const TreeviewItem = /*#__PURE__*/forwardRef((props, ref) => {
   let href = link;
   if (link === true) href = '#';
   if (link === false) href = undefined; // no href attribute
-
   const itemRootAttrs = {
     href,
     ...routerAttrs(props),

package/components/treeview.js

@@ -1,9 +1,9 @@
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const Treeview = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/view.d.ts

@@ -17,7 +17,6 @@ export interface ViewProps {
   linksView ?: Object | string;
   url ?: string;
   main ?: boolean;
-  stackPages ?: boolean;
   xhrCache ?: boolean;
   xhrCacheIgnore ?: Array<any>;
   xhrCacheIgnoreGetParameters ?: boolean;
@@ -43,11 +42,6 @@ export interface ViewProps {
   mdSwipeBackAnimateOpacity ?: boolean;
   mdSwipeBackActiveArea ?: number;
   mdSwipeBackThreshold ?: number;
-  auroraSwipeBack ?: boolean;
-  auroraSwipeBackAnimateShadow ?: boolean;
-  auroraSwipeBackAnimateOpacity ?: boolean;
-  auroraSwipeBackActiveArea ?: number;
-  auroraSwipeBackThreshold ?: number;
   browserHistory ?: boolean;
   browserHistoryRoot ?: string;
   browserHistoryAnimate ?: boolean;

package/components/view.js

@@ -1,5 +1,4 @@
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 /* eslint-disable no-nested-ternary */
 import React, { forwardRef, useRef, useImperativeHandle, useState } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
@@ -11,7 +10,6 @@ import { useAsyncComponent } from '../shared/use-async-component.js';
 import { getRouterInitialComponent } from '../shared/get-router-initial-component.js';
 import { RouterContext } from '../shared/router-context.js';
 
-
 const View = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -36,16 +34,13 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
   const routerData = useRef(null);
   let initialPage;
   let initialRoute;
-
   const onViewInit = view => {
     emit(props, 'viewInit', view);
-
     if (!init) {
       routerData.current.instance = view;
       f7View.current = routerData.current.instance;
     }
   };
-
   if (f7 && !f7View.current && init) {
     const routerId = getRouterId();
     f7View.current = f7.views.create(elRef.current, {
@@ -62,73 +57,58 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
       instance: f7View.current
     };
     f7routers.views.push(routerData.current);
-
     if (shouldInitRouter && f7View.current && f7View.current.router && (url || main)) {
       const initialData = getRouterInitialComponent(f7View.current.router, initialPageComponent);
       initialPage = initialData.initialPage;
       initialRoute = initialData.initialRoute;
-
       if (initialRoute && initialRoute.route && initialRoute.route.masterRoute) {
         initialPage = undefined;
         initialRoute = undefined;
       }
     }
   }
-
   const [pages, setPages] = useState(initialPage ? [initialPage] : []);
-
   const onResize = (view, width) => {
     emit(props, 'viewResize', width);
   };
-
   const onSwipeBackMove = data => {
     const swipeBackData = data;
     emit(props, 'swipeBackMove', swipeBackData);
   };
-
   const onSwipeBackBeforeChange = data => {
     const swipeBackData = data;
     emit(props, 'swipeBackBeforeChange', swipeBackData);
   };
-
   const onSwipeBackAfterChange = data => {
     const swipeBackData = data;
     emit(props, 'swipeBackAfterChange', swipeBackData);
   };
-
   const onSwipeBackBeforeReset = data => {
     const swipeBackData = data;
     emit(props, 'swipeBackBeforeReset', swipeBackData);
   };
-
   const onSwipeBackAfterReset = data => {
     const swipeBackData = data;
     emit(props, 'swipeBackAfterReset', swipeBackData);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7View: () => f7View.current
   }));
-
   const onMount = () => {
     f7ready(() => {
       if (f7View.current) {
         routerData.current.el = elRef.current;
         routerData.current.pages = pages;
-
         routerData.current.setPages = newPages => {
           setPages([...newPages]);
         };
-
         if (initialPage && initialPage.isAsync && !initialPage.initialComponent) {
           initialPage.component().then(() => {
             setTimeout(() => {
               f7View.current.init(elRef.current);
-
               if (initialPage) {
                 initialPage.el = f7View.current.router.currentPageEl;
-
                 if (initialRoute && initialRoute.route && initialRoute.route.keepAlive) {
                   initialRoute.route.keepAliveData = {
                     pageEl: initialPage.el
@@ -139,10 +119,8 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
           });
         } else {
           f7View.current.init(elRef.current);
-
           if (initialPage) {
             initialPage.el = f7View.current.router.currentPageEl;
-
             if (initialRoute && initialRoute.route && initialRoute.route.keepAlive) {
               initialRoute.route.keepAliveData = {
                 pageEl: initialPage.el
@@ -157,11 +135,9 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
           routerId,
           pages,
           instance: f7View.current,
-
           setPages(newPages) {
             setPages([...newPages]);
           }
-
         };
         f7routers.views.push(routerData.current);
         routerData.current.instance = f7.views.create(elRef.current, {
@@ -174,7 +150,6 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
         });
         f7View.current = routerData.current.instance;
       }
-
       if (!init) return;
       f7View.current.on('resize', onResize);
       f7View.current.on('swipebackMove', onSwipeBackMove);
@@ -184,7 +159,6 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
       f7View.current.on('swipebackAfterReset', onSwipeBackAfterReset);
     });
   };
-
   const onDestroy = () => {
     if (f7View.current) {
       f7View.current.off('resize', onResize);
@@ -196,11 +170,9 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
       if (f7View.current.destroy) f7View.current.destroy();
       f7View.current = null;
     }
-
     f7routers.views.splice(f7routers.views.indexOf(routerData.current), 1);
     routerData.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     onMount();
     return onDestroy;
@@ -235,7 +207,8 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
         router: pageProps.f7router,
         route: pageProps.f7route
       }
-    }, initialComponent ? /*#__PURE__*/React.cloneElement(initialComponent, { ...pageProps
+    }, initialComponent ? /*#__PURE__*/React.cloneElement(initialComponent, {
+      ...pageProps
     }) : isAsync ? useAsyncComponent(PageComponent, pageProps) : /*#__PURE__*/React.createElement(PageComponent, pageProps));
   }));
 });

package/components/views.js

@@ -1,9 +1,9 @@
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const Views = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/framework7-react.d.ts

@@ -10,7 +10,6 @@ import ActionsGroup from './components/actions-group.js';
 import ActionsLabel from './components/actions-label.js';
 import Actions from './components/actions.js';
 import App from './components/app.js';
-import Appbar from './components/appbar.js';
 import AreaChart from './components/area-chart.js';
 import Badge from './components/badge.js';
 import BlockFooter from './components/block-footer.js';
@@ -28,7 +27,6 @@ import CardHeader from './components/card-header.js';
 import Card from './components/card.js';
 import Checkbox from './components/checkbox.js';
 import Chip from './components/chip.js';
-import Col from './components/col.js';
 import FabBackdrop from './components/fab-backdrop.js';
 import FabButton from './components/fab-button.js';
 import FabButtons from './components/fab-buttons.js';
@@ -41,17 +39,11 @@ import ListButton from './components/list-button.js';
 import ListGroup from './components/list-group.js';
 import ListIndex from './components/list-index.js';
 import ListInput from './components/list-input.js';
-import ListItemCell from './components/list-item-cell.js';
 import ListItemContent from './components/list-item-content.js';
-import ListItemRow from './components/list-item-row.js';
 import ListItem from './components/list-item.js';
 import List from './components/list.js';
 import LoginScreenTitle from './components/login-screen-title.js';
 import LoginScreen from './components/login-screen.js';
-import MenuDropdownItem from './components/menu-dropdown-item.js';
-import MenuDropdown from './components/menu-dropdown.js';
-import MenuItem from './components/menu-item.js';
-import Menu from './components/menu.js';
 import Message from './components/message.js';
 import MessagebarAttachment from './components/messagebar-attachment.js';
 import MessagebarAttachments from './components/messagebar-attachments.js';
@@ -78,7 +70,6 @@ import Progressbar from './components/progressbar.js';
 import Radio from './components/radio.js';
 import Range from './components/range.js';
 import RoutableModals from './components/routable-modals.js';
-import Row from './components/row.js';
 import Searchbar from './components/searchbar.js';
 import Segmented from './components/segmented.js';
 import Sheet from './components/sheet.js';
@@ -90,8 +81,6 @@ import Stepper from './components/stepper.js';
 import Subnavbar from './components/subnavbar.js';
 import SwipeoutActions from './components/swipeout-actions.js';
 import SwipeoutButton from './components/swipeout-button.js';
-import SwiperSlide from './components/swiper-slide.js';
-import Swiper from './components/swiper.js';
 import Tab from './components/tab.js';
 import Tabs from './components/tabs.js';
 import TextEditor from './components/text-editor.js';
@@ -105,10 +94,9 @@ import Views from './components/views.js';
 export interface Framework7Theme {
   ios: boolean;
   md: boolean;
-  aurora: boolean;
 }
 
-/** Object with boolean properties with information about currently used theme (iOS, MD or Aurora) */
+/** Object with boolean properties with information about currently used theme (`ios` or `md`) */
 declare const theme: Framework7Theme;
 
 /** Main Framework7's initialized instance. It allows you to use any of Framework7 APIs */
@@ -126,6 +114,6 @@ declare const useStore: useStore;
 
 declare const Framework7React: Framework7Plugin;
 
-export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, Appbar, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, Col, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemCell, ListItemContent, ListItemRow, ListItem, List, LoginScreenTitle, LoginScreen, MenuDropdownItem, MenuDropdown, MenuItem, Menu, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, Row, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, View, Views }
+export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemContent, ListItem, List, LoginScreenTitle, LoginScreen, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, View, Views }
 export { f7, f7ready, theme, useStore };
 export default Framework7React;

package/framework7-react.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 React 7.1.5
+ * Framework7 React 8.0.0-beta.2
  * Build full featured iOS & Android apps using Framework7 & React
  * https://framework7.io/react/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: February 2, 2023
+ * Released on: February 7, 2023
  */
 import Framework7React from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';
@@ -22,7 +22,6 @@ import ActionsGroup from './components/actions-group.js';
 import ActionsLabel from './components/actions-label.js';
 import Actions from './components/actions.js';
 import App from './components/app.js';
-import Appbar from './components/appbar.js';
 import AreaChart from './components/area-chart.js';
 import Badge from './components/badge.js';
 import BlockFooter from './components/block-footer.js';
@@ -40,7 +39,6 @@ import CardHeader from './components/card-header.js';
 import Card from './components/card.js';
 import Checkbox from './components/checkbox.js';
 import Chip from './components/chip.js';
-import Col from './components/col.js';
 import FabBackdrop from './components/fab-backdrop.js';
 import FabButton from './components/fab-button.js';
 import FabButtons from './components/fab-buttons.js';
@@ -53,17 +51,11 @@ import ListButton from './components/list-button.js';
 import ListGroup from './components/list-group.js';
 import ListIndex from './components/list-index.js';
 import ListInput from './components/list-input.js';
-import ListItemCell from './components/list-item-cell.js';
 import ListItemContent from './components/list-item-content.js';
-import ListItemRow from './components/list-item-row.js';
 import ListItem from './components/list-item.js';
 import List from './components/list.js';
 import LoginScreenTitle from './components/login-screen-title.js';
 import LoginScreen from './components/login-screen.js';
-import MenuDropdownItem from './components/menu-dropdown-item.js';
-import MenuDropdown from './components/menu-dropdown.js';
-import MenuItem from './components/menu-item.js';
-import Menu from './components/menu.js';
 import Message from './components/message.js';
 import MessagebarAttachment from './components/messagebar-attachment.js';
 import MessagebarAttachments from './components/messagebar-attachments.js';
@@ -90,7 +82,6 @@ import Progressbar from './components/progressbar.js';
 import Radio from './components/radio.js';
 import Range from './components/range.js';
 import RoutableModals from './components/routable-modals.js';
-import Row from './components/row.js';
 import Searchbar from './components/searchbar.js';
 import Segmented from './components/segmented.js';
 import Sheet from './components/sheet.js';
@@ -102,8 +93,6 @@ import Stepper from './components/stepper.js';
 import Subnavbar from './components/subnavbar.js';
 import SwipeoutActions from './components/swipeout-actions.js';
 import SwipeoutButton from './components/swipeout-button.js';
-import SwiperSlide from './components/swiper-slide.js';
-import Swiper from './components/swiper.js';
 import Tab from './components/tab.js';
 import Tabs from './components/tabs.js';
 import TextEditor from './components/text-editor.js';
@@ -114,6 +103,6 @@ import Treeview from './components/treeview.js';
 import View from './components/view.js';
 import Views from './components/views.js';
 
-export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, Appbar, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, Col, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemCell, ListItemContent, ListItemRow, ListItem, List, LoginScreenTitle, LoginScreen, MenuDropdownItem, MenuDropdown, MenuItem, Menu, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, Row, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, View, Views }
+export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemContent, ListItem, List, LoginScreenTitle, LoginScreen, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, View, Views }
 export { f7, f7ready, theme, useStore };
 export default Framework7React;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-react",
-  "version": "7.1.5",
+  "version": "8.0.0-beta.2",
   "description": "Build full featured iOS & Android apps using Framework7 & React",
   "type": "module",
   "exports": {