radon-select - npm Package Compare versions

Comparing version 2.0.2 to 3.0.0

lib/select.js

@@ -6,2 +6,4 @@ 'use strict';
 var assign = require('object-assign');
+var PropTypes = require('prop-types');
+var createReactClass = require('create-react-class');
 
@@ -28,3 +30,3 @@ var keyboard = {
 
-var classBase = React.createClass({
+var classBase = createReactClass({
   displayName: 'RadonSelect',
@@ -43,22 +45,22 @@ propTypes: {
     },
-    selectName: React.PropTypes.string.isRequired,
-    defaultValue: React.PropTypes.string,
-    ariaLabel: React.PropTypes.string,
-    placeholderText: React.PropTypes.string,
-    typeaheadDelay: React.PropTypes.number,
-    showCurrentOptionWhenOpen: React.PropTypes.bool,
-    disabled: React.PropTypes.bool,
-    onChange: React.PropTypes.func,
-    onBlur: React.PropTypes.func,
+    selectName: PropTypes.string.isRequired,
+    defaultValue: PropTypes.string,
+    ariaLabel: PropTypes.string,
+    placeholderText: PropTypes.string,
+    typeaheadDelay: PropTypes.number,
+    showCurrentOptionWhenOpen: PropTypes.bool,
+    disabled: PropTypes.bool,
+    onChange: PropTypes.func,
+    onBlur: PropTypes.func,
     // Should there just be a baseClassName that these are derived from?
-    className: React.PropTypes.string,
-    openClassName: React.PropTypes.string,
-    focusClassName: React.PropTypes.string,
-    listClassName: React.PropTypes.string,
-    disabledClassName: React.PropTypes.string,
-    currentOptionClassName: React.PropTypes.string,
-    hiddenSelectClassName: React.PropTypes.string,
-    currentOptionStyle: React.PropTypes.object,
-    optionListStyle: React.PropTypes.object,
-    disableUpDownAutoRefresh: React.PropTypes.bool
+    className: PropTypes.string,
+    openClassName: PropTypes.string,
+    focusClassName: PropTypes.string,
+    listClassName: PropTypes.string,
+    disabledClassName: PropTypes.string,
+    currentOptionClassName: PropTypes.string,
+    hiddenSelectClassName: PropTypes.string,
+    currentOptionStyle: PropTypes.object,
+    optionListStyle: PropTypes.object,
+    disableUpDownAutoRefresh: PropTypes.bool
   },
@@ -267,3 +269,3 @@ getDefaultProps: function getDefaultProps() {
     // Null safety here prevents an iOS-specific bug preventing selection of options
-    ev ? ev.preventDefault() : null;
+    ev ? ev.preventDefault() : null; // eslint-disable-line no-unused-expressions
 
@@ -410,10 +412,10 @@ this.setState({
 
-classBase.Option = React.createClass({
+classBase.Option = createReactClass({
   displayName: 'RadonSelectOption',
   propTypes: {
     // TODO: Disabled
-    value: React.PropTypes.string.isRequired,
-    children: React.PropTypes.oneOfType([React.PropTypes.node, React.PropTypes.string]).isRequired,
-    onClick: React.PropTypes.func,
-    automationId: React.PropTypes.string
+    value: PropTypes.string.isRequired,
+    children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
+    onClick: PropTypes.func,
+    automationId: PropTypes.string
   },
@@ -420,0 +422,0 @@ getDefaultProps: function getDefaultProps() {

package.json

 {
   "name": "radon-select",
-  "version": "2.0.2",
+  "version": "3.0.0",
   "description": "React select box replacement component",
@@ -16,9 +16,10 @@ "main": "index.js",
   "devDependencies": {
+    "babel-cli": "^6.5.1",
     "babel-eslint": "^6.0.2",
     "babel-loader": "^6.2.4",
-    "babel-cli": "^6.5.1",
+    "babel-polyfill": "^6.26.0",
     "babel-preset-es2015": "^6.0.0",
     "babel-preset-react": "^6.0.0",
     "babel-preset-stage-0": "^6.0.0",
-    "chai": "^2.1.2",
+    "chai": "^4.0.2",
     "eslint": "^0.24.1",
@@ -33,3 +34,3 @@ "eslint-plugin-react": "^2.7.0",
     "karma-mocha-reporter": "^1.1.1",
-    "karma-phantomjs-launcher": "^0.2.1",
+    "karma-phantomjs-launcher": "^1.0.4",
     "karma-phantomjs-shim": "^1.1.1",
@@ -40,7 +41,6 @@ "karma-script-launcher": "^0.1.0",
     "mocha": "^2.2.1",
-    "phantomjs": "^1.9.18",
-    "react": "^0.14.7",
-    "react-addons-test-utils": "^0.14.0",
-    "react-dom": "^0.14.7",
-    "sinon": "^1.14.1",
+    "phantomjs-prebuilt": "^2.1.16",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
+    "sinon": "^4.0.0",
     "sinon-chai": "^2.7.0",
@@ -52,5 +52,7 @@ "webpack": "^1.5.3",
     "babel-core": "^6.7.4",
+    "create-react-class": "^15.6.2",
     "object-assign": "^4.0.0",
+    "prop-types": "^15.6.0",
     "rimraf": "^2.4.1"
   }
 }

src/select.jsx

@@ -5,2 +5,4 @@ 'use strict';
 var assign = require('object-assign');
+var PropTypes = require('prop-types');
+var createReactClass = require('create-react-class');
 
@@ -27,3 +29,3 @@ var keyboard = {
 
-var classBase = React.createClass({
+var classBase = createReactClass({
   displayName: 'RadonSelect',
@@ -42,22 +44,22 @@ propTypes: {
     },
-    selectName: React.PropTypes.string.isRequired,
-    defaultValue: React.PropTypes.string,
-    ariaLabel: React.PropTypes.string,
-    placeholderText: React.PropTypes.string,
-    typeaheadDelay: React.PropTypes.number,
-    showCurrentOptionWhenOpen: React.PropTypes.bool,
-    disabled: React.PropTypes.bool,
-    onChange: React.PropTypes.func,
-    onBlur: React.PropTypes.func,
+    selectName: PropTypes.string.isRequired,
+    defaultValue: PropTypes.string,
+    ariaLabel: PropTypes.string,
+    placeholderText: PropTypes.string,
+    typeaheadDelay: PropTypes.number,
+    showCurrentOptionWhenOpen: PropTypes.bool,
+    disabled: PropTypes.bool,
+    onChange: PropTypes.func,
+    onBlur: PropTypes.func,
     // Should there just be a baseClassName that these are derived from?
-    className: React.PropTypes.string,
-    openClassName: React.PropTypes.string,
-    focusClassName: React.PropTypes.string,
-    listClassName: React.PropTypes.string,
-    disabledClassName: React.PropTypes.string,
-    currentOptionClassName: React.PropTypes.string,
-    hiddenSelectClassName: React.PropTypes.string,
-    currentOptionStyle: React.PropTypes.object,
-    optionListStyle: React.PropTypes.object,
-    disableUpDownAutoRefresh: React.PropTypes.bool
+    className: PropTypes.string,
+    openClassName: PropTypes.string,
+    focusClassName: PropTypes.string,
+    listClassName: PropTypes.string,
+    disabledClassName: PropTypes.string,
+    currentOptionClassName: PropTypes.string,
+    hiddenSelectClassName: PropTypes.string,
+    currentOptionStyle: PropTypes.object,
+    optionListStyle: PropTypes.object,
+    disableUpDownAutoRefresh: PropTypes.bool
   },
@@ -271,3 +273,3 @@ getDefaultProps () {
     // Null safety here prevents an iOS-specific bug preventing selection of options
-    ev ? ev.preventDefault() : null;
+    ev ? ev.preventDefault() : null; // eslint-disable-line no-unused-expressions
 
@@ -324,3 +326,3 @@ this.setState({
   },
-  focus(ref) {
+  focus (ref) {
     ReactDOM.findDOMNode(ref).focus();
@@ -409,10 +411,10 @@ },
 
-classBase.Option = React.createClass({
+classBase.Option = createReactClass({
   displayName: 'RadonSelectOption',
   propTypes: {
     // TODO: Disabled
-    value: React.PropTypes.string.isRequired,
-    children: React.PropTypes.oneOfType([React.PropTypes.node, React.PropTypes.string]).isRequired,
-    onClick: React.PropTypes.func,
-    automationId: React.PropTypes.string
+    value: PropTypes.string.isRequired,
+    children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
+    onClick: PropTypes.func,
+    automationId: PropTypes.string
   },
@@ -419,0 +421,0 @@ getDefaultProps () {

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

30534

decreased by-26.12%

Dependency count

5

increased by66.67%

Number of package files

5

decreased by-66.67%

Lines of code

853

decreased by-25.95%

Dependency changes

• + Addedcreate-react-class@^15.6.2

• + Addedprop-types@^15.6.0

• + Addedcreate-react-class@15.7.0(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedreact-is@16.13.1(transitive)