From 60d5021d56a35aab586a174ae22f1dc93329b26c Mon Sep 17 00:00:00 2001
From: Matthew Conway <mattconway55@gmail.com>
Date: Thu, 21 Mar 2019 13:14:21 -0400
Subject: [PATCH 1/4] set clearButton ternary to return undefined

---
 .../src/examples/select-examples/multiSelectExample.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx b/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
index 8f138d3cb7..064af7d4b5 100644
--- a/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
+++ b/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
@@ -76,7 +76,7 @@ export class MultiSelectExample extends React.PureComponent<IExampleProps, IMult
         const maybeCreateNewItemFromQuery = allowCreate ? createFilm : undefined;
         const maybeCreateNewItemRenderer = allowCreate ? renderCreateFilmOption : null;
 
-        const clearButton = films.length > 0 ? <Button icon="cross" minimal={true} onClick={this.handleClear} /> : null;
+        const clearButton = films.length > 0 ? <Button icon="cross" minimal={true} onClick={this.handleClear} /> : undefined;
 
         return (
             <Example options={this.renderOptions()} {...this.props}>

From 15fda3a34aab48d0c8b9fe71a4a0763374566633 Mon Sep 17 00:00:00 2001
From: Matthew Conway <mattconway55@gmail.com>
Date: Fri, 22 Mar 2019 08:46:43 -0400
Subject: [PATCH 2/4] Updated ternary to follow syntax previous examples

---
 .../src/examples/select-examples/multiSelectExample.tsx    | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx b/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
index 064af7d4b5..6c26405f21 100644
--- a/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
+++ b/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
@@ -76,7 +76,12 @@ export class MultiSelectExample extends React.PureComponent<IExampleProps, IMult
         const maybeCreateNewItemFromQuery = allowCreate ? createFilm : undefined;
         const maybeCreateNewItemRenderer = allowCreate ? renderCreateFilmOption : null;
 
-        const clearButton = films.length > 0 ? <Button icon="cross" minimal={true} onClick={this.handleClear} /> : undefined;
+        const clearButton = films.length > 0 ? (
+            <Button icon="cross" minimal={true} onClick={this.handleClear} /> 
+        ) : (
+            // rightElement takes an Element | undefined, so pass undefined as fallback
+            undefined
+        );
 
         return (
             <Example options={this.renderOptions()} {...this.props}>

From 67324dbaf644cc163f678895505f3102e6b98ac2 Mon Sep 17 00:00:00 2001
From: Matthew Conway <mattconway55@gmail.com>
Date: Fri, 22 Mar 2019 08:53:13 -0400
Subject: [PATCH 3/4] The linter did not appreciate the previous syntax,
 reverting

---
 .../src/examples/select-examples/multiSelectExample.tsx   | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx b/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
index 6c26405f21..7a428f27b0 100644
--- a/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
+++ b/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
@@ -76,12 +76,8 @@ export class MultiSelectExample extends React.PureComponent<IExampleProps, IMult
         const maybeCreateNewItemFromQuery = allowCreate ? createFilm : undefined;
         const maybeCreateNewItemRenderer = allowCreate ? renderCreateFilmOption : null;
 
-        const clearButton = films.length > 0 ? (
-            <Button icon="cross" minimal={true} onClick={this.handleClear} /> 
-        ) : (
-            // rightElement takes an Element | undefined, so pass undefined as fallback
-            undefined
-        );
+        const clearButton = 
+            films.length > 0 ? <Button icon="cross" minimal={true} onClick={this.handleClear} /> : undefined;
 
         return (
             <Example options={this.renderOptions()} {...this.props}>

From 06d6bc18c3de98e1311cdeca6b11fea71f3e3bc8 Mon Sep 17 00:00:00 2001
From: Matthew Conway <mattconway55@gmail.com>
Date: Fri, 22 Mar 2019 08:55:28 -0400
Subject: [PATCH 4/4] Deleted space

---
 .../src/examples/select-examples/multiSelectExample.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx b/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
index 7a428f27b0..5578493b73 100644
--- a/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
+++ b/packages/docs-app/src/examples/select-examples/multiSelectExample.tsx
@@ -76,7 +76,7 @@ export class MultiSelectExample extends React.PureComponent<IExampleProps, IMult
         const maybeCreateNewItemFromQuery = allowCreate ? createFilm : undefined;
         const maybeCreateNewItemRenderer = allowCreate ? renderCreateFilmOption : null;
 
-        const clearButton = 
+        const clearButton =
             films.length > 0 ? <Button icon="cross" minimal={true} onClick={this.handleClear} /> : undefined;
 
         return (