ikualo-ui-kit-mobile 0.7.1 → 0.7.3

package/App.tsx

@@ -1,11 +1,9 @@
-import { PaperProvider } from 'react-native-paper';
-
 import { darkTheme, lightTheme } from './src/config/paper.config';
 import { useFonts } from 'expo-font';
 import React, { useEffect } from 'react';
 import { Appearance } from 'react-native';
 import useStore from './src/store';
-import { PageTouchable } from './src';
+import { PageTouchable, Provider } from './src';
 import { Views } from './src/elements/views/Views';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
@@ -35,11 +33,11 @@ export default function App() {
     < GestureHandlerRootView >
 
       {fontsLoaded && (
-        <PaperProvider theme={theme as any}>
+        <Provider >
           <PageTouchable>
             <Views />
           </PageTouchable>
-        </PaperProvider>
+        </Provider>
       )}
     </GestureHandlerRootView>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ikualo-ui-kit-mobile",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "main": "src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/elements/pages/Provider.tsx

@@ -0,0 +1,10 @@
+import { PaperProvider } from "react-native-paper"
+import useStore from "../../store"
+import { ReactNode } from "react"
+
+export const Provider = (props: { children: ReactNode }) => {
+    return (
+        <PaperProvider theme={useStore().theme} >
+            {props.children}
+        </PaperProvider>)
+}

package/src/index.ts

@@ -1,5 +1,6 @@
 export * from './elements/pages/PageBasic';
 export * from './elements/pages/PageTouchable';
+export * from './elements/pages/Provider';
 
 export * from './elements/buttons/BtnContained';
 export * from './elements/buttons/BtnOutlined';
@@ -38,4 +39,4 @@ export * from './elements/select/Select';
 export * from './elements/select/SelectList';
 
 export * from './elements/accordion/Accordion';
-export * from './elements/navbar/Navbar';
+export * from './elements/navbar/Navbar';