diff --git a/package.json b/package.json index b8fcc50..a439ba1 100644 --- a/package.json +++ b/package.json @@ -17,12 +17,13 @@ "react-dom": "^0.14.0 || ^15.0.0" }, "dependencies": { - "radium": "^0.18.1", "color": "^0.10.1", - "css-element-queries": "^0.3.2" + "css-element-queries": "^0.3.2", + "radium": "^0.18.1", + "react": "^15.6.1" }, "devDependencies": { - "babel-cli": "6.1.18", + "babel-cli": "^6.1.18", "babel-preset-es2015": "6.1.18", "babel-preset-react": "6.1.18", "babelify": "^7.2.0", diff --git a/src/index.js b/src/index.js index f0f27ae..39c5477 100644 --- a/src/index.js +++ b/src/index.js @@ -3,6 +3,7 @@ var React = require('react') var ReactDom = require('react-dom') +var PropTypes = require('prop-types'); var Tabs = require('./tabs.js') var renderFunction = require('./functions.js').renderFunction @@ -11,34 +12,34 @@ var ResizeSensor = require('css-element-queries/src/ResizeSensor') module.exports = React.createClass({ displayName: 'tabsNavigationMenu', propTypes: { - banner: React.PropTypes.shape({ // Banner content (optional) - children: React.PropTypes.oneOfType([ // Tab initialy selected - React.PropTypes.func, - React.PropTypes.node + banner: PropTypes.shape({ // Banner content (optional) + children: PropTypes.oneOfType([ // Tab initialy selected + PropTypes.func, + PropTypes.node ]) }), - color: React.PropTypes.string, - fixOffset: React.PropTypes.number, - lineStyle: React.PropTypes.object, - onTabChange: React.PropTypes.func, - selected: React.PropTypes.oneOfType([ // Tab initialy selected - React.PropTypes.string, - React.PropTypes.number + color: PropTypes.string, + fixOffset: PropTypes.number, + lineStyle: PropTypes.object, + onTabChange: PropTypes.func, + selected: PropTypes.oneOfType([ // Tab initialy selected + PropTypes.string, + PropTypes.number ]), - selectedTabStyle: React.PropTypes.object, - tabs: React.PropTypes.arrayOf( - React.PropTypes.shape({ - children: React.PropTypes.oneOfType([ // Tab initialy selected - React.PropTypes.func, - React.PropTypes.node + selectedTabStyle: PropTypes.object, + tabs: PropTypes.arrayOf( + PropTypes.shape({ + children: PropTypes.oneOfType([ // Tab initialy selected + PropTypes.func, + PropTypes.node ]), - displayName: React.PropTypes.string.isRequired + displayName: PropTypes.string.isRequired }) ), - tabsBarClassName: React.PropTypes.string, - tabsBarStyle: React.PropTypes.object, - tabsClassName: React.PropTypes.string, - tabsStyle: React.PropTypes.object + tabsBarClassName: PropTypes.string, + tabsBarStyle: PropTypes.object, + tabsClassName: PropTypes.string, + tabsStyle: PropTypes.object }, getDefaultProps: function () { return { diff --git a/src/tabs.js b/src/tabs.js index 53db633..95abcfe 100644 --- a/src/tabs.js +++ b/src/tabs.js @@ -5,6 +5,7 @@ var Color = require('color') var Radium = require('radium') var React = require('react') var ReactDom = require('react-dom') +var PropTypes = require('prop-types'); var tabKeyMixin = require('./tabsKeyboardNavigationMixin.js') @@ -48,19 +49,19 @@ const defaultStyles = { module.exports = Radium(React.createClass({ displayName: 'tabsNavigationMenu__tabs', propTypes: { - clic: React.PropTypes.func, - color: React.PropTypes.string, - elements: React.PropTypes.arrayOf(React.PropTypes.string), - fixOffset: React.PropTypes.number, - lineStyle: React.PropTypes.object, - selected: React.PropTypes.number, - selectedTabStyle: React.PropTypes.object, - tabsBarClassName: React.PropTypes.string, - tabsBarStyle: React.PropTypes.object, - tabsClassName: React.PropTypes.string, - tabsContainer: React.PropTypes.any, - tabsStyle: React.PropTypes.object, - widthB: React.PropTypes.number + clic: PropTypes.func, + color: PropTypes.string, + elements: PropTypes.arrayOf(PropTypes.string), + fixOffset: PropTypes.number, + lineStyle: PropTypes.object, + selected: PropTypes.number, + selectedTabStyle: PropTypes.object, + tabsBarClassName: PropTypes.string, + tabsBarStyle: PropTypes.object, + tabsClassName: PropTypes.string, + tabsContainer: PropTypes.any, + tabsStyle: PropTypes.object, + widthB: PropTypes.number }, mixins: [tabKeyMixin], getDefaultProps: function () {