framework7-react 7.0.8 → 8.0.0-beta.1

package/components/sheet.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, emit, getSlots } from '../shared/utils.js';
@@ -9,6 +8,7 @@ import { watchProp } from '../shared/watch-prop.js';
 import { modalStateClasses } from '../shared/modal-state-classes.js';
 
 
+
 const Sheet = /*#__PURE__*/forwardRef((props, ref) => {
   const f7Sheet = useRef(null);
   const {
@@ -35,45 +35,36 @@ const Sheet = /*#__PURE__*/forwardRef((props, ref) => {
   const elRef = useRef(null);
   const isOpened = useRef(opened);
   const isClosing = useRef(false);
-
   const onStepProgress = (instance, progress) => {
     emit(props, 'sheetStepProgress', instance, progress);
   };
-
   const onStepOpen = instance => {
     emit(props, 'sheetStepOpen', instance);
   };
-
   const onStepClose = instance => {
     emit(props, 'sheetStepClose', instance);
   };
-
   const onOpen = instance => {
     isOpened.current = true;
     isClosing.current = false;
     emit(props, 'sheetOpen', instance);
   };
-
   const onOpened = instance => {
     emit(props, 'sheetOpened', instance);
   };
-
   const onClose = instance => {
     isOpened.current = false;
     isClosing.current = true;
     emit(props, 'sheetClose', instance);
   };
-
   const onClosed = instance => {
     isClosing.current = false;
     emit(props, 'sheetClosed', instance);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7Sheet: () => f7Sheet.current
   }));
-
   const modalEvents = method => {
     if (!f7Sheet.current) return;
     f7Sheet.current[method]('open', onOpen);
@@ -84,7 +75,6 @@ const Sheet = /*#__PURE__*/forwardRef((props, ref) => {
     f7Sheet.current[method]('stepClose', onStepClose);
     f7Sheet.current[method]('stepProgress', onStepProgress);
   };
-
   const onMount = () => {
     if (!elRef.current) return;
     const sheetParams = {
@@ -103,21 +93,17 @@ const Sheet = /*#__PURE__*/forwardRef((props, ref) => {
     f7ready(() => {
       f7Sheet.current = f7.sheet.create(sheetParams);
       modalEvents('on');
-
       if (opened) {
         f7Sheet.current.open(false);
       }
     });
   };
-
   const onDestroy = () => {
     if (f7Sheet.current) {
       f7Sheet.current.destroy();
     }
-
     f7Sheet.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     modalEvents('on');
     return () => {
@@ -130,7 +116,6 @@ const Sheet = /*#__PURE__*/forwardRef((props, ref) => {
   }, []);
   watchProp(opened, value => {
     if (!f7Sheet.current) return;
-
     if (value) {
       f7Sheet.current.open();
     } else {
@@ -142,26 +127,21 @@ const Sheet = /*#__PURE__*/forwardRef((props, ref) => {
   const staticList = [];
   const fixedTags = 'navbar toolbar tabbar subnavbar searchbar messagebar fab list-index panel'.split(' ').map(tagName => `f7-${tagName}`);
   const slotsDefault = slots.default;
-
   if (slotsDefault && slotsDefault.length) {
     slotsDefault.forEach(child => {
       if (typeof child === 'undefined') return;
       let isFixedTag = false;
       const 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);
     });
   }
-
   const innerEl = /*#__PURE__*/React.createElement("div", {
     className: "sheet-modal-inner"
   }, staticList, slots.static);

package/components/stepper.d.ts

@@ -31,23 +31,18 @@ export interface StepperProps {
   round ?: boolean;
   roundMd ?: boolean;
   roundIos ?: boolean;
-  roundAurora ?: boolean;
   fill ?: boolean;
   fillMd ?: boolean;
   fillIos ?: boolean;
-  fillAurora ?: boolean;
   large ?: boolean;
   largeMd ?: boolean;
   largeIos ?: boolean;
-  largeAurora ?: boolean;
   small ?: boolean;
   smallMd ?: boolean;
   smallIos ?: boolean;
-  smallAurora ?: boolean;
   raised ?: boolean;
   raisedMd ?: boolean;
   raisedIos ?: boolean;
-  raisedAurora ?: boolean;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/stepper.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, emit, noUndefinedProps } from '../shared/utils.js';
@@ -36,65 +35,50 @@ const Stepper = /*#__PURE__*/forwardRef((props, ref) => {
     round,
     roundMd,
     roundIos,
-    roundAurora,
     fill,
     fillMd,
     fillIos,
-    fillAurora,
     large,
     largeMd,
     largeIos,
-    largeAurora,
     small,
     smallMd,
     smallIos,
-    smallAurora,
     raised,
     raisedMd,
-    raisedIos,
-    raisedAurora
+    raisedIos
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const increment = () => {
     if (!f7Stepper.current) return;
     f7Stepper.current.increment();
   };
-
   const decrement = () => {
     if (!f7Stepper.current) return;
     f7Stepper.current.decrement();
   };
-
   const setValue = newValue => {
     if (f7Stepper.current && f7Stepper.current.setValue) f7Stepper.current.setValue(newValue);
   };
-
   const getValue = () => {
     if (f7Stepper.current && f7Stepper.current.getValue) {
       return f7Stepper.current.getValue();
     }
-
     return undefined;
   };
-
   const onInput = event => {
     emit(props, 'input', event, f7Stepper.current);
   };
-
   const onChange = event => {
     emit(props, 'change', event, f7Stepper.current);
   };
-
   const onMinusClick = event => {
     emit(props, 'stepperMinusClick', event, f7Stepper.current);
   };
-
   const onPlusClick = event => {
     emit(props, 'stepperPlusClick', event, f7Stepper.current);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7Stepper: () => f7Stepper.current,
@@ -107,16 +91,13 @@ const Stepper = /*#__PURE__*/forwardRef((props, ref) => {
     if (!f7Stepper.current) return;
     f7Stepper.current.setValue(newValue);
   });
-
   const onStepperChange = (stepper, newValue) => {
     emit(props, 'stepperChange', newValue);
   };
-
   const stepperEvents = method => {
     if (!f7Stepper.current) return;
     f7Stepper.current[method]('change', onStepperChange);
   };
-
   const onMount = () => {
     f7ready(() => {
       if (!init || !elRef.current) return;
@@ -137,15 +118,12 @@ const Stepper = /*#__PURE__*/forwardRef((props, ref) => {
       stepperEvents('on');
     });
   };
-
   const onDestroy = () => {
     if (f7Stepper.current && f7Stepper.current.destroy) {
       f7Stepper.current.destroy();
     }
-
     f7Stepper.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     stepperEvents('on');
     return () => {
@@ -158,7 +136,6 @@ const Stepper = /*#__PURE__*/forwardRef((props, ref) => {
   }, []);
   let inputWrapEl;
   let valueEl;
-
   if (input && !buttonsOnly) {
     const inputEl = /*#__PURE__*/React.createElement("input", {
       name: name,
@@ -176,35 +153,28 @@ const Stepper = /*#__PURE__*/forwardRef((props, ref) => {
       className: "stepper-input-wrap"
     }, inputEl);
   }
-
   if (!input && !buttonsOnly) {
     valueEl = /*#__PURE__*/React.createElement("div", {
       className: "stepper-value"
     }, value);
   }
-
   const classes = classNames(className, 'stepper', {
     disabled,
     'stepper-round': round,
     'stepper-round-ios': roundIos,
     'stepper-round-md': roundMd,
-    'stepper-round-aurora': roundAurora,
     'stepper-fill': fill,
     'stepper-fill-ios': fillIos,
     'stepper-fill-md': fillMd,
-    'stepper-fill-aurora': fillAurora,
     'stepper-large': large,
     'stepper-large-ios': largeIos,
     'stepper-large-md': largeMd,
-    'stepper-large-aurora': largeAurora,
     'stepper-small': small,
     'stepper-small-ios': smallIos,
     'stepper-small-md': smallMd,
-    'stepper-small-aurora': smallAurora,
     'stepper-raised': raised,
     'stepper-raised-ios': raisedIos,
-    'stepper-raised-md': raisedMd,
-    'stepper-raised-aurora': raisedAurora
+    'stepper-raised-md': raisedMd
   }, colorClasses(props));
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: elRef,

package/components/subnavbar.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 Subnavbar = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/swipeout-actions.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 SwipeoutActions = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -20,12 +20,10 @@ const SwipeoutActions = /*#__PURE__*/forwardRef((props, ref) => {
     el: elRef.current
   }));
   let sideComputed = side;
-
   if (!sideComputed) {
     if (left) sideComputed = 'left';
     if (right) sideComputed = 'right';
   }
-
   const classes = classNames(className, `swipeout-actions-${sideComputed}`, colorClasses(props));
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,

package/components/swipeout-button.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, emit } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const SwipeoutButton = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -20,11 +20,9 @@ const SwipeoutButton = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const onClick = e => {
     emit(props, 'click', e);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));

package/components/swiper-slide.d.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line
 import { SwiperSlide } from 'swiper/react';
 
 export default SwiperSlide;

package/components/swiper-slide.js

@@ -1,2 +1,3 @@
+// eslint-disable-next-line
 import { SwiperSlide } from 'swiper/react';
 export default SwiperSlide;

package/components/swiper.d.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line
 import { Swiper } from 'swiper/react';
 
 export default Swiper;

package/components/swiper.js

@@ -1,2 +1,3 @@
+// eslint-disable-next-line
 import { Swiper } from 'swiper/react';
 export default Swiper;

package/components/tab.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, useState, useContext } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { classNames, getExtraAttrs, getComponentId } from '../shared/utils.js';
@@ -9,6 +8,7 @@ import { useTab } from '../shared/use-tab.js';
 import { RouterContext } from '../shared/router-context.js';
 import { useAsyncComponent } from '../shared/use-async-component.js';
 
+
 const Tab = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -22,21 +22,20 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
   const routerData = useRef(null);
   const routerContext = useContext(RouterContext);
   let initialTabContent = null;
-
   if (!routerData.current && routerContext && routerContext.route && routerContext.route.route && routerContext.route.route.tab && routerContext.route.route.tab.id === id) {
     const {
       component,
       asyncComponent,
       options: tabRouteOptions
     } = routerContext.route.route.tab;
-
     if (component || asyncComponent) {
       const parentProps = routerContext.route.route.options && routerContext.route.route.options.props;
       initialTabContent = {
         id: getComponentId(),
         component: component || asyncComponent,
         isAsync: !!asyncComponent,
-        props: { ...(parentProps || {}),
+        props: {
+          ...(parentProps || {}),
           ...(tabRouteOptions && tabRouteOptions.props || {}),
           f7router: routerContext.router,
           f7route: routerContext.route,
@@ -45,24 +44,20 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
       };
     }
   }
-
   const [tabContent, setTabContent] = useState(initialTabContent || null);
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));
-
   if (f7 && !routerData.current) {
     routerData.current = {
       setTabContent
     };
     f7routers.tabs.push(routerData.current);
   }
-
   const onMount = () => {
     if (elRef.current && initialTabContent) {
       elRef.current.f7RouterTabLoaded = true;
     }
-
     f7ready(() => {
       if (!routerData.current) {
         routerData.current = {
@@ -75,13 +70,11 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
       }
     });
   };
-
   const onDestroy = () => {
     if (!routerData.current) return;
     f7routers.tabs.splice(f7routers.tabs.indexOf(routerData.current), 1);
     routerData.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     onMount();
     return onDestroy;
@@ -94,20 +87,16 @@ const Tab = /*#__PURE__*/forwardRef((props, ref) => {
   const classes = classNames(className, 'tab', {
     'tab-active': tabActive
   }, colorClasses(props));
-
   const renderChildren = () => {
     if (!tabContent) return children;
-
     if (tabContent.isAsync) {
       return useAsyncComponent(tabContent.component, tabContent.props, tabContent.id);
     }
-
     const TabContent = tabContent.component;
     return /*#__PURE__*/React.createElement(TabContent, _extends({
       key: tabContent.id
     }, tabContent.props));
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,

package/components/tabs.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 } from '../shared/utils.js';
@@ -36,7 +35,6 @@ const Tabs = /*#__PURE__*/forwardRef((props, ref) => {
     tabs: true,
     'tabs-routable': routable
   });
-
   if (animated || swipeable) {
     return /*#__PURE__*/React.createElement("div", _extends({
       id: id,
@@ -47,7 +45,6 @@ const Tabs = /*#__PURE__*/forwardRef((props, ref) => {
       className: tabsClasses
     }, children));
   }
-
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,

package/components/text-editor.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, noUndefinedProps, emit } from '../shared/utils.js';
@@ -27,51 +26,39 @@ const TextEditor = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const onChange = (editor, editorValue) => {
     emit(props, 'textEditorChange', editorValue);
   };
-
   const onInput = (editor, editorValue) => {
     emit(props, 'textEditorInput', editorValue);
   };
-
   const onFocus = () => {
     emit(props, 'textEditorFocus');
   };
-
   const onBlur = () => {
     emit(props, 'textEditorBlur');
   };
-
   const onButtonClick = (editor, button) => {
     emit(props, 'textEditorButtonClick', button);
   };
-
   const onKeyboardOpen = () => {
     emit(props, 'textEditorKeyboardOpen');
   };
-
   const onKeyboardClose = () => {
     emit(props, 'textEditorKeyboardClose');
   };
-
   const onPopoverOpen = () => {
     emit(props, 'textEditorPopoverOpen');
   };
-
   const onPopoverClose = () => {
     emit(props, 'textEditorPopoverClose');
   };
-
   const onInsertLink = (editor, url) => {
     emit(props, 'textEditorInsertLink', url);
   };
-
   const onInsertImage = (editor, url) => {
     emit(props, 'textEditorInsertImage', url);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7TextEditor: () => f7TextEditor.current
@@ -81,7 +68,6 @@ const TextEditor = /*#__PURE__*/forwardRef((props, ref) => {
       f7TextEditor.current.setValue(newValue);
     }
   });
-
   const onMount = () => {
     const params = noUndefinedProps({
       el: elRef.current,
@@ -112,15 +98,12 @@ const TextEditor = /*#__PURE__*/forwardRef((props, ref) => {
       f7TextEditor.current = f7.textEditor.create(params);
     });
   };
-
   const onDestroy = () => {
     if (f7TextEditor.current && f7TextEditor.current.destroy) {
       f7TextEditor.current.destroy();
     }
-
     f7TextEditor.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     onMount();
     return onDestroy;

package/components/toggle.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, emit } from '../shared/utils.js';
@@ -26,11 +25,9 @@ const Toggle = /*#__PURE__*/forwardRef((props, ref) => {
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
   const inputElRef = useRef(null);
-
   const onChange = event => {
     emit(props, 'change', event);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7Toggle: () => f7Toggle.current
@@ -40,16 +37,13 @@ const Toggle = /*#__PURE__*/forwardRef((props, ref) => {
     if (!f7Toggle.current) return;
     f7Toggle.current.checked = newValue;
   });
-
   const onToggleChange = toggleInstance => {
     emit(props, 'toggleChange', toggleInstance.checked);
   };
-
   const toggleEvents = method => {
     if (!f7Toggle.current) return;
     f7Toggle.current[method]('toggleChange', onToggleChange);
   };
-
   const onMount = () => {
     f7ready(() => {
       if (!init || !elRef.current) return;
@@ -59,25 +53,19 @@ const Toggle = /*#__PURE__*/forwardRef((props, ref) => {
       toggleEvents('on');
     });
   };
-
   const onDestroy = () => {
     if (f7Toggle.current && f7Toggle.current.destroy && f7Toggle.current.$el) {
       f7Toggle.current.destroy();
     }
-
     f7Toggle.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     toggleEvents('on');
-
     if (inputElRef.current) {
       inputElRef.current.addEventListener('change', onChange);
     }
-
     return () => {
       toggleEvents('off');
-
       if (inputElRef.current) {
         inputElRef.current.removeEventListener('change', onChange);
       }

package/components/toolbar.d.ts

@@ -8,20 +8,16 @@ export interface ToolbarProps {
   className?: string;
   style?: React.CSSProperties;
   tabbar ?: boolean;
-  labels ?: boolean;
+  icons ?: boolean;
   scrollable ?: boolean;
   hidden ?: boolean;
-  noShadow ?: boolean;
-  noHairline ?: boolean;
-  noBorder ?: boolean;
+  outline ?: boolean;
   position ?: string;
   topMd ?: boolean;
   topIos ?: boolean;
-  topAurora ?: boolean;
   top ?: boolean;
   bottomMd ?: boolean;
   bottomIos ?: boolean;
-  bottomAurora ?: boolean;
   bottom ?: boolean;
   inner ?: boolean;
   color?: string;