Merge branch 'master' into release

Author: ethanshar

.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
-  extends: 'wix/react-native',
-  parser: 'babel-eslint',
+  extends: ['plugin:@typescript-eslint/recommended', 'wix/react-native'],
+  parser: '@typescript-eslint/parser',
   rules: {
     'arrow-parens': 'off',
     // TODO: remove after migration of legacy lifecycle methods
@@ -20,8 +20,23 @@ module.exports = {
     ],
     'function-paren-newline': ['warn', 'never'],
     'new-cap': ['off'], // TODO: fix this in colors.js and remove this
-    'default-case': ['off']
+    'default-case': ['off'],
+    "@typescript-eslint/no-use-before-define": 0,
+    "@typescript-eslint/explicit-function-return-type": 0,
+    "@typescript-eslint/no-var-requires": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/member-delimiter-style": 0,
+    // "@typescript-eslint/no-unused-vars": [2, {"args": "all", "argsIgnorePattern": "^_"}],
+    "@typescript-eslint/no-unused-vars": 0, //todo: uncomment this line and use the the better unused rule above ^
+    "@typescript-eslint/no-non-null-assertion": 0,
+    "@typescript-eslint/explicit-member-accessibility": 0,
+    "@typescript-eslint/prefer-optional-chain": "error",
+    "@typescript-eslint/ban-ts-ignore": 0,
+    "@typescript-eslint/no-empty-function": 0,
+    "@typescript-eslint/camelcase": 0,
+    "@typescript-eslint/indent": 0
   },
+  plugins: ['@typescript-eslint'],
 };
 
 // OLD ESlint configuration

.gitignore

@@ -63,4 +63,5 @@ package-lock.json
 
 # CocoaPods
 /ios/Pods/
+/ios/Podfile.lock
 expoDemo/ios/Pods

README.md

@@ -41,7 +41,7 @@ See setup instructions [here](https://github.com/wix/react-native-ui-lib/wiki/SE
 See [breaking changes](https://github.com/wix/react-native-ui-lib/wiki/V5-%5BBreaking-Change%5D)
 
 #### For React Native >= 0.60.0
-please use `react-native-ui-lib@^4.0.0`
+please use `react-native-ui-lib`
 
 #### For React Native < 0.60.0
 please use `react-native-ui-lib@^3.0.0`

demo/src/demoApp.js

@@ -158,6 +158,6 @@ async function getDefaultScreenAndStartApp() {
 }
 
 Navigation.events().registerAppLaunchedListener(() => {
-  registerScreens();
+  registerScreens(Navigation.registerComponent.bind(Navigation));
   getDefaultScreenAndStartApp();
 });

demo/src/index.js

@@ -91,6 +91,9 @@ module.exports = {
       get ToastsScreen() {
         return require('./screens/componentScreens/ToastsScreen').default;
       },
+      get TabControllerScreen() {
+        return require('./screens/componentScreens/TabControllerScreen').default;
+      },
       get TabBarScreen() {
         return require('./screens/componentScreens/TabBarScreen').default;
       },
@@ -128,6 +131,9 @@ module.exports = {
       get DateTimePickerScreen() {
         return require('./screens/componentScreens/DateTimePickerScreen').default;
       },
+      get ViewScreen() {
+        return require('./screens/componentScreens/ViewScreen').default;
+      },
       get WizardScreen() {
         return require('./screens/componentScreens/WizardScreen').default;
       },
@@ -141,46 +147,46 @@ module.exports = {
       get WheelPickerViewScreen() {
         return require('./screens/nativeComponentScreens/WheelPickerViewScreen').default;
       },
-      // componentScreenScreens
+      // Full Screen components
       get EmptyStateScreen() {
-        return require('./screens/componentScreenScreens/EmptyStateScreen').default;
+        return require('./screens/componentScreens/EmptyStateScreen').default;
       },
       get LoadingScreen() {
-        return require('./screens/componentScreenScreens/LoadingScreen').default;
+        return require('./screens/componentScreens/LoadingScreen').default;
       },
       // TODO: fix Expo issues (navigation) before un-commenting 
       // get ModalScreen() {
-      //   return require('./screens/componentScreenScreens/ModalScreen').default;
+      //   return require('./screens/componentScreens/ModalScreen').default;
       // },
       // listScreens
       get BasicListScreen() {
-        return require('./screens/listScreens/BasicListScreen').default;
+        return require('./screens/componentScreens/BasicListScreen').default;
       },
       get ContactsListScreen() {
-        return require('./screens/listScreens/ContactsListScreen').default;
+        return require('./screens/componentScreens/ContactsListScreen').default;
       },
       get ConversationListScreen() {
-        return require('./screens/listScreens/ConversationListScreen').default;
+        return require('./screens/componentScreens/ConversationListScreen').default;
       },
       // styleScreens
       get BorderRadiusesScreen() {
-        return require('./screens/styleScreens/BorderRadiusesScreen').default;
+        return require('./screens/foundationScreens/BorderRadiusesScreen').default;
       },
       get ColorsScreen() {
-        return require('./screens/styleScreens/ColorsScreen').default;
+        return require('./screens/foundationScreens/ColorsScreen').default;
       },
       get TypographyScreen() {
-        return require('./screens/styleScreens/TypographyScreen').default;
+        return require('./screens/foundationScreens/TypographyScreen').default;
       },
       get ShadowsScreen() {
-        return require('./screens/styleScreens/ShadowsScreen').default;
+        return require('./screens/foundationScreens/ShadowsScreen').default;
       },
       get SpacingsScreen() {
-        return require('./screens/styleScreens/SpacingsScreen').default;
+        return require('./screens/foundationScreens/SpacingsScreen').default;
       },
       // animationScreens
       get CardScannerScreen() {
-        return require('./screens/animationScreens/CardScannerScreen').default;
+        return require('./screens/componentScreens/CardScannerScreen').default;
       },
       get CardAnimationsScreen() {
         return require('./screens/animationScreens/CardAnimationsScreen').default;
@@ -189,7 +195,7 @@ module.exports = {
         return require('./screens/animationScreens/ListAnimationsScreen').default;
       },
       get ProgressBarScreen() {
-        return require('./screens/animationScreens/ProgressBarScreen').default;
+        return require('./screens/componentScreens/ProgressBarScreen').default;
       },
       // realExamples
       get AppleMusic() {
@@ -203,7 +209,7 @@ module.exports = {
       },
       // wrapperScreens
       get TouchableOpacityScreen() {
-        return require('./screens/wrapperScreens/TouchableOpacityScreen').default;
+        return require('./screens/componentScreens/TouchableOpacityScreen').default;
       }
     };
   },