From 16d12e16137e1f97e267a5ee4e98f0d1ae76ff28 Mon Sep 17 00:00:00 2001
From: Martin Folkeseth <martin.folkeseth@gmail.com>
Date: Tue, 16 Jan 2018 19:12:38 +0100
Subject: [PATCH 1/2] Update RangeControl to render number optinally

---
 .../inspector-controls/range-control/index.js | 25 +++++++++++++------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/blocks/inspector-controls/range-control/index.js b/blocks/inspector-controls/range-control/index.js
index 46b6e0ff1401da..265d6e773c01fa 100644
--- a/blocks/inspector-controls/range-control/index.js
+++ b/blocks/inspector-controls/range-control/index.js
@@ -10,10 +10,25 @@ import { __ } from '@wordpress/i18n';
 import BaseControl from './../base-control';
 import './style.scss';
 
-function RangeControl( { label, value, instanceId, onChange, beforeIcon, afterIcon, help, allowReset, ...props } ) {
+function RangeControl( { label, value, instanceId, onChange, beforeIcon, afterIcon, help, allowReset, showNumber=true, ...props } ) {
 	const id = 'inspector-range-control-' + instanceId;
 	const onChangeValue = ( event ) => onChange( Number( event.target.value ) );
 
+  function renderNumber() {
+    if(!showNumber) {
+      return null
+    }
+    return (
+      <input
+        className="blocks-range-control__number"
+        type="number"
+        onChange={ onChangeValue }
+        value={ value }
+        { ...props }
+      />
+    )
+  }
+
 	return (
 		<BaseControl label={ label } id={ id } help={ help } className="blocks-range-control">
 			{ beforeIcon && <Dashicon icon={ beforeIcon } size={ 20 } /> }
@@ -26,13 +41,7 @@ function RangeControl( { label, value, instanceId, onChange, beforeIcon, afterIc
 				aria-describedby={ !! help ? id + '__help' : undefined }
 				{ ...props } />
 			{ afterIcon && <Dashicon icon={ afterIcon } /> }
-			<input
-				className="blocks-range-control__number"
-				type="number"
-				onChange={ onChangeValue }
-				value={ value }
-				{ ...props }
-			/>
+			{renderNumber()}
 			{ allowReset &&
 				<Button onClick={ () => onChange() } disabled={ value === undefined }>
 					{ __( 'Reset' ) }

From 05dcecc746b81b1d1eef44f52326f0b503d860ba Mon Sep 17 00:00:00 2001
From: Martin Folkeseth <martin.folkeseth@gmail.com>
Date: Tue, 16 Jan 2018 19:21:29 +0100
Subject: [PATCH 2/2] fixed linting

---
 .../inspector-controls/range-control/index.js | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/blocks/inspector-controls/range-control/index.js b/blocks/inspector-controls/range-control/index.js
index 265d6e773c01fa..2f4b313f0ef177 100644
--- a/blocks/inspector-controls/range-control/index.js
+++ b/blocks/inspector-controls/range-control/index.js
@@ -10,24 +10,24 @@ import { __ } from '@wordpress/i18n';
 import BaseControl from './../base-control';
 import './style.scss';
 
-function RangeControl( { label, value, instanceId, onChange, beforeIcon, afterIcon, help, allowReset, showNumber=true, ...props } ) {
+function RangeControl( { label, value, instanceId, onChange, beforeIcon, afterIcon, help, allowReset, showNumber = true, ...props } ) {
 	const id = 'inspector-range-control-' + instanceId;
 	const onChangeValue = ( event ) => onChange( Number( event.target.value ) );
 
-  function renderNumber() {
-    if(!showNumber) {
-      return null
-    }
-    return (
-      <input
-        className="blocks-range-control__number"
-        type="number"
-        onChange={ onChangeValue }
-        value={ value }
-        { ...props }
-      />
-    )
-  }
+	function renderNumber() {
+		if ( ! showNumber ) {
+			return null;
+		}
+		return (
+			<input
+				className="blocks-range-control__number"
+				type="number"
+				onChange={ onChangeValue }
+				value={ value }
+				{ ...props }
+			/>
+		);
+	}
 
 	return (
 		<BaseControl label={ label } id={ id } help={ help } className="blocks-range-control">
@@ -41,7 +41,7 @@ function RangeControl( { label, value, instanceId, onChange, beforeIcon, afterIc
 				aria-describedby={ !! help ? id + '__help' : undefined }
 				{ ...props } />
 			{ afterIcon && <Dashicon icon={ afterIcon } /> }
-			{renderNumber()}
+			{ renderNumber() }
 			{ allowReset &&
 				<Button onClick={ () => onChange() } disabled={ value === undefined }>
 					{ __( 'Reset' ) }