@hoddy-ui/core 1.0.7 → 1.0.9

package/index.ts

@@ -4,12 +4,19 @@ export { default as AlertX } from "./src/Components/AlertX";
 export { default as Avatar } from "./src/Components/Avatar";
 export * from "./src/Components/Button";
 export { default as Button } from "./src/Components/Button";
+export * from "./src/Components/Checkbox";
+export * from "./src/Components/FlashMessage";
+export * from "./src/Components/Grid";
+export * from "./src/Components/Locator";
+export { default as Locator } from "./src/Components/Locator";
+export * from "./src/Components/Popup";
+export * from "./src/Components/SafeAreaView";
+export { default as SelectMenu } from "./src/Components/SelectMenu";
 export { default as Spinner } from "./src/Components/Spinner";
 export * from "./src/Components/TextField";
 export { default as TextField } from "./src/Components/TextField";
 export { default as Typography } from "./src/Components/Typography";
-export { default as SafeAreaView } from "./src/Components/SafeAreaView";
-export { default as SelectMenu } from "./src/Components/SelectMenu";
 // Others
+export * from "./src/config";
 export * from "./src/hooks";
 export * from "./src/theme/index";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {
@@ -17,6 +17,7 @@
     "@react-navigation/native": "^6.1.6",
     "@types/react": "^18.2.6",
     "@types/react-native": "^0.72.0",
+    "expo-location": "^15.1.1",
     "expo-navigation-bar": "^2.1.1",
     "expo-system-ui": "^2.2.1",
     "react": "^18.2.0",
@@ -35,6 +36,7 @@
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.18.1",
     "@react-navigation/native": "^6.1.6",
+    "expo-location": "^15.1.1",
     "expo-navigation-bar": "^2.1.1",
     "expo-system-ui": "^2.2.1",
     "react-native-safe-area-context": "^4.5.3",

package/src/Components/FormWrapper.tsx

@@ -8,7 +8,7 @@ import {
 } from "react-native";
 import { ScaledSheet } from "react-native-size-matters";
 import { FormWrapperProps } from "../types";
-const FormWrapper: React.FC<FormWrapperProps> = ({
+export const FormWrapper: React.FC<FormWrapperProps> = ({
   children,
   behavior = "position",
   contentContainerStyle,
@@ -54,5 +54,3 @@ const FormWrapper: React.FC<FormWrapperProps> = ({
     </ScrollView>
   );
 };
-
-export default FormWrapper;

package/src/Components/Grid.tsx

@@ -19,7 +19,11 @@ export const GridItem: React.FC<GridItemProps> = ({
   });
   return <View children={children} style={[styles.gridItem, style]} />;
 };
-const Grid: React.FC<GridProps> = ({ children, spacing = 1, style = {} }) => {
+export const Grid: React.FC<GridProps> = ({
+  children,
+  spacing = 1,
+  style = {},
+}) => {
   const styles = ScaledSheet.create({
     grid: {
       flexWrap: "wrap",
@@ -29,5 +33,3 @@ const Grid: React.FC<GridProps> = ({ children, spacing = 1, style = {} }) => {
   });
   return <View children={children} style={[styles.grid, style]} />;
 };
-
-export default Grid;

package/src/Components/Locator.tsx

@@ -10,10 +10,13 @@ import { useColors } from "../hooks";
 import { LocatorProps } from "../types";
 
 // import { GOOGLE_MAP_API } from "../../api/config";
+import { getApiKey } from "../config/KeyManager";
 import Typography from "./Typography";
-import { GOOGLE_MAP_API_KEY } from "../../api/config";
 
-Location.setGoogleApiKey(GOOGLE_MAP_API_KEY);
+const { GOOGLE_MAP_API_KEY } = getApiKey();
+
+if (GOOGLE_MAP_API_KEY) Location.setGoogleApiKey(GOOGLE_MAP_API_KEY);
+else console.error("Google map api key needs to be set to use this component");
 
 type predictionType = {
   id: string;

package/src/Components/Popup.tsx

@@ -7,7 +7,7 @@ import { PopupProps } from "../types";
 import { IconButton } from "./Button";
 import Typography from "./Typography";
 
-const Popup: React.FC<PopupProps> = ({
+export const Popup: React.FC<PopupProps> = ({
   title,
   sheet,
   bare = false,
@@ -95,5 +95,3 @@ const Popup: React.FC<PopupProps> = ({
     </>
   );
 };
-
-export default Popup;

package/src/Components/SafeAreaView.tsx

@@ -12,8 +12,9 @@ const styles = StyleSheet.create({
   },
 });
 
-const SafeAreaView: React.FC<SafeAreaViewProps> = ({ children, style }) => {
+export const SafeAreaView: React.FC<SafeAreaViewProps> = ({
+  children,
+  style,
+}) => {
   return <Safe style={{ ...styles.droidSafeArea, ...style }}>{children}</Safe>;
 };
-
-export default SafeAreaView;

package/src/config/index.ts

@@ -18,8 +18,6 @@ export function initialize(config: configProps): void {
     setApiKey({
       GOOGLE_MAP_API_KEY: config.googleMapApiKey,
     });
-
-    console.log("Got key from frontend", config.googleMapApiKey);
   } catch (error) {
     console.error("Error reading the config file:", error);
   }