cpr-select - npm Package Compare versions

Comparing version 1.4.3 to 2.0.0-alpha.1

build/cpr-select.js

@@ -6,4 +6,4 @@ /*!
  * license: MIT
- * version: 1.2.5
+ * version: 1.4.3
  */
-!function(e){function t(n){if(s[n])return s[n].exports;var i=s[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var s={};return t.m=e,t.c=s,t.p="",t(0)}([function(e,t,s){"use strict";function n(e,t){for(var s,n=!0;n;){n=!1;var i=e,o=t;if(!i)return!1;if(s=i.className.indexOf(o)>-1)return s;e=i.parentElement,t=o,n=!0}}var i=function(e){return e&&e.__esModule?e["default"]:e},o=i(s(1)),l=s(2).findIndex,a="",c=void 0,r=o.createClass({displayName:"CanopySelect",componentWillMount:function(){document.body.addEventListener("click",this.state.close)},componentWillUnmount:function(){document.body.removeEventListener("click",this.state.close)},getInitialState:function(){var e=this,t=null;return this.props.selected&&(t=this.getIndex(this.props.selected)),{dialogDisplayed:!1,top:0,focused:!1,close:function(t){n(t.target,"cp-select-outer")||e.setState({dialogDisplayed:!1,focused:!1})}}},displayDialog:function(e){this.setState({dialogDisplayed:!0})},getIndex:function(e){return l(this.props.options,{key:e})},onKeyDown:function(e){var t=e.which,s=this.state.selectedIndex;9!==t&&e.preventDefault(),13===t?this.selectItem(s):38===t?this.setState({dialogDisplayed:!0,selectedIndex:void 0===s?0:s-1}):40===t?s===this.props.options.length-1?this.setState({dialogDisplayed:!0}):this.setState({dialogDisplayed:!0,selectedIndex:s?s+1:0}):27===t?this.setState({dialogDisplayed:!1}):this.highlightByText(e.which)},triggerItemChange:function(){this.props.onChange&&this.props.onChange.call(null,this.props.options[this.state.selectedIndex].key,this.props.options[this.state.selectedIndex],this.state.selectedIndex)},selectItem:function(e,t){var s=this;setTimeout(function(){s.setState({selectedIndex:e,focused:!0,dialogDisplayed:!1}),setTimeout(s.triggerItemChange)})},positionDialogAndGetTop:function(e,t){var s=e.length-t;return t>5&&6>s?e.length<11?-2+(36*t*-1-10)+"px":(this.positionDialog(t),-215-36*(5-s)+"px"):t>5?(this.positionDialog(t),"-203px"):-1+(36*t*-1-10)+"px"},positionDialog:function(e){var t=this;setTimeout(function(){var s=t.el.querySelector(".cp-select__menu");s&&(s.scrollTop=36*e-192)})},focusSelect:function(){this.state.focused||this.setState({focused:!0})},onBlur:function(){this.setState({focused:!1})},highlightByText:function(e){a+=String.fromCharCode(e);var t=this.getIndexFromString(a);t>-1&&this.selectItem(t),clearTimeout(c),c=setTimeout(function(){a=""},1e3)},getIndexFromString:function(e){var t=this;return e=e.toLowerCase(),l(this.props.options,function(s){return null!==t.getViewValue(s)?0===t.getViewValue(s).toLowerCase().indexOf(e):!1})},getViewValue:function(e){return null===e.value?null:e.value||e},getDialog:function(e,t){var s=this;if(e){var n=function(){var e=s.state.selectedIndex,n=t.map(function(t,n){return o.createElement("li",{key:t.key,className:e===n?"+selected":"",onMouseDown:s.selectItem.bind(s,n)},o.createElement("a",{style:null!==t.value?{}:{color:"rgba(0,0,0,0)"}},null!==t.value?t.value:"null"))});return setTimeout(function(){try{s.el.querySelector(".cp-select__hidden-input").focus()}catch(e){if(-1===e.message.indexOf("Invariant Violation"))throw new Error(e.message)}},100),{v:o.createElement("div",null,o.createElement("ul",{className:"cp-select__menu cps-dropdown-menu",style:{top:s.positionDialogAndGetTop(t,e)}},n))}}();if("object"==typeof n)return n.v}},render:function(){var e="cp-select",t=this.props.options[this.getIndex(this.props.selected)],s=this;return this.props.disabled&&(e+=" +disabled"),this.state.focused&&(e+=" +focus"),o.createElement("div",{ref:function(e){e&&(s.el=e)},className:"cp-select-outer",role:"select"},o.createElement("input",{className:"cp-select__hidden-input",onFocus:this.focusSelect,onBlur:this.onBlur,onKeyDown:this.onKeyDown}),o.createElement("div",{className:e,onClick:this.displayDialog},o.createElement("div",{className:"cp-select__selected"},t?t.value:this.props.placeholder),o.createElement("div",{className:"cp-select__icon"})),this.getDialog(this.state.dialogDisplayed,this.props.options))}});window&&!window.CanopySelect&&(window.CanopySelect=r),e.exports=r},function(e,t,s){e.exports=React},function(e,t,s){e.exports=_}]);
+!function(e){function t(i){if(n[i])return n[i].exports;var s=n[i]={exports:{},id:i,loaded:!1};return e[i].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function i(e,t){for(var n,i=!0;i;){i=!1;var s=e,o=t;if(!s)return!1;if(n=s===o)return n;e=s.parentElement,t=o,i=!0}}var s=function(e){return e&&e.__esModule?e["default"]:e},o=s(n(1)),l=n(2).findIndex,a="",c=void 0,r=o.createClass({displayName:"CanopySelect",componentWillMount:function(){document.body.addEventListener("click",this.state.close)},componentWillUnmount:function(){document.body.removeEventListener("click",this.state.close)},getInitialState:function(){var e=this;return{dialogDisplayed:!1,top:0,focused:!1,close:function(t){i(t.target,e.el)||e.setState({dialogDisplayed:!1,focused:!1})}}},displayDialog:function(e){this.setState({dialogDisplayed:!0})},getIndex:function(e){return l(this.props.options,{key:e})},onKeyDown:function(e){var t=e.which,n=this.state.selectedIndex;9!==t&&e.preventDefault(),13===t?this.selectItem(n):38===t?0>=n?this.setState({dialogDisplayed:!0}):this.setState({dialogDisplayed:!0,selectedIndex:void 0===n?0:n-1}):40===t?n===this.props.options.length-1?this.setState({dialogDisplayed:!0}):this.setState({dialogDisplayed:!0,selectedIndex:n?n+1:0}):27===t?this.setState({dialogDisplayed:!1}):this.highlightByText(e.which)},triggerItemChange:function(){this.props.onChange&&this.props.onChange.call(null,this.props.options[this.state.selectedIndex].key,this.props.options[this.state.selectedIndex],this.state.selectedIndex)},selectItem:function(e,t){var n=this;setTimeout(function(){n.setState({selectedIndex:e,focused:!0,dialogDisplayed:!1}),setTimeout(n.triggerItemChange)})},positionDialogAndGetTop:function(e,t){var n=e.length-t;return t>5&&6>n?e.length<11?-2+(36*t*-1-10)+"px":(this.positionDialog(t),-215-36*(5-n)+"px"):t>5?(this.positionDialog(t),"-203px"):-1+(36*t*-1-10)+"px"},positionDialog:function(e){var t=this;setTimeout(function(){var n=t.el.querySelector(".cp-select__menu");n&&(n.scrollTop=36*e-192)})},focusSelect:function(){this.state.focused||this.setState({focused:!0})},onBlur:function(){this.setState({focused:!1})},highlightByText:function(e){a+=String.fromCharCode(e);var t=this.getIndexFromString(a);t>-1&&this.selectItem(t),clearTimeout(c),c=setTimeout(function(){a=""},1e3)},getIndexFromString:function(e){var t=this;return e=e.toLowerCase(),l(this.props.options,function(n){return null!==t.getViewValue(n)?0===t.getViewValue(n).toLowerCase().indexOf(e):!1})},getViewValue:function(e){return null===e.value?null:e.value||e},getDialog:function(e,t){var n=this;if(e){var i=function(){var e=n.state.selectedIndex,i=t.map(function(t,i){return o.createElement("li",{key:t.key,className:e===i?"+selected":"",onMouseDown:n.selectItem.bind(n,i)},o.createElement("a",{style:null!==t.value?{}:{color:"rgba(0,0,0,0)"}},null!==t.value?t.value:"null"))});return setTimeout(function(){try{n.el.querySelector(".cp-select__hidden-input").focus()}catch(e){if(-1===e.message.indexOf("Invariant Violation"))throw new Error(e.message)}},100),{v:o.createElement("div",null,o.createElement("ul",{className:"cp-select__menu cps-dropdown-menu",style:{top:n.positionDialogAndGetTop(t,e)}},i))}}();if("object"==typeof i)return i.v}},render:function(){var e="cp-select",t=this.props.options[this.getIndex(this.props.selected)],n=this;return this.props.disabled&&(e+=" +disabled"),this.state.focused&&(e+=" +focus"),o.createElement("div",{ref:function(e){e&&(n.el=e)},className:"cp-select-outer",role:"select"},o.createElement("input",{className:"cp-select__hidden-input",onFocus:this.focusSelect,onBlur:this.onBlur,onKeyDown:this.onKeyDown}),o.createElement("div",{className:e,onClick:this.displayDialog},o.createElement("div",{className:"cp-select__selected"},t?t.value:this.props.placeholder),o.createElement("div",{className:"cp-select__icon"})),this.getDialog(this.state.dialogDisplayed,this.props.options))}});"undefined"!=typeof window&&window&&!window.CanopySelect&&(window.CanopySelect=r),e.exports=r},function(e,t,n){e.exports=React},function(e,t,n){e.exports=_}]);

lib/select.spec.js

@@ -17,12 +17,12 @@ 'use strict';
 
-var _reactLibReactTestUtils = require('react/lib/ReactTestUtils');
+var _reactAddonsTestUtils = require('react-addons-test-utils');
 
-var _reactLibReactTestUtils2 = _interopRequireDefault(_reactLibReactTestUtils);
+var _reactAddonsTestUtils2 = _interopRequireDefault(_reactAddonsTestUtils);
 
 describe('select', function () {
 	it('Should render an empty component', function () {
-		var multiSelect = _reactLibReactTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: [] }));
+		var multiSelect = _reactAddonsTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: [] }));
 
-		var hiddenInput = _reactLibReactTestUtils2['default'].scryRenderedDOMComponentsWithTag(multiSelect, 'input');
-		var renderedInput = _reactLibReactTestUtils2['default'].scryRenderedDOMComponentsWithClass(multiSelect, 'cp-select');
+		var hiddenInput = _reactAddonsTestUtils2['default'].scryRenderedDOMComponentsWithTag(multiSelect, 'input');
+		var renderedInput = _reactAddonsTestUtils2['default'].scryRenderedDOMComponentsWithClass(multiSelect, 'cp-select');
 
@@ -34,5 +34,5 @@ expect(hiddenInput.length).toBe(1);
 	it('Should render placeholder', function () {
-		var multiSelect = _reactLibReactTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: [], placeholder: 'Kifak?' }));
+		var multiSelect = _reactAddonsTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: [], placeholder: 'Kifak?' }));
 
-		var selection = _reactLibReactTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select__selected');
+		var selection = _reactAddonsTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select__selected');
 		expect(_reactDom2['default'].findDOMNode(selection).textContent).toEqual('Kifak?');
@@ -53,5 +53,5 @@ });
 
-		var multiSelect = _reactLibReactTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: items, selected: items[1].key }));
+		var multiSelect = _reactAddonsTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: items, selected: items[1].key }));
 
-		var selection = _reactLibReactTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select__selected');
+		var selection = _reactAddonsTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select__selected');
 		expect(_reactDom2['default'].findDOMNode(selection).textContent).toEqual('Alaska');
@@ -72,8 +72,8 @@ });
 
-		var multiSelect = _reactLibReactTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: items }));
+		var multiSelect = _reactAddonsTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: items }));
 
-		var select = _reactLibReactTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select');
-		_reactLibReactTestUtils2['default'].Simulate.click(select);
+		var select = _reactAddonsTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select');
+		_reactAddonsTestUtils2['default'].Simulate.click(select);
 
-		var menu = _reactLibReactTestUtils2['default'].scryRenderedDOMComponentsWithClass(multiSelect, 'cp-select__menu');
+		var menu = _reactAddonsTestUtils2['default'].scryRenderedDOMComponentsWithClass(multiSelect, 'cp-select__menu');
 		expect(menu.length).toBe(1);
@@ -102,8 +102,8 @@ expect(_reactDom2['default'].findDOMNode(menu[0]).querySelectorAll('li').length).toBe(3);
 
-		var multiSelect = _reactLibReactTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: items, onChange: callback }));
+		var multiSelect = _reactAddonsTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: items, onChange: callback }));
 
-		var select = _reactLibReactTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select');
-		_reactLibReactTestUtils2['default'].Simulate.click(select);
+		var select = _reactAddonsTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select');
+		_reactAddonsTestUtils2['default'].Simulate.click(select);
 
-		_reactLibReactTestUtils2['default'].Simulate.mouseDown(_reactDom2['default'].findDOMNode(_reactDom2['default'].findDOMNode(multiSelect).querySelectorAll('li')[2]));
+		_reactAddonsTestUtils2['default'].Simulate.mouseDown(_reactDom2['default'].findDOMNode(_reactDom2['default'].findDOMNode(multiSelect).querySelectorAll('li')[2]));
 	});
@@ -130,13 +130,13 @@
 
-		var multiSelect = _reactLibReactTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: items, onChange: callback }));
+		var multiSelect = _reactAddonsTestUtils2['default'].renderIntoDocument(_react2['default'].createElement(_selectJs2['default'], { options: items, onChange: callback }));
 
-		var select = _reactLibReactTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select');
-		_reactLibReactTestUtils2['default'].Simulate.click(select);
-		var input = _reactLibReactTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select__hidden-input');
-		_reactLibReactTestUtils2['default'].Simulate.keyDown(input, { which: 38 });
-		_reactLibReactTestUtils2['default'].Simulate.keyDown(input, { which: 38 });
-		_reactLibReactTestUtils2['default'].Simulate.keyDown(input, { which: 38 });
-		_reactLibReactTestUtils2['default'].Simulate.keyDown(input, { which: 38 });
-		_reactLibReactTestUtils2['default'].Simulate.keyDown(input, { which: 13 });
+		var select = _reactAddonsTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select');
+		_reactAddonsTestUtils2['default'].Simulate.click(select);
+		var input = _reactAddonsTestUtils2['default'].findRenderedDOMComponentWithClass(multiSelect, 'cp-select__hidden-input');
+		_reactAddonsTestUtils2['default'].Simulate.keyDown(input, { which: 38 });
+		_reactAddonsTestUtils2['default'].Simulate.keyDown(input, { which: 38 });
+		_reactAddonsTestUtils2['default'].Simulate.keyDown(input, { which: 38 });
+		_reactAddonsTestUtils2['default'].Simulate.keyDown(input, { which: 38 });
+		_reactAddonsTestUtils2['default'].Simulate.keyDown(input, { which: 13 });
 	});
 });

package.json

 {
   "name": "cpr-select",
-  "version": "1.4.3",
+  "version": "2.0.0-alpha.1",
   "description": "A consistently styled cross-browser and keyboard friendly select component",
@@ -40,2 +40,3 @@ "main": "lib/select.js",
     "karma-webpack": "1.5.1",
+    "lodash": "^4.17.2",
     "ngmin": "0.5.0",
@@ -45,11 +46,13 @@ "ngmin-webpack-plugin": "0.1.3",
     "phantomjs-polyfill": "0.0.1",
-    "react": "^15.0.0-rc.2",
-    "react-dom": "^15.0.0-rc.2",
+    "react": "^15.4.1",
+    "react-addons-test-utils": "^15.4.1",
+    "react-dom": "^15.4.1",
     "style-loader": "0.8.3",
     "webpack": "1.4.15"
   },
-  "dependencies": {
-    "lodash": "^4.6.1"
+  "dependencies": {},
+  "peerDependencies": {
+    "lodash": ">=1.1.0",
+    "react": "*"
   },
-  "optionalDependencies": {},
   "files": [
@@ -56,0 +59,0 @@ "build",

src/select.spec.js

 import CanopySelect from './select.js';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import TestUtils from 'react/lib/ReactTestUtils';
+import TestUtils from 'react-addons-test-utils';
 
@@ -6,0 +6,0 @@ describe('select', function() {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Install scripts

Supply chain risk

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Shell access

Supply chain risk

This module accesses the system shell. Accessing the system shell increases the risk of executing arbitrary code.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

257597

increased by667.73%

Number of package files

68

increased by580%

Lines of code

5033

increased by499.17%

Worsened metrics

Dependency count

2

increased by100%

Dev dependency count

23

increased by9.52%

Number of low quality alerts

1

increased byInfinity%

Number of high supply chain risk alerts

1

increased byInfinity%

Number of low supply chain risk alerts

39

increased byInfinity%

Number of medium supply chain risk alerts

2

increased byInfinity%

Dependency changes

• + Addedjs-tokens@4.0.0(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedreact@18.3.1(transitive)

• - Removedlodash@^4.6.1