Add more paths aliases (#1292)

Author: ethanshar

generatedTypes/components/text/index.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import { TextProps as RNTextProps, TextStyle } from 'react-native';
-import { BaseComponentInjectedProps, ForwardRefInjectedProps, MarginModifiers, TypographyModifiers, ColorsModifiers } from '../../commons/new';
+import { BaseComponentInjectedProps, ForwardRefInjectedProps, MarginModifiers, TypographyModifiers, ColorsModifiers } from 'commonsNew';
 export declare type TextProps = RNTextProps & TypographyModifiers & ColorsModifiers & MarginModifiers & {
     /**
      * color of the text

generatedTypes/components/view/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Animated, ViewProps as RNViewProps, StyleProp, ViewStyle } from 'react-native';
-import { ContainerModifiers } from '../../commons/new';
+import { ContainerModifiers } from 'commonsNew';
 export interface ViewProps extends Omit<RNViewProps, 'style'>, ContainerModifiers {
     /**
      * If true, will render as SafeAreaView

src/.babelrc.json

@@ -7,8 +7,13 @@
       {
         "root": ["./src"],
         "alias": {
-          "style": "./src/style",
-          "helpers": "./src/helpers"
+          "commons": "./src/commons",
+          "commonsNew": "./src/commons/new",
+          "helpers": "./src/helpers",
+          "hooks": "./src/hooks",
+          "optionalDeps": "./src/optionalDependencies",
+          "services": "./src/services",
+          "style": "./src/style"
         }
       }
     ]

src/components/button/index.tsx

@@ -1,10 +1,11 @@
 import _ from 'lodash';
 import React, {PureComponent} from 'react';
 import {Platform, StyleSheet, LayoutAnimation, LayoutChangeEvent, ImageStyle} from 'react-native';
-import {asBaseComponent, forwardRef} from '../../commons/new';
+import {asBaseComponent, forwardRef} from 'commonsNew';
 import {Constants} from 'helpers';
 import {Colors, Typography, BorderRadiuses} from 'style';
-import {extractColorValue, extractTypographyValue} from '../../commons/modifiers';
+// @ts-ignore need to migrate to commonsNew
+import {modifiers} from 'commons';
 import TouchableOpacity from '../touchableOpacity';
 import Text from '../text';
 import Image from '../image';
@@ -14,6 +15,8 @@ export {ButtonSize, ButtonAnimationDirection, ButtonProps, ButtonPropTypes};
 
 import {PADDINGS, HORIZONTAL_PADDINGS, MIN_WIDTH, DEFAULT_SIZE, DISABLED_COLOR} from './ButtonConstants';
 
+const {extractColorValue, extractTypographyValue} = modifiers;
+
 class Button extends PureComponent<Props, ButtonState> {
   static displayName = 'Button';
 

src/components/text/index.tsx

@@ -1,5 +1,6 @@
 import React, {PureComponent} from 'react';
 import {Text as RNText, StyleSheet, TextProps as RNTextProps, TextStyle, Animated} from 'react-native';
+import _ from 'lodash';
 import {
   asBaseComponent,
   forwardRef,
@@ -8,10 +9,8 @@ import {
   MarginModifiers,
   TypographyModifiers,
   ColorsModifiers
-} from '../../commons/new';
-import {Colors} from '../../style';
-import _ from 'lodash';
-
+} from 'commonsNew';
+import {Colors} from 'style';
 
 export type TextProps = RNTextProps & TypographyModifiers & ColorsModifiers & MarginModifiers & {
   /**

src/components/view/index.tsx

@@ -7,8 +7,8 @@ import {
   BaseComponentInjectedProps,
   ForwardRefInjectedProps,
   ContainerModifiers
-} from '../../commons/new';
-import Constants from '../../helpers/Constants';
+} from 'commonsNew';
+import {Constants} from 'helpers';
 
 
 export interface ViewProps extends Omit<RNViewProps, 'style'>, ContainerModifiers {

src/incubator/TextField/useFieldState.ts

@@ -1,7 +1,7 @@
 import {useCallback, useState, useEffect, useMemo} from 'react';
 import _ from 'lodash';
 import * as Presenter from './Presenter';
-import {useDidUpdate} from '../../hooks';
+import {useDidUpdate} from 'hooks';
 import {Validator} from './types';
 import {InputProps} from './Input';
 

src/services/HapticService.ts

@@ -1,4 +1,4 @@
-import {HapticFeedbackPackage} from '../optionalDependencies';
+import {HapticFeedbackPackage} from 'optionalDeps';
 
 const options = {
   enableVibrateFallback: false,

tsconfig.json

@@ -21,10 +21,15 @@
     "baseUrl": ".",
     "paths": {
       "react-native-ui-lib": ["index.d.ts"],
-      "style": ["./src/style"],
+      "commons": ["./src/commons"],
+      "commonsNew": ["./src/commons/new"],
       "helpers": ["./src/helpers"],
+      "hooks": ["./src/hooks"],
+      "optionalDeps": ["./src/optionalDependencies"],
+      "services": ["./src/services"],
+      "style": ["./src/style"]
     }
   },
   "include": ["src/**/*", "typings/**/*", "demo/**/*"],
-  "exclude": [ "node_modules", "src/index.ts"]
+  "exclude": ["node_modules", "src/index.ts"]
 }