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');
  });
  })));