Configure module-resolver plugin (#1246)

* Configure module-resolver plugin

* Fix import path in TextField tests file

* move module-resolver config to inner babelrc file

Author: ethanshar

package.json

@@ -80,6 +80,7 @@
     "@typescript-eslint/parser": "^2.13.0",
     "@welldone-software/why-did-you-render": "^3.2.1",
     "babel-jest": "^25.2.4",
+    "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-typescript-to-proptypes": "^1.3.2",
     "babel-preset-react-native": "*",
     "eslint": "^5.16.0",

src/.babelrc.json

@@ -1,6 +1,18 @@
 {
   "presets": ["@babel/preset-typescript" /* , "@babel/preset-react" */],
-  "plugins": [["babel-plugin-typescript-to-proptypes", {"comments": true}]],
+  "plugins": [
+    ["babel-plugin-typescript-to-proptypes", {"comments": true}],
+    [
+      "module-resolver",
+      {
+        "root": ["./src"],
+        "alias": {
+          "style": "./src/style",
+          "helpers": "./src/helpers"
+        }
+      }
+    ]
+  ],
   "compact": false,
   "minified": false
 }

src/components/button/index.tsx

@@ -2,8 +2,8 @@ import _ from 'lodash';
 import React, {PureComponent} from 'react';
 import {Platform, StyleSheet, LayoutAnimation, LayoutChangeEvent, ImageStyle} from 'react-native';
 import {asBaseComponent, forwardRef} from '../../commons/new';
-import {Constants} from '../../helpers';
-import {Colors, Typography, BorderRadiuses} from '../../style';
+import {Constants} from 'helpers';
+import {Colors, Typography, BorderRadiuses} from 'style';
 import {extractColorValue, extractTypographyValue} from '../../commons/modifiers';
 import TouchableOpacity from '../touchableOpacity';
 import Text from '../text';

src/components/textField/__tests__/index.spec.js

@@ -1,8 +1,7 @@
-import TextField from '..';
+import TextField from '../index';
 import {Colors} from '../../../style';
 
 describe('TextField', () => {
-  // beforeEach(() => {});
 
   describe('shouldFakePlaceholder', () => {
     it('should shouldFakePlaceholder', () => {

tsconfig.dev.json

@@ -1,28 +1,5 @@
 {
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    // "outDir": "dist",
-    "esModuleInterop": true,
-    "moduleResolution": "node",
-    "jsx": "react-native",
-    "skipLibCheck": true,
-    // "resolveJsonModule": true,
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    // "noEmit": true,
-    // "checkJs": true,
-    "allowJs": false,
-    "emitDeclarationOnly": true,
-    // "noImplicitAny": false
-    "declaration": true,
-    "declarationDir": "./generatedTypes",
-    "baseUrl": ".",
-    "paths": {
-      "react-native-ui-lib": ["index.d.ts"]
-    }
-  },
+  "extends": "./tsconfig",
   "include": ["src/**/*", "typings/**/*"],
-  "exclude": [ "node_modules", "src/index.ts"]
+  "exclude": ["node_modules", "src/index.ts"]
 }

tsconfig.json

@@ -20,7 +20,9 @@
     "declarationDir": "./generatedTypes",
     "baseUrl": ".",
     "paths": {
-      "react-native-ui-lib": ["index.d.ts"]
+      "react-native-ui-lib": ["index.d.ts"],
+      "style": ["./src/style"],
+      "helpers": ["./src/helpers"],
     }
   },
   "include": ["src/**/*", "typings/**/*", "demo/**/*"],