Merge branch 'master' into release

Author: ethanshar

.eslintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-  extends: ['plugin:@typescript-eslint/recommended', 'wix/react-native'],
+  extends: ['plugin:@typescript-eslint/recommended', 'wix/react-native', 'plugin:react-hooks/recommended'],
   parser: '@typescript-eslint/parser',
   rules: {
     'arrow-parens': 'off',

.prettierrc

@@ -1,11 +1,6 @@
 {
-  // "eslintIntegration": true,
-  // "printWidth": 120,
-  // "useTabs": false,
-  // "semi": true,
-  // "singleQuote": true,
-  // "jsxSingleQuote": false,
-  // "trailingComma": "none",
-  // "bracketSpacing": false,
-  // "arrowParens": "avoid"
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "singleQuote": true,
+  "bracketSpacing": false
 }

demo/src/assets/icons/refresh.png

@@ -1,9 +1,32 @@
 import AsyncStorage from '@react-native-community/async-storage';
 import {Navigation} from 'react-native-navigation';
 import * as Animatable from 'react-native-animatable';
-import {AnimatableManager, ThemeManager, Constants, Assets, Colors, Typography} from 'react-native-ui-lib'; // eslint-disable-line
+import {
+  AnimatableManager,
+  ThemeManager,
+  Constants,
+  Assets,
+  Colors,
+  Typography,
+  Spacings
+} from 'react-native-ui-lib'; // eslint-disable-line
 import {registerScreens} from './screens';
 
+Assets.loadAssetsGroup('icons.demo', {
+  refresh: require('./assets/icons/refresh.png'),
+  search: require('./assets/icons/search.png')
+});
+
+Typography.loadTypographies({
+  h1: {...Typography.text40},
+  h2: {...Typography.text50},
+  h3: {...Typography.text60}
+});
+
+Spacings.loadSpacings({
+  page: Spacings.s5
+});
+
 /** Examples - uncomment when needed */
 // Typography.loadTypographies({
 //   h1: {fontSize: 58, fontWeight: '300', lineHeight: 80},
@@ -36,10 +59,6 @@ import {registerScreens} from './screens';
 //   }
 // });
 
-// Assets.loadAssetsGroup('icons.general', {
-//   camera: require('./assets/icons/cameraSelected.png'),
-// });
-
 // AnimatableManager.loadAnimationPresets({
 //   preset1: {
 //     animation: 'fadeIn',
@@ -66,7 +85,9 @@ import {registerScreens} from './screens';
 //   },
 // };
 // IMPORTANT! Make uilib's animations available globally for the app's use (option to pass adittional animation definitions)
-Animatable.initializeRegistryWithDefinitions(AnimatableManager.loadAnimationDefinitions(/** customAnimationsDefinitions */));
+Animatable.initializeRegistryWithDefinitions(
+  AnimatableManager.loadAnimationDefinitions(/** customAnimationsDefinitions */)
+);
 
 function getDefaultNavigationStyle() {
   return {
@@ -89,13 +110,17 @@ function getDefaultNavigationStyle() {
       title: {
         color: Colors.white,
         fontSize: Typography.text60H.fontSize,
-        fontFamily: Constants.isAndroid ? Typography.text65H.fontFamily : '.SFUIText-Heavy',
+        fontFamily: Constants.isAndroid
+          ? Typography.text65H.fontFamily
+          : '.SFUIText-Heavy',
         fontWeight: 'heavy'
       },
       subtitle: {
         color: Colors.white,
         fontSize: Typography.text80T.fontSize,
-        fontFamily: Constants.isAndroid ? Typography.text80.fontFamily : '.SFUIText-Medium',
+        fontFamily: Constants.isAndroid
+          ? Typography.text80.fontFamily
+          : '.SFUIText-Medium',
         fontWeight: 'medium'
       },
       backButton: {

demo/src/assets/icons/[email protected]

@@ -59,13 +59,13 @@ export function renderBooleanGroup(title, options) {
   );
 }
 
-export function renderRadioGroup(title, key, options, {isRow, afterValueChanged} = {}) {
+export function renderRadioGroup(title, key, options, {isRow, afterValueChanged, useValueAsLabel} = {}) {
   const value = this.state[key];
   return (
     <View marginB-s2>
-      <Text text70M marginB-s2>
+      {!_.isUndefined(title) && <Text text70M marginB-s2>
         {title}
-      </Text>
+      </Text>}
       <RadioGroup
         row={isRow}
         style={isRow && styles.rowWrap}
@@ -80,7 +80,7 @@ export function renderRadioGroup(title, key, options, {isRow, afterValueChanged}
               key={key}
               marginB-s2
               marginR-s2={isRow}
-              label={key}
+              label={useValueAsLabel ? value : key}
               value={value}
             />
           );

demo/src/assets/icons/[email protected]

@@ -89,6 +89,11 @@ export const navigationData = {
       {title: 'StateScreen', tags: 'empty state screen', screen: 'unicorn.screens.EmptyStateScreen'},
       {title: 'TabController', tags: 'tabbar controller native', screen: 'unicorn.components.TabControllerScreen'},
       {title: 'TabBar', tags: 'tab bar', screen: 'unicorn.components.TabBarScreen'},
+      {
+        title: 'withScrollEnabler',
+        tags: 'scroll enabled withScrollEnabler',
+        screen: 'unicorn.components.WithScrollEnablerScreen'
+      },
       {title: 'Wizard', tags: 'wizard', screen: 'unicorn.components.WizardScreen'}
     ]
   },