framework7-react 7.0.0-beta.11 → 7.0.0-beta.16

package/components/actions.d.ts

@@ -25,7 +25,7 @@ interface ActionsProps {
   onActionsClose ?: (instance?: Actions.Actions) => void;
   onActionsClosed ?: (instance?: Actions.Actions) => void;
   containerEl ?: string | object;
-  ref?: React.MutableRefObject<{el: HTMLElement | null; f7Actions: () => Actions}>;
+  ref?: React.MutableRefObject<{el: HTMLElement | null; f7Actions: () => Actions.Actions}>;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/range.d.ts

@@ -38,7 +38,7 @@ interface RangeProps {
   themeDark?: boolean;
   onRangeChange ?: (val?: any) => void;
   onRangeChanged ?: (val?: any) => void;
-  ref?: React.MutableRefObject<{el: HTMLElement | null; f7Range: () => Range.Rage}>;
+  ref?: React.MutableRefObject<{el: HTMLElement | null; f7Range: () => Range.Range}>;
 }
 declare const Range: React.FunctionComponent<RangeProps>;
 

package/components/view.d.ts

@@ -9,6 +9,7 @@ interface ViewProps {
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
+  initRouterOnTabShow?: boolean;
   tab ?: boolean;
   tabActive ?: boolean;
   name ?: string;

package/components/view.js

@@ -23,11 +23,13 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
     tab,
     tabActive,
     url,
+    initRouterOnTabShow,
     browserHistoryInitialMatch = true
   } = props;
   const childrenArray = React.Children.toArray(children);
   const initialPageComponent = childrenArray.filter(c => c.props && c.props.initialPage)[0];
   const restChildren = childrenArray.filter(c => !c.props || !c.props.initialPage);
+  const shouldInitRouter = !(initRouterOnTabShow && tab && !tabActive);
   const extraAttrs = getExtraAttrs(props);
   const f7View = useRef(null);
   const elRef = useRef(null);
@@ -61,7 +63,7 @@ const View = /*#__PURE__*/forwardRef((props, ref) => {
     };
     f7routers.views.push(routerData.current);
 
-    if (f7View.current && f7View.current.router && (url || main)) {
+    if (shouldInitRouter && f7View.current && f7View.current.router && (url || main)) {
       const initialData = getRouterInitialComponent(f7View.current.router, initialPageComponent);
       initialPage = initialData.initialPage;
       initialRoute = initialData.initialRoute;

package/framework7-react.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 React 7.0.0-beta.11
+ * Framework7 React 7.0.0-beta.16
  * 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 17, 2022
+ * Released on: April 12, 2022
  */
 import Framework7React from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-react",
-  "version": "7.0.0-beta.11",
+  "version": "7.0.0-beta.16",
   "description": "Build full featured iOS & Android apps using Framework7 & React",
   "type": "module",
   "exports": {
@@ -25,6 +25,7 @@
     "ipad",
     "apple",
     "phonegap",
+    "capacitor",
     "native",
     "touch",
     "appstore",