react-native-custom-text is upgraded and TextWrapper is updated

Author: WrathChaos

package-lock.json

@@ -11,7 +11,7 @@
     "clean-up": "rm -rf .git README.md && rm -rf ./assets/RN-Typescript-Boilerplate.gif ./assets/logo.png && git init"
   },
   "dependencies": {
-    "@freakycoder/react-native-custom-text": "0.0.12",
+    "@freakycoder/react-native-custom-text": "0.1.2",
     "@freakycoder/react-native-helpers": "^1.0.1",
     "@react-native-community/async-storage": "^1.12.1",
     "@react-native-community/masked-view": "^0.1.10",

package.json

@@ -6,7 +6,7 @@ import * as NavigationService from "react-navigation-helpers";
  */
 import colors from "@colors";
 import styles from "./DetailScreen.style";
-import Text from "@shared-components/TextWrapper/Text";
+import Text from "@shared-components/TextWrapper/TextWrapper";
 
 export default class DetailScreen extends Component {
   render() {

src/screens/detail/DetailScreen.tsx

@@ -7,7 +7,7 @@ import * as NavigationService from "react-navigation-helpers";
 import colors from "@colors";
 import styles from "./HomeScreen.style";
 import { SCREENS } from "@shared-constants";
-import Text from "@shared-components/TextWrapper/Text";
+import Text from "@shared-components/TextWrapper/TextWrapper";
 
 interface IProps {}
 
@@ -24,6 +24,7 @@ export default class HomeScreen extends Component<IProps, IState> {
         >
           <Text color={colors.light.white}>Go To Detail Screen</Text>
         </TouchableOpacity>
+        <Text h5></Text>
       </View>
     );
   }

src/screens/home/HomeScreen.tsx

@@ -4,7 +4,7 @@ import { View } from "react-native";
  * ? Local Imports
  */
 import styles from "./SearchScreen.style";
-import Text from "@shared-components/TextWrapper/Text";
+import Text from "@shared-components/TextWrapper/TextWrapper";
 
 export default class SearchScreen extends Component {
   render() {

src/screens/search/SearchScreen.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+import RNText, { IRNTextProps } from "@freakycoder/react-native-custom-text";
+
+interface ITextWrapperProps extends IRNTextProps {
+  color?: string;
+  fontFamily?: string;
+  children?: React.ReactNode;
+}
+
+const TextWrapper: React.FC<ITextWrapperProps> = ({
+  fontFamily = "Helvetica",
+  color = "#fff",
+  children,
+  ...rest
+}) => {
+  return (
+    <RNText fontFamily={fontFamily} color={color} {...rest}>
+      {children}
+    </RNText>
+  );
+};
+
+export default TextWrapper;

src/shared/components/TextWrapper/Text.tsx

@@ -24,23 +24,23 @@
     "noUnusedParameters": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
-    "forceConsistentCasingInFileNames": true
+    "forceConsistentCasingInFileNames": true,
     // ? Babel Plugin Module Resolver
-    // "baseUrl": "./src",
-    // "paths": {
-    //   "@shared-components": ["./shared/components"],
-    //   "@shared-constants": ["./shared/constants"],
-    //   "@shared-theme": ["./shared/theme"],
-    //   "@font-size": ["./shared/theme/font-size"],
-    //   "@api": ["./services/api/index"],
-    //   "@fonts": ["./shared/theme/fonts/index"],
-    //   "@colors": ["./shared/theme/colors"],
-    //   "@theme": ["./shared/theme/index"],
-    //   "@services": ["./services"],
-    //   "@screens": ["./screens"],
-    //   "@utils": ["./utils/"],
-    //   "@assets": ["./assets/"]
-    // }
+    "baseUrl": "./src",
+    "paths": {
+      "@shared-components/*": ["./shared/components/*"],
+      "@shared-constants": ["./shared/constants"],
+      "@shared-theme": ["./shared/theme"],
+      "@font-size": ["./shared/theme/font-size"],
+      "@api": ["./services/api/index"],
+      "@fonts": ["./shared/theme/fonts/index"],
+      "@colors": ["./shared/theme/colors"],
+      "@theme": ["./shared/theme/index"],
+      "@services": ["./services"],
+      "@screens": ["./screens"],
+      "@utils": ["./utils/"],
+      "@assets": ["./assets/"]
+    }
   },
   "exclude": [
     "node_modules",