framework7-react 7.0.2 → 7.0.5

package/components/swipeout-button.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface SwipeoutButtonProps {
+export interface SwipeoutButtonProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -20,9 +20,10 @@ interface SwipeoutButtonProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const SwipeoutButton: React.FunctionComponent<SwipeoutButtonProps>;
 

package/components/tab.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface TabProps {
+export interface TabProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -13,11 +13,12 @@ interface TabProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   tabActive ?: boolean;
   onTabShow ?: (el?: HTMLElement) => void;
   onTabHide ?: (el?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Tab: React.FunctionComponent<TabProps>;
 

package/components/tabs.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { SwiperOptions } from 'swiper';
 
 
-interface TabsProps {
+export interface TabsProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -19,8 +19,9 @@ interface TabsProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Tabs: React.FunctionComponent<TabsProps>;
 

package/components/text-editor.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { TextEditor } from 'framework7/types';
 
 
-interface TextEditorProps {
+export interface TextEditorProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -15,7 +15,7 @@ interface TextEditorProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   mode ?: string;
   value ?: string;
   buttons ?: Array<any>;
@@ -38,6 +38,7 @@ interface TextEditorProps {
   onTextEditorInsertLink?: (...args: any[]) => void;
   onTextEditorInsertImage?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7TextEditor: () => TextEditor.TextEditor;}>;
+  children?: React.ReactNode;
 }
 declare const TextEditor: React.FunctionComponent<TextEditorProps>;
 

package/components/toggle.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Toggle } from 'framework7/types';
 
 
-interface ToggleProps {
+export interface ToggleProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -24,10 +24,11 @@ interface ToggleProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onToggleChange ?: (...args: any[]) => void;
   onChange ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Toggle: () => Toggle.Toggle;}>;
+  children?: React.ReactNode;
 }
 declare const Toggle: React.FunctionComponent<ToggleProps>;
 

package/components/toolbar.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ToolbarProps {
+export interface ToolbarProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -30,10 +30,11 @@ interface ToolbarProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onToolbarHide ?: (...args: any[]) => void;
   onToolbarShow ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; hide: () => void; show: () => void;}>;
+  children?: React.ReactNode;
 }
 declare const Toolbar: React.FunctionComponent<ToolbarProps>;
 

package/components/treeview-item.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface TreeviewItemProps {
+export interface TreeviewItemProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -21,7 +21,7 @@ interface TreeviewItemProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   searchbarEnable?: boolean | string;
   searchbarDisable?: boolean | string;
   searchbarClear?: boolean | string;
@@ -74,6 +74,7 @@ interface TreeviewItemProps {
   onTreeviewClose ?: (el?: HTMLElement) => void;
   onTreeviewLoadChildren ?: (el?: HTMLElement, done?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const TreeviewItem: React.FunctionComponent<TreeviewItemProps>;
 

package/components/treeview.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface TreeviewProps {
+export interface TreeviewProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Treeview: React.FunctionComponent<TreeviewProps>;
 

package/components/view.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
   import { View, Router } from 'framework7/types';
 
 
-interface ViewProps {
+export interface ViewProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -74,7 +74,7 @@ interface ViewProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onViewInit ?: (view?: View.View) => void;
   onViewResize ?: (width?: number) => void;
   onSwipeBackMove ?: (swipeBackData?: Router.SwipeBackData) => void;
@@ -85,6 +85,7 @@ interface ViewProps {
   onTabShow ?: (el?: HTMLElement) => void;
   onTabHide ?: (el?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7View: () => View.View}>;
+  children?: React.ReactNode;
 }
 declare const View: React.FunctionComponent<ViewProps>;
 

package/components/views.d.ts

@@ -2,20 +2,21 @@
 import * as React from 'react';
 
 
-interface ViewsProps {
+export interface ViewsProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   tabs?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Views: React.FunctionComponent<ViewsProps>;
 

package/framework7-react.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 React 7.0.2
+ * Framework7 React 7.0.5
  * Build full featured iOS & Android apps using Framework7 & React
  * https://framework7.io/react/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 24, 2022
+ * Released on: May 31, 2022
  */
 import Framework7React from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "framework7-react",
-  "version": "7.0.2",
+  "version": "7.0.5",
   "description": "Build full featured iOS & Android apps using Framework7 & React",
   "type": "module",
   "exports": {
     ".": "./framework7-react.js",
-    "./components/*": "./components/*"
+    "./components/*": "./components/*",
+    "./shared/*": "./shared/*"
   },
   "typings": "framework7-react.d.ts",
   "sideEffects": false,