@the-control-group/ui - npm Package Compare versions

Comparing version 1.7.3 to 1.7.5

lib/elements/Button/Button.js

@@ -21,5 +21,7 @@ /**
 	secondary,
+	tertiary,
+	plain,
 	...other
 }) => {
-	const style = outline ? 'outline' : bare ? 'bare' : 'standard';
+	const style = outline ? 'outline' : bare ? 'bare' : plain ? '' : 'standard';
 
@@ -29,3 +31,3 @@ const combinedClasses = classNames(
 		other.classes,
-		secondary ? 'secondary' : 'primary',
+		secondary ? 'secondary' : tertiary ? 'tertiary' : plain ? '' : 'primary',
 		style,
@@ -69,5 +71,9 @@ mini && 'mini',
 	/** Secondary button styles */
-	secondary: PropTypes.bool
+	secondary: PropTypes.bool,
+	/** Tertiary button styles */
+	tertiary: PropTypes.bool,
+	/* No styles */
+	plain: PropTypes.bool
 };
 
 export default Button;

lib/elements/Input/Input.js

@@ -66,3 +66,3 @@ /**
 							Object.keys(options).map((keyName, keyIndex) =>
-								<option key={keyIndex} value={keyName}>{options[keyName]}</option>
+								<option key={keyIndex} value={keyName} disabled={keyName.includes('disabled')}>{options[keyName]}</option>
 							)
@@ -69,0 +69,0 @@ )}

lib/elements/ProgressBar/ProgressBar.js

@@ -32,3 +32,5 @@ /**
 		this.state = {
-			percentage: 0
+			percentage: 0,
+			pressedKKey: false,
+			pressedControlKey: false
 		};
@@ -40,2 +42,4 @@
 		this.startSegmentBar = this.startSegmentBar.bind(this);
+		this.skipProgressBar = this.skipProgressBar.bind(this);
+		this.handleKeyDown = this.handleKeyDown.bind(this);
 		this.interval = null;
@@ -48,2 +52,4 @@ }
 		}
+
+		window.addEventListener('keydown', this.handleKeyDown);
 	}
@@ -53,2 +59,3 @@
 		clearInterval(this.interval);
+		window.removeEventListener('keydown', this.handleKeyDown);
 	}
@@ -117,2 +124,27 @@
 
+	handleKeyDown(event) {
+		if(event.key === 'Control') {
+			this.setState({
+				pressedControlKey: true
+			}, this.skipProgressBar);
+		}
+
+		if(event.key === 'k') {
+			this.setState({
+				pressedKKey: true
+			}, this.skipProgressBar);
+		}
+	}
+
+	skipProgressBar() {
+		if(this.state.pressedKKey && this.state.pressedControlKey) {
+			this.setState({
+				percentage: 100
+			}, () => {
+				clearInterval(this.interval);
+				setTimeout(this.props.onComplete, this.props.completeDelay);
+			});
+		}
+	}
+
 	render() {
@@ -119,0 +151,0 @@ return (

package.json

 {
 	"name": "@the-control-group/ui",
-	"version": "1.7.2",
-	"version": "1.7.3",
+	"version": "1.7.5",
 	"description": "UI kit based on ReactJS for TCG projects",
@@ -6,0 +5,0 @@ "main": "lib/index.js",

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

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

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

Improved metrics

Total package byte prevSize

74285

increased by3.72%

Lines of code

1529

increased by2.27%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes