From 407ccca8e9c55c5005c6ea16f20d3d00c2004cf9 Mon Sep 17 00:00:00 2001
From: Avior <github@avior.me>
Date: Fri, 13 May 2022 12:11:57 +0200
Subject: [PATCH] fix: Allow to disable automatic icons

Signed-off-by: Avior <github@avior.me>
---
 src/Input/index.tsx | 38 +++++++++++++++++++++++---------------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/Input/index.tsx b/src/Input/index.tsx
index 71d88eb..c5a6a3b 100644
--- a/src/Input/index.tsx
+++ b/src/Input/index.tsx
@@ -48,6 +48,11 @@ interface Props extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLIn
 	 * if enabled value will not be sent if it is not contained in the choices
 	 */
 	strictChoices?: boolean
+
+	/**
+	 * Allows you to disable automatic icons
+	 */
+	disableAutoIcons?: boolean
 }
 
 interface States {
@@ -181,20 +186,22 @@ export default class Input extends React.PureComponent<Props, States> {
 				break
 			case 'number':
 				baseProps.onWheel = (ev: React.WheelEvent<HTMLInputElement>) => ev.currentTarget.blur()
-				iconLeft = this.props.iconLeft ?? {icon: MinusSquare, transformer: (v) => {
-					let value = parseFloat(v)
-					if (isNaN(value)) {
-						value = 0
-					}
-					return (value - this.ensureNumber(this.props.step, 1)).toString()
-				}}
-				iconRight = this.props.iconRight ?? {icon: PlusSquare, transformer: (v) => {
-					let value = parseFloat(v)
-					if (isNaN(value)) {
-						value = 0
-					}
-					return (value + this.ensureNumber(this.props.step, 1)).toString()
-				}}
+				if (!this.props.disabled && !this.props.disableAutoIcons) {
+					iconLeft = this.props.iconLeft ?? {icon: MinusSquare, transformer: (v) => {
+						let value = parseFloat(v)
+						if (isNaN(value)) {
+							value = 0
+						}
+						return (value - this.ensureNumber(this.props.step, 1)).toString()
+					}}
+					iconRight = this.props.iconRight ?? {icon: PlusSquare, transformer: (v) => {
+						let value = parseFloat(v)
+						if (isNaN(value)) {
+							value = 0
+						}
+						return (value + this.ensureNumber(this.props.step, 1)).toString()
+					}}
+				}
 			default:
 				input = <input
 					{...props}
@@ -223,7 +230,7 @@ export default class Input extends React.PureComponent<Props, States> {
 				{/* Right Icon */}
 				{iconRight ?
 					this.getIcon(iconRight, 'right') :
-					(this.props.choices && !this.props.disabled) && (
+					(this.props.choices && !this.props.disabled && !this.props.disableAutoIcons) && (
 						<ChevronDown size="18" className={buildClassName(css.right, css.rotate)} />
 					)
 				}
@@ -316,6 +323,7 @@ export default class Input extends React.PureComponent<Props, States> {
 
 		if ('icon' in Icon) {
 			return <Icon.icon size="18" className={buildClassName(css[position], css.iconClickable)} onClick={async () => {
+				if (this.props.disabled) {return}
 				const value = Icon.transformer(this.state.value ?? this.state.displayedValue ?? '')
 				this.setState({ value: value, displayedValue: value, valueUpdate: true })
 			}} />