From 2c028c02ae55f6668129cb58cfa9dfadc92e3d87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20Feje=C5=A1?= <ns.fejes.stefan@gmail.com>
Date: Wed, 12 Dec 2018 10:47:23 +0100
Subject: [PATCH 1/4] update input to use destructuring

---
 snippets/Input.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/snippets/Input.md b/snippets/Input.md
index aab046860..91c14c452 100644
--- a/snippets/Input.md
+++ b/snippets/Input.md
@@ -8,12 +8,12 @@ Render an `<input>` element with the appropriate attributes and use the `callbac
 ```jsx
 function Input ({ callback, type = 'text', disabled = false, readOnly = false, placeholder = '' }) {
   return (
-    <input 
-      type={type} 
-      disabled={disabled} 
-      readOnly={readOnly} 
+    <input
+      type={type}
+      disabled={disabled}
+      readOnly={readOnly}
       placeholder={placeholder}
-      onChange={(event) => callback(event.target.value)} 
+      onChange={({ target: { value }}) => callback(value)}
     />
   );
 }

From 3de2097478e157f20da565a1e863866bca4372d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20Feje=C5=A1?= <ns.fejes.stefan@gmail.com>
Date: Wed, 12 Dec 2018 10:49:53 +0100
Subject: [PATCH 2/4] update select to use destructuring

---
 snippets/Select.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/snippets/Select.md b/snippets/Select.md
index 1367e4d86..9cb892633 100644
--- a/snippets/Select.md
+++ b/snippets/Select.md
@@ -9,12 +9,12 @@ Use the `values` array to pass an array of `[value, text]` elements and the `sel
 ```jsx
 function Select ({ values, callback, disabled = false, readonly = false, selected }) {
   return (
-    <select 
-      disabled={disabled} 
-      readOnly={readonly} 
-      onChange={(event) => callback(event.target.value)} 
+    <select
+      disabled={disabled}
+      readOnly={readonly}
+      onChange={({ target : { value }}) => callback(value)}
     >
-      {values.map(v => <option selected={selected === v[0]}value={v[0]}>{v[1]}</option>)}
+      {values.map(([value, text]) => <option selected={selected === value}value={value}>{text}</option>)}
     </select>
   );
 }

From a920168cd47374ad21da6d041d26c95df9e5e0b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20Feje=C5=A1?= <ns.fejes.stefan@gmail.com>
Date: Wed, 12 Dec 2018 10:53:08 +0100
Subject: [PATCH 3/4] udate textarea to use destructuring, fix styling

---
 snippets/Input.md    | 2 +-
 snippets/Select.md   | 2 +-
 snippets/TextArea.md | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/snippets/Input.md b/snippets/Input.md
index 91c14c452..d7734e36a 100644
--- a/snippets/Input.md
+++ b/snippets/Input.md
@@ -13,7 +13,7 @@ function Input ({ callback, type = 'text', disabled = false, readOnly = false, p
       disabled={disabled}
       readOnly={readOnly}
       placeholder={placeholder}
-      onChange={({ target: { value }}) => callback(value)}
+      onChange={({ target: { value } }) => callback(value)}
     />
   );
 }
diff --git a/snippets/Select.md b/snippets/Select.md
index 9cb892633..6a8709b2b 100644
--- a/snippets/Select.md
+++ b/snippets/Select.md
@@ -12,7 +12,7 @@ function Select ({ values, callback, disabled = false, readonly = false, selecte
     <select
       disabled={disabled}
       readOnly={readonly}
-      onChange={({ target : { value }}) => callback(value)}
+      onChange={({ target : { value } }) => callback(value)}
     >
       {values.map(([value, text]) => <option selected={selected === value}value={value}>{text}</option>)}
     </select>
diff --git a/snippets/TextArea.md b/snippets/TextArea.md
index eb754c7b6..e67fac536 100644
--- a/snippets/TextArea.md
+++ b/snippets/TextArea.md
@@ -8,13 +8,13 @@ Render a `<textarea>` element with the appropriate attributes and use the `callb
 ```jsx
 function TextArea ({ callback, cols = 20, rows = 2, disabled = false, readOnly = false, placeholder='' }) {
   return (
-    <textarea 
+    <textarea
       cols={cols}
       rows={rows}
-      disabled={disabled} 
-      readOnly={readOnly} 
+      disabled={disabled}
+      readOnly={readOnly}
       placeholder={placeholder}
-      onChange={(event) => callback(event.target.value)} 
+      onChange={({ target : { value } }) => callback(value)}
     />
   );
 }

From a568fb8d1c07dad1a8cc2875262146a4ad374a5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20Feje=C5=A1?= <ns.fejes.stefan@gmail.com>
Date: Wed, 12 Dec 2018 10:54:47 +0100
Subject: [PATCH 4/4] update desc of select to match the new destructuring
 syntax

---
 snippets/Select.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/snippets/Select.md b/snippets/Select.md
index 6a8709b2b..db4562517 100644
--- a/snippets/Select.md
+++ b/snippets/Select.md
@@ -4,7 +4,7 @@ Renders a `<select>` element that uses a callback function to pass its value to
 
 Use object destructuring to set defaults for certain attributes of the `<select>` element.
 Render a `<select>` element with the appropriate attributes and use the `callback` function in the `onChange` event to pass the value of the textarea to the parent.
-Use the `values` array to pass an array of `[value, text]` elements and the `selected` attribute to define the initial `value` of the `<select>` element.
+Use destructuring on the `values` array to pass an array of `value` and  `text` elements and the `selected` attribute to define the initial `value` of the `<select>` element.
 
 ```jsx
 function Select ({ values, callback, disabled = false, readonly = false, selected }) {