chore(deps): update React Native to 0.30.0 (#65)

Author: marclaval

package.json

@@ -57,7 +57,7 @@
     "@angular/platform-server": "v2.0.0-rc.4",
     "@angular/router-deprecated": "v2.0.0-rc.2",
     "hammerjs": "2.0.6",
-    "react-native": "0.28.0",
+    "react-native": "0.30.0",
     "reflect-metadata": "0.1.2",
     "rxjs": "5.0.0-beta.6",
     "zone.js": "mlaval/zone.js#prerelease0.6.13"

src/components/image.ts

@@ -7,7 +7,7 @@ var ANDROID_INPUTS: Array<string> = ['fadeDuration', 'loadingIndicatorSrc', 'pro
 var IOS_INPUTS: Array<string> = ['blurRadius', 'capInsets', 'defaultSource'];
 
 var ANDROID_BINDINGS: string = `[fadeDuration]="_fadeDuration" [loadingIndicatorSrc]="_loadingIndicatorSrc ? _loadingIndicatorSrc.uri : null"
-  [progressiveRenderingEnabled]="_progressiveRenderingEnabled" [shouldNotifyLoadEvents]="_shouldNotifyLoadEvents" [src]="_source ? _source.uri: null"`;
+  [progressiveRenderingEnabled]="_progressiveRenderingEnabled" [shouldNotifyLoadEvents]="_shouldNotifyLoadEvents" [src]="_source ? [{uri: _source.uri}] : null"`;
 var IOS_BINDINGS: string = `[blurRadius]="_blurRadius" [capInsets]="_capInsets" [defaultSource]="_defaultSource" [source]="_source"`;
 
 //TODO: add iOS specific events (onError, on Progress) and specific cases (tintColor, resizeMode)
@@ -59,7 +59,7 @@ export class Image extends HighLevelComponent {
   /**
    * To be documented
    */
-  set resizeMode(value: string) {this._resizeMode = this.processEnum(value, ['cover', 'contain', 'stretch']);}
+  set resizeMode(value: string) {this._resizeMode = this.processEnum(value, ['cover', 'contain', 'stretch', 'repeat']);}
 
   /**
    * To be documented

src/components/ios/navigator.ts

@@ -9,7 +9,7 @@ import {Node} from "../../renderer/node";
 @Component({
   selector: 'NavigatorItem',
   inputs: ['instruction'],
-  template: `<native-navitem [title]="_title" [backButtonTitle]="_backButtonTitle" [leftButtonTitle]="_leftButtonTitle" [rightButtonTitle]="_rightButtonTitle"
+  template: `<native-navitem [title]="_title" [titleImage]="_titleImage" [backButtonTitle]="_backButtonTitle" [leftButtonTitle]="_leftButtonTitle" [rightButtonTitle]="_rightButtonTitle"
   [navigationBarHidden]="navigationBarHidden" [shadowHidden]="shadowHidden" [translucent]="translucent"
   [barTintColor]="barTintColor" [tintColor]="tintColor" [titleTextColor]="titleTextColor"
   [backButtonIcon]="_backButtonIcon" [leftButtonIcon]="_leftButtonIcon" [rightButtonIcon]="_rightButtonIcon"
@@ -30,6 +30,7 @@ class NavigatorItem extends HighLevelComponent implements AfterViewInit {
   @Input() titleTextColor: number;
   private _instruction: ComponentInstruction;
   private _title: string;
+  private _titleImage: any;
   private _backButtonTitle: string;
   private _leftButtonTitle: string;
   private _rightButtonTitle: string;
@@ -62,6 +63,7 @@ class NavigatorItem extends HighLevelComponent implements AfterViewInit {
     this._instruction = value;
     var data = value.routeData.data;
     if (data['title']) {this._title = data['title'];}
+    if (data['titleImage']) {this._titleImage = this.resolveAssetSource(data['titleImage']);}
     if (data['backButtonTitle']) {this._backButtonTitle = data['backButtonTitle'];}
     if (data['leftButtonTitle']) {this._leftButtonTitle = data['leftButtonTitle'];}
     if (data['rightButtonTitle']) {this._rightButtonTitle = data['rightButtonTitle'];}
@@ -101,7 +103,7 @@ class NavigatorItem extends HighLevelComponent implements AfterViewInit {
  * A Router's navigation triggers a navigation of the Navigator.
  *
  * For each route, additional data can be provided as follows:
- * {title: string, backButtonIcon: any, backButtonTitle: string, leftButtonIcon: any, leftButtonTitle: string, rightButtonIcon: any, rightButtonTitle: string,
+ * {title: string, titleImage: any, backButtonIcon: any, backButtonTitle: string, leftButtonIcon: any, leftButtonTitle: string, rightButtonIcon: any, rightButtonTitle: string,
  * wrapperStyle: any, navigationBarHidden: boolean, shadowHidden: boolean, tintColor: string, barTintColor: string, titleTextColor: string, translucent: boolean}
  *
  * ```

src/components/text.ts

@@ -2,11 +2,11 @@ import {Component} from '@angular/core';
 import {isAndroid} from './../wrapper/wrapper';
 import {HighLevelComponent, GENERIC_INPUTS, GENERIC_BINDINGS} from "./component";
 
-var ANDROID_INPUTS: Array<string> = [];
-var IOS_INPUTS: Array<string> = ['allowFontScaling', 'lineBreakMode', 'suppressHighlighting'];
+var ANDROID_INPUTS: Array<string> = ['selectable'];
+var IOS_INPUTS: Array<string> = ['allowFontScaling', 'suppressHighlighting'];
 
-var ANDROID_BINDINGS: string = ``;
-var IOS_BINDINGS: string = `[allowFontScaling]="_allowFontScaling" [lineBreakMode]="_lineBreakMode" [suppressHighlighting]="_suppressHighlighting"`;
+var ANDROID_BINDINGS: string = `[selectable]="_selectable"`;
+var IOS_BINDINGS: string = `[allowFontScaling]="_allowFontScaling" [suppressHighlighting]="_suppressHighlighting"`;
 
 /**
  * A component for displaying a text.
@@ -23,32 +23,38 @@ export class Sample {}
 @Component({
   selector: 'Text',
   inputs: [
-    'numberOfLines'
+    'lineBreakMode', 'numberOfLines'
   ].concat(GENERIC_INPUTS).concat(isAndroid() ? ANDROID_INPUTS : IOS_INPUTS),
-  template: `<native-text [numberOfLines]="_numberOfLines"
+  template: `<native-text [lineBreakMode]="_lineBreakMode" [numberOfLines]="_numberOfLines"
   ${GENERIC_BINDINGS} ${isAndroid() ? ANDROID_BINDINGS : IOS_BINDINGS}><ng-content></ng-content></native-text>`
 })
 export class Text extends HighLevelComponent{
   //Properties
+  private _lineBreakMode: string;
   private _numberOfLines: number;
+  /**
+   * To be documented
+   */
+  set lineBreakMode(value: any) { this._lineBreakMode = this.processEnum(value, ['tail', 'head', 'middle', 'clip']); }
   /**
    * To be documented
    */
   set numberOfLines(value: any) {this._numberOfLines = this.processNumber(value);}
 
-  private _allowFontScaling: boolean;
-  private _lineBreakMode: string;
-  private _suppressHighlighting: boolean;
+  private _selectable: boolean;
   /**
    * To be documented
-   * @platform ios
+   * @platform android
    */
-  set allowFontScaling(value: any) {this._allowFontScaling = this.processBoolean(value);}
+  set selectable(value: any) {this._selectable = this.processBoolean(value);}
+
+  private _allowFontScaling: boolean;
+  private _suppressHighlighting: boolean;
   /**
    * To be documented
    * @platform ios
    */
-  set lineBreakMode(value: any) { this._lineBreakMode = this.processEnum(value, ['clipping', 'word-wrapping', 'char-wrapping', 'truncating-head', 'truncating-middle', 'truncating-tail']); }
+  set allowFontScaling(value: any) {this._allowFontScaling = this.processBoolean(value);}
   /**
    * To be documented
    * @platform ios

src/components/textinput.ts

@@ -36,10 +36,10 @@ export class Sample {
     'autoFocus', 'value',
     //Native
     'autoCapitalize', 'autoCorrect', 'blurOnSubmit', 'editable', 'keyboardType', 'maxLength', 'multiline',
-    'password', 'placeholder', 'placeholderTextColor', 'returnKeyType', 'selectionColor', 'selectTextOnFocus'
+    'placeholder', 'placeholderTextColor', 'returnKeyType', 'secureTextEntry', 'selectionColor', 'selectTextOnFocus'
   ].concat(GENERIC_INPUTS).concat(isAndroid() ? ANDROID_INPUTS : IOS_INPUTS),
   template: `<native-textinput [text]="_nativeValue" [autoCapitalize]="_autoCapitalize" [autoCorrect]="_autoCorrect" [blurOnSubmit]="_blurOnSubmit" [editable]="_editable" [keyboardType]="_keyboardType"
-  [maxLength]="_maxLength" [multiline]="_multiline" [password]="_password" [placeholder]="_placeholder" [placeholderTextColor]="_placeholderTextColor"
+  [maxLength]="_maxLength" [multiline]="_multiline" [placeholder]="_placeholder" [placeholderTextColor]="_placeholderTextColor" [secureTextEntry]="_secureTextEntry"
   [returnKeyType]="_returnKeyType" [selectionColor]="_selectionColor" [selectTextOnFocus]="_selectTextOnFocus"
   (tap)="focusTextInput()" (topFocus)="_handleFocus()" (topChange)="_handleChange($event)" (topSubmitEditing)="_handleSubmitEditing($event)"
   (topBlur)="_handleBlur()" (topEndEditing)="_handleEndEditing($event)" ${GENERIC_BINDINGS} ${isAndroid() ? ANDROID_BINDINGS : IOS_BINDINGS}></native-textinput>`
@@ -105,10 +105,10 @@ export class TextInput extends HighLevelComponent implements OnInit {
   private _keyboardType: string;
   private _maxLength: number;
   private _multiline: boolean;
-  private _password: boolean;
   private _placeholder: string;
   private _placeholderTextColor: number;
   private _returnKeyType: string;
+  private _secureTextEntry: boolean;
   private _selectionColor: number;
   private _selectTextOnFocus: boolean;
   /**
@@ -139,10 +139,6 @@ export class TextInput extends HighLevelComponent implements OnInit {
    * To be documented
    */
   set multiline(value: any) {this._multiline = this.processBoolean(value);}
-  /**
-   * To be documented
-   */
-  set password(value: any) {this._password = this.processBoolean(value);}
   /**
    * To be documented
    */
@@ -161,6 +157,10 @@ export class TextInput extends HighLevelComponent implements OnInit {
    * 'default', 'emergency-call', 'google', 'join', 'route', 'yahoo'
    */
   set returnKeyType(value: string) {this._returnKeyType = this.processEnum(value, ['done', 'go', 'next', 'search', 'send', 'none', 'previous', 'default', 'emergency-call', 'google', 'join', 'route', 'yahoo']);}
+  /**
+   * To be documented
+   */
+  set secureTextEntry(value: any) {this._secureTextEntry = this.processBoolean(value);}
   /**
    * To be documented
    */

test/components/image_spec.ts

@@ -32,7 +32,7 @@ describe('Image component', () => {
         fixture.detectChanges();
         rootRenderer.executeCommands();
         expect(mock.commandLogs.toString()).toEqual(
-          'CREATE+2+test-cmp+{},CREATE+3+native-image+{"loadingIndicatorSrc":null,"src":"icon.png"},ATTACH+1+2+0,ATTACH+2+3+0');
+          'CREATE+2+test-cmp+{},CREATE+3+native-image+{"loadingIndicatorSrc":null,"src":[{"uri":"icon.png"}]},ATTACH+1+2+0,ATTACH+2+3+0');
       });
   })));