Merge pull request #755 from shoutem/release/5.5.0

Release/5.5.0

.npmignore

@@ -4,10 +4,6 @@ node_modules
 # Ignore test files
 *_tests_
 
-# Ignore the example apps
-examples/RestaurantsApp/
-examples/create-react-native-app/
-
 # Ignore local/config files
 .editorconfig
 .npmignore

README.md

@@ -20,84 +20,6 @@ All the documentation is available on the [Developer portal](http://shoutem.gith
 
 Join [our community](https://www.facebook.com/groups/shoutem.community/) on Facebook. Also, feel free to ask a question on Stack Overflow using ["shoutem" tag](http://stackoverflow.com/tags/shoutem).
 
-## Examples
-
-To see how Shoutem UI works, you can:
-
-- include the `Examples` component into your React Native app or
-- run `Restaurants` app in `examples` folder.
-
-### Examples component
-
-**If you are using Expo, see [this
-project](https://github.com/shoutem/ui/blob/develop/examples/create-react-native-app/App.js)
-for example usage. Otherwise, follow the steps below.**
-
-Create new React Native project and locate to it:
-
-```bash
-$ react-native init HelloWorld && cd HelloWorld
-```
-
-Install `@shoutem/ui` in your project:
-
-```bash
-$ npm install --save @shoutem/ui
-```
-
-Now, simply copy the following to your `App.js` files of the React Native project:
-
-```JavaScript
-import React, { PureComponent } from 'react';
-import { Examples } from '@shoutem/ui';
-
-export default class App extends PureComponent {
-  render() {
-    return (
-      <Examples />
-    );
-  }
-}
-```
-
-Finally, run the app!
-
-```bash
-$ react-native run-ios
-```
-
-To see other components, just import them from `@shoutem/ui` and render them.
-
-You can also use standard React Native components in your layouts anywhere you want, but they will not inherit either the theme or the parent styles, so you will need to style them manually.
-
-### Restaurants app
-
-Clone the [Shoutem UI](https://github.com/shoutem/ui) repository:
-
-```bash
-git clone https://github.com/shoutem/ui.git
-```
-
-Locate to `RestaurantsApp` folder:
-
-```bash
-cd ui/examples/RestaurantsApp
-```
-
-Install and link dependencies:
-
-```bash
-npm install
-react-native link
-```
-
-Finally, run the app!
-
-```bash
-react-native run-ios
-react-native run-android
-```
-
 ## UI Toolkit
 
 Shoutem UI is a part of the [Shoutem UI Toolkit](https://shoutem.github.io/ui/) that enables you to build professional looking React Native apps with ease.

components/DropDownMenu/DropDownMenu.js

@@ -54,7 +54,7 @@ class DropDownMenu extends PureComponent {
       <View style={style.horizontalContainer}>
         <Button onPress={this.collapse} style={style.selectedOption}>
           {showSelectedOption && <Text>{selectedOption[titleProperty]}</Text>}
-          <Icon name={iconName} />
+          <Icon name={iconName} style={style.icon} />
         </Button>
       </View>
     ) : null;

components/NumberInput.js

@@ -65,11 +65,11 @@ class NumberInput extends PureComponent {
     return (
       <View style={style.container} styleName="horizontal">
         <Button
-          style={style.button}
+          style={[style.button, style.buttonLeft]}
           styleName="secondary"
           onPress={this.decreaseValue}
         >
-          <Icon name="minus-button" style={style.icon} />
+          <Icon name="minus-button" style={[style.icon, style.iconLeft]} />
         </Button>
         <View style={style.inputContainer} styleName="horizontal">
           <TextInput
@@ -80,11 +80,11 @@ class NumberInput extends PureComponent {
           />
         </View>
         <Button
-          style={style.button}
+          style={[style.button, style.buttonRight]}
           styleName="secondary"
           onPress={this.increaseValue}
         >
-          <Icon name="plus-button" style={style.icon} />
+          <Icon name="plus-button" style={[style.icon, style.iconRight]} />
         </Button>
       </View>
     );

components/ShareButton.js

@@ -24,7 +24,7 @@ class ShareButton extends PureComponent {
   onShare() {
     const { title, message, url } = this.props;
 
-    Share.share({
+    return Share.share({
       title,
       // URL property isn't supported on Android, so we are
       // including it as the message for now.
@@ -34,7 +34,11 @@ class ShareButton extends PureComponent {
   }
 
   render() {
-    const { animationName, iconProps, ...otherProps } = this.props;
+    const { animationName, iconProps, url, ...otherProps } = this.props;
+
+    if (!url) {
+      return null;
+    }
 
     return (
       <Button onPress={this.onShare} {...otherProps}>