Merge pull request #280 from includable/fix/popup

fix: include Popup export

.npmignore

@@ -1,12 +1,12 @@
 /example
 /docs
 /tests
-greenkeeper.json
 .github
 .editorconfig
 .idea
 .vscode
-.travis.yml
+.jest
+.expo
 .eslintrc.json
 .prettierrc.json
 babel.config.js

example/App.tsx

@@ -1,7 +1,12 @@
-import React, {useEffect, useState} from 'react';
+import {useEffect, useState} from 'react';
 import {Button, Image, Pressable, StyleSheet, Text, View} from 'react-native';
-import {getApps, GetAppsResponse, Popup, showLocation} from 'react-native-map-link';
-import { ShowLocationProps } from 'react-native-map-link/src/type';
+import {
+  getApps,
+  GetAppsResponse,
+  Popup,
+  showLocation,
+  ShowLocationProps,
+} from 'react-native-map-link';
 
 const options = {
   latitude: 38.8976763,
@@ -57,9 +62,7 @@ export default function App() {
         availableApps.map(({icon, name, id, open}) => (
           <Pressable key={id} onPress={open}>
             <Image source={icon} />
-            <Text style={{
-              textAlign: 'center',
-            }}>{name}</Text>
+            <Text style={styles.option}>{name}</Text>
           </Pressable>
         ))
       ) : (
@@ -95,5 +98,8 @@ const styles = StyleSheet.create({
   },
   buttonContainer: {
     marginTop: 15,
-  }
+  },
+  option: {
+    textAlign: 'center',
+  },
 });

example/babel.config.js

@@ -1,6 +1,3 @@
-module.exports = function(api) {
-  api.cache(true);
-  return {
-    presets: ['babel-preset-expo'],
-  };
+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
 };

example/package.json

@@ -13,7 +13,7 @@
     "expo-status-bar": "~1.11.1",
     "react": "18.2.0",
     "react-native": "0.73.4",
-    "react-native-map-link": "3.0.0"
+    "react-native-map-link": "^3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

example/tsconfig.json

@@ -1,4 +1,6 @@
 {
-  "compilerOptions": {},
+  "compilerOptions": {
+    "jsx": "react-native"
+  },
   "extends": "expo/tsconfig.base"
 }

src/components/popup/Popup.tsx

@@ -54,7 +54,7 @@ interface PopupProps {
 
 const SCREEN_HEIGHT = Dimensions.get('screen').height;
 
-const Popup: React.FC<PopupProps> = ({
+export const Popup: React.FC<PopupProps> = ({
   isVisible,
   showHeader = true,
   customHeader,
@@ -168,5 +168,3 @@ const styles = StyleSheet.create({
     elevation: 5,
   },
 });
-
-export default Popup;

src/index.ts

@@ -22,6 +22,8 @@ export type {
   ShowLocationProps,
 } from './type';
 
+export {Popup} from './components/popup/Popup';
+
 export const showLocation = async ({
   latitude,
   longitude,