[CAB-6032] Upgrade Realm and all other necessary libraries to support

lib/Button.js

@@ -1,6 +1,7 @@
-import React, {Component} from "react";
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import {ActivityIndicator, View, Text, TouchableNativeFeedback, Platform, ViewPropTypes} from "react-native";
+import { ActivityIndicator, View, Text, TouchableNativeFeedback, Platform, TextStyle } from 'react-native';
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import Ripple from './polyfill/Ripple';
 import { TYPO, PRIMARY, THEME_NAME, PRIMARY_COLORS } from './config';
 import { getColor, isCompatible } from './helpers';
@@ -21,9 +22,9 @@ export default class Button extends Component {
         activityIndicatorColor: PropTypes.string,
         raised: PropTypes.bool,
         styles: PropTypes.shape({
-            button:   ViewPropTypes.style,
+            button: ViewPropTypes.style,
             disabled: ViewPropTypes.style,
-            text:     Text.propTypes.style
+            text: PropTypes.shape(TextStyle)
         }),
         onPress: PropTypes.func,
         onLongPress: PropTypes.func,
@@ -37,7 +38,7 @@ export default class Button extends Component {
         raised: false,
         activityIndicatorColor: 'black',
         styles: {
-            disabled: {opacity: 0.5}
+            disabled: { opacity: 0.5 }
         }
     };
 

lib/Card/index.js

@@ -1,6 +1,7 @@
 import React, {Component} from "react";
 import PropTypes from 'prop-types';
-import {View, TouchableNativeFeedback, ViewPropTypes} from "react-native";
+import { View, TouchableNativeFeedback } from "react-native";
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import Ripple from '../polyfill/Ripple';
 import { getColor, isCompatible } from '../helpers';
 

lib/Divider.js

@@ -1,6 +1,7 @@
-import React, {Component} from "react";
+import React, { Component } from "react";
 import PropTypes from 'prop-types';
-import {View, ViewPropTypes} from "react-native";
+import { View } from "react-native";
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { THEME_NAME } from './config';
 
 export default class Divider extends Component {

lib/Icon.js

@@ -1,6 +1,6 @@
 import React, {Component} from "react";
 import PropTypes from 'prop-types';
-import {View, ViewPropTypes} from "react-native";
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { getColor } from './helpers';
 import VectorIconComponent from './VectorIconComponent';
 

lib/Toolbar.js

@@ -1,6 +1,7 @@
-import React, {Component} from "react";
+import React, { Component } from "react";
 import PropTypes from 'prop-types';
-import {View, Text, ViewPropTypes} from "react-native";
+import { View, Text } from "react-native";
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import { TYPO, PRIMARY, THEME_NAME, PRIMARY_COLORS } from './config';
 import { getColor } from './helpers';
 import Icon from './Icon';

lib/polyfill/Ripple.js

@@ -1,7 +1,7 @@
 import React, {Component} from "react";
 import PropTypes from 'prop-types';
-import {View, Animated, TouchableOpacity, Platform, ViewPropTypes} from "react-native";
-
+import {View, Animated, TouchableOpacity, Platform } from "react-native";
+import { ViewPropTypes } from 'deprecated-react-native-prop-types';
 import elevationPolyfill from './Elevation';
 
 export default class Ripple extends Component {

package.json

@@ -41,7 +41,8 @@
   },
   "dependencies": {
     "react-native-material-design-styles": "git+https://github.com/react-native-material-design/react-native-material-design-styles.git",
-    "react-native-vector-icons": "^4.4.2"
+    "react-native-vector-icons": "^4.4.2",
+    "deprecated-react-native-prop-types": "2.3.0"
   },
   "description": "React Native Material Design Components",
   "devDependencies": {