Merge branch 'master' into release

Author: ethanshar

demo/src/index.js

@@ -55,6 +55,9 @@ module.exports = {
       get ImageScreen() {
         return require('./screens/componentScreens/ImageScreen').default;
       },
+      get ProgressiveImageScreen() {
+        return require('./screens/componentScreens/ProgressiveImageScreen').default;
+      },
       get MaskedInputScreen() {
         return require('./screens/componentScreens/MaskedInputScreen').default;
       },

demo/src/screens/ExampleScreenPresenter.js

@@ -59,7 +59,7 @@ export function renderBooleanGroup(title, options) {
   );
 }
 
-export function renderRadioGroup(title, key, options, {isRow} = {}) {
+export function renderRadioGroup(title, key, options, {isRow, afterValueChanged} = {}) {
   const value = this.state[key];
   return (
     <View marginB-s2>
@@ -70,7 +70,7 @@ export function renderRadioGroup(title, key, options, {isRow} = {}) {
         row={isRow}
         style={isRow && styles.rowWrap}
         initialValue={value}
-        onValueChange={value => this.setState({[key]: value})}
+        onValueChange={value => this.setState({[key]: value}, afterValueChanged)}
       >
         {_.map(options, (value, key) => {
           return (

demo/src/screens/MainScreen.js

@@ -50,7 +50,7 @@ class MainScreen extends Component {
 
   onSearchBoxBlur = () => {
     this.closeSearchBox();
-    this.filterExplorerScreens('');
+    // this.filterExplorerScreens('');
   };
 
   getMenuData = () => {
@@ -97,7 +97,7 @@ class MainScreen extends Component {
     this.closeSearchBox();
 
     setTimeout(() => {
-      this.filterExplorerScreens('');
+      // this.filterExplorerScreens('');
       this.pushScreen(row);
     }, 0);
   };

demo/src/screens/MenuStructure.js

@@ -119,6 +119,7 @@ export const navigationData = {
     title: 'Animations & Gestures',
     screens: [
       {title: 'Animated Image', tags: 'animated image', screen: 'unicorn.components.AnimatedImageScreen'},
+      {title: 'ProgressiveImage', tags: 'progressive image cover overlay', screen: 'unicorn.components.ProgressiveImageScreen'},
       {title: 'List Animations', tags: 'animated card', screen: 'unicorn.animations.ListAnimationsScreen'},
       {title: 'Card Animations', tags: 'animated card', screen: 'unicorn.animations.CardAnimationsScreen'},
       {title: 'Card Scanner', tags: 'card scanner process', screen: 'unicorn.animations.CardScannerScreen'},

demo/src/screens/PlaygroundScreen.js renamed to demo/src/screens/PlaygroundScreen.tsx

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import React, {Component} from 'react';
 import {StyleSheet} from 'react-native';
-import {View, Text, Card} from 'react-native-ui-lib'; //eslint-disable-line
+import {View, Text, Card,} from 'react-native-ui-lib'; //eslint-disable-line
 
 export default class PlaygroundScreen extends Component {
   render() {