sh-input-email - npm Package Compare versions

Comparing version 0.2.0 to 0.3.0

bin/sh-input-email.js

@@ -103,2 +103,4 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	
+	__webpack_require__(/*! ./sh-input-email.scss */ 5);
+	
 	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
@@ -116,4 +118,2 @@
 	
-	__webpack_require__(/*! ./sh-input-email.scss */ 5);
-	
 	var ShInputEmail = function (_React$Component) {
@@ -218,4 +218,3 @@ _inherits(ShInputEmail, _React$Component);
 	            var step2 = step1[1].split('.');
-	            //noinspection RedundantIfStatementJS
-	            if (_.compact(step2).length != 2) {
+	            if (_.compact(step2).length < 2) {
 	                return false;
@@ -627,3 +626,3 @@ }
 	// module
-	exports.push([module.id, ".sh-input-email {\n  display: inline-block;\n  height: 50px;\n  width: 100%; }\n  .sh-input-email.empty input {\n    background: rgba(255, 255, 255, 0.1); }\n  .sh-input-email.sh-invalid.sh-touched input {\n    border: 1px solid #b25245; }\n  .sh-input-email label {\n    position: relative;\n    display: block;\n    height: 50px;\n    width: 100%; }\n  .sh-input-email .label {\n    position: absolute;\n    top: 5px;\n    left: 5px;\n    right: 5px;\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.4);\n    text-transform: uppercase;\n    z-index: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis; }\n  .sh-input-email .required-label {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.2);\n    text-transform: uppercase;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out; }\n    .sh-input-email .required-label.display {\n      opacity: 1; }\n  .sh-input-email input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    padding: 25px 5px 5px 5px;\n    color: white;\n    border: 1px solid transparent;\n    border-radius: 2px;\n    background: transparent;\n    transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out;\n    outline: 0; }\n    .sh-input-email input:focus {\n      -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px rgba(255, 255, 255, 0.6);\n      box-shadow: inset 0 1px 1px transparent, 0 0 5px rgba(255, 255, 255, 0.6); }\n    .sh-input-email input:hover {\n      background: rgba(255, 255, 255, 0.1); }\n    .sh-input-email input::-moz-placeholder {\n      color: #3ab676;\n      font-weight: 700;\n      opacity: 1; }\n    .sh-input-email input:-ms-input-placeholder {\n      color: #3ab676;\n      font-weight: 700;\n      opacity: 1; }\n    .sh-input-email input::-webkit-input-placeholder {\n      color: #3ab676;\n      font-weight: 700;\n      opacity: 1; }\n", ""]);
+	exports.push([module.id, ".sh-input-email {\n  display: inline-block;\n  height: 50px;\n  width: 100%; }\n  .sh-input-email.empty input {\n    background: rgba(255, 255, 255, 0.1); }\n  .sh-input-email.sh-invalid.sh-touched input {\n    border: 1px solid #b25245; }\n  .sh-input-email label {\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    border-radius: 2px;\n    position: relative;\n    display: block;\n    height: 50px;\n    width: 100%; }\n  .sh-input-email .label {\n    position: absolute;\n    top: 5px;\n    left: 5px;\n    right: 5px;\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.4);\n    text-transform: uppercase;\n    z-index: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis; }\n  .sh-input-email .required-label {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.2);\n    text-transform: uppercase;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity 0.5s ease-in-out; }\n    .sh-input-email .required-label.display {\n      opacity: 1; }\n  .sh-input-email input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    padding: 25px 5px 5px 5px;\n    color: white;\n    border: 1px solid transparent;\n    border-radius: 2px;\n    background: transparent;\n    transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out;\n    outline: 0; }\n    .sh-input-email input:focus {\n      -webkit-box-shadow: inset 0 1px 1px transparent, 0 0 5px rgba(255, 255, 255, 0.6);\n      box-shadow: inset 0 1px 1px transparent, 0 0 5px rgba(255, 255, 255, 0.6); }\n    .sh-input-email input:hover {\n      background: rgba(255, 255, 255, 0.1); }\n    .sh-input-email input::-moz-placeholder {\n      color: #3ab676;\n      font-weight: 700;\n      opacity: 1; }\n    .sh-input-email input:-ms-input-placeholder {\n      color: #3ab676;\n      font-weight: 700;\n      opacity: 1; }\n    .sh-input-email input::-webkit-input-placeholder {\n      color: #3ab676;\n      font-weight: 700;\n      opacity: 1; }\n", ""]);
 	
@@ -630,0 +629,0 @@ // exports

package.json

 {
   "name": "sh-input-email",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Email input box superhero theme",
@@ -5,0 +5,0 @@ "main": "bin/sh-input-email.js",

src/sh-input-email.js

@@ -5,3 +5,3 @@ import React from 'react';
 
-require('./sh-input-email.scss');
+import './sh-input-email.scss';
 
@@ -84,5 +84,5 @@ class ShInputEmail extends React.Component {
     isValidEmail(email = '') {
-        var step0 = (email || '').toString();
+        let step0 = (email || '').toString();
 
-        var step1 = step0.split('@');
+        let step1 = step0.split('@');
         if (_.compact(step1).length != 2) {
@@ -92,5 +92,4 @@ return false;
 
-        var step2 = step1[1].split('.');
-        //noinspection RedundantIfStatementJS
-        if (_.compact(step2).length != 2) {
+        let step2 = step1[1].split('.');
+        if (_.compact(step2).length < 2) {
             return false;
@@ -97,0 +96,0 @@ }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

97745

increased by0.08%

Number of package files

19

increased by11.76%

Worsened metrics

Lines of code

1340

decreased by-0.15%

No dependency changes