update entry file & README to fix deprecations

README.md

@@ -9,7 +9,7 @@ A react-native component from displaying tooltip. Uses UIMenuController.
    Files to "Your Project Name"` [(Screenshot)](http://url.brentvatne.ca/jQp8) then [(Screenshot)](http://url.brentvatne.ca/1gqUD).
 3. Add `libRNToolTipMenu.a` to `Build Phases -> Link Binary With Libraries`
    [(Screenshot)](http://url.brentvatne.ca/17Xfe).
-4. Whenever you want to use it within React code: `var ToolTip = require('react-native-tooltip');`
+4. Whenever you want to use it within React code: `import ToolTip from 'react-native-tooltip';`
 
 ## Usage
 
@@ -32,24 +32,26 @@ You can see the list on the react native [website](https://facebook.github.io/re
 ### Example
 
 ```javascript
-var React = require('react-native');
-var {
+import React from 'react';
+import {
   AppRegistry,
   StyleSheet,
   PixelRatio,
   View,
   Text,
-} = React;
+} from 'react-native';
 
-var ToolTip = require('react-native-tooltip');
+import ToolTip from 'react-native-tooltip';
 
-var tooltip = React.createClass({
-  getInitialState: function() {
-    return {
+class tooltip extends React.Component {
+  constructor() {
+    super();
+
+    this.state = {
       input: 'chirag',
-    }
-  },
-  render: function() {
+    };
+  }
+  render() {
     return (
       <View style={styles.container}>
         <View style={styles.textinputContainer}>
@@ -72,7 +74,7 @@ var tooltip = React.createClass({
       </View>
     );
   }
-});
+}
 
 var styles = StyleSheet.create({
   container: {

ToolTip.android.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var warning = require('warning');
+const warning = require('warning');
 
-var ToolTip = {
-  test: function() {
+const ToolTip = {
+  test() {
     warning("Not yet implemented for Android.");
-  }
+  },
 };
 
 module.exports = ToolTip;

ToolTip.ios.js

@@ -1,56 +1,56 @@
 'use strict';
 
-var {
+const {
   requireNativeComponent,
   TouchableHighlight,
   View,
   NativeModules,
   findNodeHandle,
 } = require('react-native');
-var React = require('react');
-var ToolTipMenu = NativeModules.ToolTipMenu;
-var RCTToolTipText = requireNativeComponent('RCTToolTipText', null);
-
-var propTypes = {
-  actions: React.PropTypes.arrayOf(React.PropTypes.shape({
-    text: React.PropTypes.string.isRequired,
-    onPress: React.PropTypes.func,
+const PropTypes = require('prop-types');
+const React = require('react');
+const ToolTipMenu = NativeModules.ToolTipMenu;
+const RCTToolTipText = requireNativeComponent('RCTToolTipText', null);
+
+const propTypes = {
+  actions: PropTypes.arrayOf(PropTypes.shape({
+    text: PropTypes.string.isRequired,
+    onPress: PropTypes.func,
   })),
-  arrowDirection: React.PropTypes.oneOf(['up', 'down', 'left', 'right']),
-  longPress: React.PropTypes.bool,
+  arrowDirection: PropTypes.oneOf(['up', 'down', 'left', 'right']),
+  longPress: PropTypes.bool,
   ...TouchableHighlight.propTypes,
 };
 
-var ViewClass = React.createClass({
-  getDefaultProps: function() {
-    return {
-      arrowDirection: 'down'
-    };
-  },
+class ViewClass extends React.Component {
+  static defaultProps = {
+    arrowDirection: 'down'
+  };
 
-  showMenu: function() {
+  showMenu = () => {
     ToolTipMenu.show(findNodeHandle(this.refs.toolTipText), this.getOptionTexts(), this.props.arrowDirection);
-  },
-  hideMenu: function() {
+  };
+
+  hideMenu = () => {
     ToolTipMenu.hide();
-  },
-  
-  getOptionTexts: function() {
+  };
+
+  getOptionTexts = () => {
     return this.props.actions.map((option) => option.text);
-  },
+  };
 
   // Assuming there is no actions with the same text
-  getCallback: function(optionText) {
+  getCallback = (optionText) => {
     var selectedOption = this.props.actions.find((option) => option.text === optionText);
 
     if (selectedOption) {
       return selectedOption.onPress;
     }
 
     return null;
-  },
+  };
 
-  getTouchableHighlightProps: function() {
+  getTouchableHighlightProps = () => {
     var props = {};
 
     Object.keys(TouchableHighlight.propTypes).forEach((key) => props[key] = this.props[key]);
@@ -62,17 +62,17 @@ var ViewClass = React.createClass({
     }
 
     return props;
-  },
+  };
 
-  handleToolTipTextChange: function(event) {
+  handleToolTipTextChange = (event) => {
     var callback = this.getCallback(event.nativeEvent.text);
 
     if (callback) {
       callback(event);
     }
-  },
+  };
 
-  render: function() {
+  render() {
     return (
       <RCTToolTipText ref='toolTipText' onChange={this.handleToolTipTextChange}>
         <TouchableHighlight
@@ -85,7 +85,7 @@ var ViewClass = React.createClass({
       </RCTToolTipText>
     );
   }
-});
+}
 
 ViewClass.propTypes = propTypes;
 

package.json

@@ -19,5 +19,9 @@
     "react-component",
     "ios",
     "tooltip"
-  ]
+  ],
+  "dependencies": {
+    "create-react-class": "^15.6.2",
+    "prop-types": "^15.6.0"
+  }
 }