feat: added new props for disable buttons

Added buttonLeftDisabled
Added buttonRightEnabled

Author: marcocesarato

PROPS.md

@@ -10,12 +10,14 @@
 | `background`            | Background color of number button                                   | String           | `transparent`    |                                   |
 | `buttonFontFamily`      | Custom fontFamily of buttons of the Spinner                         | String           | `System Default` |                                   |
 | `buttonFontSize`        | Custom fontSize of buttons of the Spinner                           | Number           | `14`             |                                   |
+| `buttonLeftDisabled`    | Disable left button                                                 |  Boolean         | `false`          |                                   |
 | `buttonLeftImage`       | Custom element on the button left of the spinner                    | Component        |                  |                                   |
 | `buttonLeftText`        | Custom text on the button left of the spinner                       | String           |                  |                                   |
 | `buttonPressLeftImage`  | Custom element on the button left of the spinner on pressed state   | Component        |                  |                                   |
 | `buttonPressRightImage` | Custom element on the button right of the spinner on pressed state  | Component        |                  |                                   |
 | `buttonPressStyle`      | Button Style on Pressed state (Plus and Minus buttons)              | Object           |                  | Could overwrite other props       |
 | `buttonPressTextColor`  | Custom color of the button of the Spinner on Pressed state          | String           | `#FFFFFF`        |                                   |
+| `buttonRightDisabled`   | Disable right button                                                |  Boolean         | `false`          |                                   |
 | `buttonRightImage`      | Custom element on the button right of the spinner                   | Component        |                  |                                   |
 | `buttonRightText`       | Custom text on the button right of the spinner                      | String           |                  |                                   |
 | `buttonStyle`           | Button Style (Plus and Minus buttons)                               | Object           |                  | Could overwrite other props       |

README.md

@@ -167,6 +167,8 @@ Check the "[Props List](PROPS.md)" file to have the complete list of component p
 | `arrows`                | Labels on button will be (< and >) instead of (+ and -)            | Boolean   | `false`        |
 | `rounded`               | Use circular button                                                | Boolean   | `true`         |
 | `activeOpacity`         | Opacity of underlay on pressed button                              | Number    | `0.85`         |
+| `buttonLeftDisabled`    | Disable left button                                                |  Boolean  | `false`        |                             |
+| `buttonRightDisabled`   | Disable right button                                               |  Boolean  | `false`        |                             |
 | `buttonLeftText`        | Custom text on the button left of the spinner                      | String    |                |
 | `buttonRightText`       | Custom text on the button right of the spinner                     | String    |                |
 | `buttonLeftImage`       | Custom element on the button left of the spinner                   | Component |                | Could overwrite other props |

index.js

@@ -191,7 +191,7 @@ class InputSpinner extends Component {
 	 * Increase
 	 */
 	increase() {
-		if (this.props.disabled) return;
+		if (this._isDisabledButtonRight()) return;
 		let num =
 			this.parseNum(this.state.value) + this.parseNum(this.state.step);
 		if (this.props.onIncrease) {
@@ -208,7 +208,7 @@ class InputSpinner extends Component {
 	 * Decrease
 	 */
 	decrease() {
-		if (this.props.disabled) return;
+		if (this._isDisabledButtonLeft()) return;
 		let num =
 			this.parseNum(this.state.value) - this.parseNum(this.state.step);
 		if (this.props.onDecrease) {
@@ -262,6 +262,24 @@ class InputSpinner extends Component {
 		return !this.props.disabled && this.props.editable;
 	}
 
+	/**
+	 * Is left button disabled
+	 * @returns {Boolean}
+	 * @private
+	 */
+	_isDisabledButtonLeft(){
+		return (this.props.disabled || this.props.buttonRightDisabled);
+	}
+
+	/**
+	 * Is right button disabled
+	 * @returns {Boolean}
+	 * @private
+	 */
+	_isDisabledButtonRight(){
+		return (this.props.disabled || this.props.buttonRightDisabled);
+	}
+
 	/**
 	 * Is right button pressed
 	 * @returns {boolean}
@@ -572,6 +590,7 @@ class InputSpinner extends Component {
 				underlayColor={this._getColorPress()}
 				onHideUnderlay={this.onHideUnderlay.bind(this)}
 				onShowUnderlay={this.onShowUnderlay.bind(this, "left")}
+				disabled={this._isDisabledButtonLeft()}
 				style={buttonStyle}
 				onPress={() => this.decrease()}>
 				{this._renderLeftButtonElement()}
@@ -605,6 +624,7 @@ class InputSpinner extends Component {
 				underlayColor={this._getColorPress()}
 				onHideUnderlay={this.onHideUnderlay.bind(this)}
 				onShowUnderlay={this.onShowUnderlay.bind(this, "right")}
+				disabled={this._isDisabledButtonLeft()}
 				style={buttonStyle}
 				onPress={() => this.increase()}>
 				{this._renderRightButtonElement()}
@@ -673,6 +693,8 @@ InputSpinner.propTypes = {
 	onMax: PropTypes.func,
 	onIncrease: PropTypes.func,
 	onDecrease: PropTypes.func,
+	buttonLeftDisabled: PropTypes.bool,
+	buttonRightDisabled: PropTypes.bool,
 	buttonLeftText: PropTypes.string,
 	buttonRightText: PropTypes.string,
 	buttonLeftImage: PropTypes.element,
@@ -714,6 +736,8 @@ InputSpinner.defaultProps = {
 	editable: true,
 	width: 150,
 	height: 50,
+	buttonLeftDisabled: false,
+	buttonRightDisabled: false,
 	buttonLeftText: null,
 	buttonRightText: null,
 	buttonStyle: {},