Merge branch 'master' into testsss

* master: (41 commits)
  Remove animatable from FloatingButton component (#1134)
  Stop using AnimatableManager in Hint (#1125)
  Change setTimeout's time from 50 to 100
  Update generated types
  push expo stuff
  Update wiki links
  Fix/dialog swiping does not trigger on dialog dismissed (#1093)
  remove github token
  Create colors.md
  CardsScreen - fix backgrounds and remove obsolete examples (#1124)
  trigger build
  Add missing functionality for Incubator.TextField (#1121)
  Update all app icons sizes for iOS project
  Adding 'defaultSource' for image source in case of an error (#1116)
  DateTimePicker - adding 'headerStyle' prop to adjust iOS dialog header style (#1117)
  add prepush script
  Infra/use did update (#1119)
  SettingsScreen - rename to UNSAFE (#1118)
  Create a middleware TextField migrator to migrate people to the new TextField implementation (#1113)
  Fix lint error
  ...

Author: M-i-k-e-l

.eslintignore

@@ -1,3 +1 @@
-/src/style/typography.js
-**/*.ts
-**/*.tsx
+/src/style/typography.js

.eslintrc.js

@@ -1,106 +1,44 @@
 module.exports = {
   extends: ['plugin:@typescript-eslint/recommended', 'wix/react-native', 'plugin:react-hooks/recommended'],
   parser: '@typescript-eslint/parser',
+  // plugins: ['@typescript-eslint'],
   rules: {
+    /* Disabled rules for typescript */
+    'no-dupe-class-members': 'off',
+    /* Other Rules */
+    'no-unused-expressions': 'off',
     'arrow-parens': 'off',
     // TODO: remove after migration of legacy lifecycle methods
     camelcase: 'off',
     'comma-dangle': ['error', 'never'],
     'no-mixed-operators': ['off'],
     'no-trailing-spaces': 'off',
     'operator-linebreak': 'off',
-    'max-len': ['warn', {code: 120, "ignoreComments": true, "ignoreStrings": true}],
+    'max-len': ['warn', {code: 120, ignoreComments: true, ignoreStrings: true}],
     'react/jsx-no-bind': [
       'off',
       {
         ignoreRefs: true,
         allowArrowFunctions: false,
-        allowBind: false,
-      },
+        allowBind: false
+      }
     ],
     'function-paren-newline': ['warn', 'never'],
     'new-cap': ['off'], // TODO: fix this in colors.js and remove this
     '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'],
+    '@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
+  }
 };
-
-// OLD ESlint configuration
-// const validColors = require('./src/style/colorsPalette').colorsPalette;
-// const extraFixColorsMap = require('./src/style/colorsPalette').extraFixColorsMap;
-// const assetsDepJson = require('./eslint-rules/tests/assets_deprecation.json');
-// const deprecationsJson = require('./eslint-rules/tests/component_deprecation.json');
-
-// module.exports = {
-//   parser: 'babel-eslint',
-//   extends: 'wix/react-native',
-//   // plugins: ['react', 'react-native', 'uilib'],
-//   // extends: ['airbnb'],
-//   rules: {
-//     'arrow-body-style': 'off',
-//     'arrow-parens': 'off',
-//     // TODO: remove after migration of legacy lifecycle methods
-//     'camelcase': 'off',
-//     'class-methods-use-this': 'off',
-//     'consistent-return': 'off',
-//     'comma-dangle': 'off',
-//     'global-require': 'off',
-//     'max-len': [2, 130, 4, {ignoreUrls: true}],
-//     'no-nested-ternary': 'off',
-//     'no-else-return': 'off',
-//     'no-mixed-operators': ['off'],
-//     'no-param-reassign': ['warn'],
-//     'no-plusplus': 'off',
-//     'no-return-assign': 'off',
-//     'no-trailing-spaces': 'off',
-//     'no-use-before-define': 'off',
-//     'no-unneeded-ternary': 'off',
-//     'no-mixed-operators': 'off',
-//     'no-underscore-dangle': ['error', {'allowAfterThis': true}],
-//     'object-curly-spacing': 'off',
-//     'operator-linebreak': 'off',
-//     'react/forbid-prop-types': 'off',
-//     'react/jsx-filename-extension': 'off',
-//     'react/jsx-space-before-closing': 'off',
-//     'react/jsx-tag-spacing': 'off',
-//     'react/prefer-stateless-function': 'off',
-//     'react/prop-types': ['error', {ignore: ['children', 'style', 'testID']}],
-//     'react/require-default-props': 'off',
-//     "react/sort-comp": ['warn'],
-//     'react/jsx-no-bind': [
-//       'warn',
-//       {
-//         ignoreRefs: true,
-//         allowArrowFunctions: false,
-//         allowBind: false,
-//       },
-//     ],
-//     'import/prefer-default-export': 'off'
-//   },
-//   env: {
-//     browser: true,
-//     node: true,
-//     jest: true,
-//   },
-//   settings: {
-//     'import/resolver': {
-//       node: {
-//         extensions: ['.js', '.ios.js', '.android.js'],
-//       },
-//     },
-//   },
-// };

README.md

@@ -24,7 +24,6 @@ UI Toolset & Components Library for React Native
 [![NPM Downloads](https://img.shields.io/npm/dm/react-native-ui-lib.svg?style=flat)](https://www.npmjs.com/package/react-native-ui-lib)
 
 
-Read more in our [Uncyclo](https://github.com/wix/react-native-ui-lib/wiki). <br>
 Check out our [Docs](https://wix.github.io/react-native-ui-lib/). <br>
 Our [Discord Channel](https://discord.gg/2eW4g6Z)
 
@@ -35,10 +34,10 @@ Download our Expo demo app <br>
 
 ## Installing
 
-See setup instructions [here](https://github.com/wix/react-native-ui-lib/wiki/SETUP).
+See setup instructions [here](https://wix.github.io/react-native-ui-lib/getting-started/setup).
 
 #### New Major Version 5.0
-See [breaking changes](https://github.com/wix/react-native-ui-lib/wiki/V5-%5BBreaking-Change%5D)
+See [breaking changes](https://wix.github.io/react-native-ui-lib/getting-started/v5)
 
 #### For React Native >= 0.60.0
 please use `react-native-ui-lib`
@@ -106,7 +105,7 @@ ThemeManager.setComponentTheme('Button', (props, context) => {
 
 ### Step 3
 Use it all together. 
-Your configurations will be applied on uilib components so you can use them easily with [modifiers](https://github.com/wix/react-native-ui-lib/wiki/MODIFIERS). 
+Your configurations will be applied on uilib components so you can use them easily with [modifiers](https://wix.github.io/react-native-ui-lib/foundation/modifiers). 
 
 ```
 // MyScreen.js
@@ -129,3 +128,4 @@ class MyScreen extends Component {
   }
 }
 ```
+

demo/src/screens/SettingsScreen.js

@@ -30,14 +30,14 @@ class SettingsScreen extends Component {
     };
   }
 
-  async componentWillMount() {
+  async UNSAFE_componentWillMount() {
     const {screens} = this.state;
     const defaultScreenId = await AsyncStorage.getItem('uilib.defaultScreen');
     const defaultScreen = _.find(screens, {value: defaultScreenId});
-    
+
     const isRTLString = await AsyncStorage.getItem('uilib.isRTL');
     const isRTL = isRTLString === 'true';
-    
+
     this.setState({defaultScreen, isRTL});
   }
 
@@ -63,7 +63,7 @@ class SettingsScreen extends Component {
     const {defaultScreen, showRefreshMessage, isRTL, screens} = this.state;
     const {extraSettingsUI} = this.props;
     const filteredScreens = _.filter(screens, screen => !_.isUndefined(screen.value));
-  
+
     return (
       <View flex padding-25 bg-grey80>
         <View flex>
@@ -82,7 +82,7 @@ class SettingsScreen extends Component {
               <Picker.Item key={screen.value} value={screen}/>
             ))}
           </Picker>
-            
+
           <View style={{borderWidth: 1, borderColor: Colors.dark70, marginTop: 40}}>
             <View style={[{padding: 5, borderBottomWidth: 1}, styles.block]}>
               <Text text80 dark20>Current layout direction</Text>

demo/src/screens/componentScreens/BadgesScreen.tsx

@@ -141,8 +141,8 @@ export default class BadgesScreen extends Component {
           Counter Icon Badges
         </Text>
         <View row paddingH-15>
-            <Badge marginR-10 withCounterIcon label={'9999'} labelFormatterLimit={3} icon={bell} backgroundColor={Colors.red30} iconStyle={{height: 18, width: 18}}/>
-            <Badge marginR-10 withCounterIcon label={'4'} icon={bell} backgroundColor={Colors.red30} color={Colors.blue30} iconStyle={{height: 18, width: 18}}/>
+            <Badge marginR-10 label={'9999'} labelFormatterLimit={3} icon={bell} backgroundColor={Colors.red30}/>
+            <Badge marginR-10 label={'4'} icon={bell} backgroundColor={Colors.red30}/>
         </View>
 
       </ScrollView>