Merge remote-tracking branch 'origin/master'

Author: selsamman

PROPS.md

@@ -41,6 +41,7 @@
 | `inputStyle`            | Input Style (Text number at middle)                                                                                            | Object           |                  | Could overwrite other props                      |
 | `inputProps`            | Customized TextInput Component props                                                                                           | Object           | `null`           |                                                  |
 | `leftButtonProps`       | Customized left button (Touchable Component) props                                                                             | Object           | `null`           |                                                  |
+| `longStep`              | Value to increment or decrement the current spinner value `onLongPress`                                                        | String<br>Number | `step`           |
 | `maxLength`             | Limits the maximum number of characters that can be entered.                                                                   | Number           |                  |                                                  |
 | `max`                   | Max number permitted                                                                                                           | String<br>Number | `null`           |                                                  |
 | `min`                   | Min value permitted                                                                                                            | String<br>Number | `0`              |                                                  |

src/InputSpinner.js

@@ -112,7 +112,6 @@ class InputSpinner extends Component {
 			}
 			this.setState({longStep: spinnerLongStep});
 		}
-
 	}
 
 	/**
@@ -563,12 +562,21 @@ class InputSpinner extends Component {
 
 	/**
 	 * Increase
+	 * @param event
+	 * @param isLongPress
+	 * @returns {Promise<void>}
 	 */
-	async increase(event) {
+	async increase(event, isLongPress = false) {
 		if (this._isDisabledButtonRight()) return;
 		let currentValue = this._parseNum(this.state.value);
-		let num = currentValue + this._parseNum((!event && this.state.longStep > 0) ? this.state.longStep : this.state.step);
-		if (!event && this.state.longStep > 0) {
+		let num =
+			currentValue +
+			this._parseNum(
+				isLongPress && this.state.longStep > 0
+					? this.state.longStep
+					: this.state.step,
+			);
+		if (isLongPress && this.state.longStep > 0) {
 			num = Math.round(num / this.state.longStep) * this.state.longStep;
 		}
 		if (this.isTypeDecimal()) {
@@ -601,18 +609,30 @@ class InputSpinner extends Component {
 			this.onLongPress(num);
 		}
 
-		this.increaseTimer = setTimeout(this.increase.bind(this), wait);
+		this.increaseTimer = setTimeout(
+			this.increase.bind(this, event, true),
+			wait,
+		);
 		this.onChange(num, true);
 	}
 
 	/**
 	 * Decrease
+	 * @param event
+	 * @param isLongPress
+	 * @returns {Promise<void>}
 	 */
-	async decrease(event) {
+	async decrease(event, isLongPress = false) {
 		if (this._isDisabledButtonLeft()) return;
 		let currentValue = this._parseNum(this.state.value);
-		let num = currentValue - this._parseNum((!event && this.state.longStep > 0) ? this.state.longStep : this.state.step);
-		if (!event && this.state.longStep > 0) {
+		let num =
+			currentValue -
+			this._parseNum(
+				isLongPress && this.state.longStep > 0
+					? this.state.longStep
+					: this.state.step,
+			);
+		if (isLongPress && this.state.longStep > 0) {
 			num = Math.round(num / this.state.longStep) * this.state.longStep;
 		}
 		if (this.isTypeDecimal()) {
@@ -645,7 +665,10 @@ class InputSpinner extends Component {
 			this.onLongPress(num);
 		}
 
-		this.decreaseTimer = setTimeout(this.decrease.bind(this), wait);
+		this.decreaseTimer = setTimeout(
+			this.decrease.bind(this, event, true),
+			wait,
+		);
 		this.onChange(num, true);
 	}
 

src/index.d.ts

@@ -8,6 +8,7 @@ export interface ReactNativeInputSpinnerProps {
 	value?: string | number;
 	initialValue?: string | number;
 	step?: string | number;
+	longStep?: string | number;
 	precision?: number;
 	shadow?: boolean;
 	rounded?: boolean;