Upgrade to react-select v2

uptick · Jun 12, 2018 · 35d3e11 · 35d3e11
1 parent d58b3fe
commit 35d3e11
Show file tree

Hide file tree

Showing 19 changed files with 2,293 additions and 603 deletions.
diff --git a/demo-site/package.json b/demo-site/package.json
@@ -25,7 +25,7 @@
     "react-dom": "^16.2.0",
     "react-month-picker": "^1.3.5",
     "react-object-list": "^0.0.9",
-    "react-select": "^1.2.1",
+    "react-select": "^2.0.0-beta.6",
     "uptick-demo-site": "latest"
   },
   "devDependencies": {

diff --git a/package.json b/package.json
@@ -68,7 +68,7 @@
     "react-day-picker": "^7.1.1",
     "react-dom": "^16.2.0",
     "react-month-picker": "^1.3.5",
-    "react-select": "^1.2.1",
+    "react-select": "^2.0.0-beta.6",
     "react-test-renderer": "^16.2.0",
     "resolve-url-loader": "^2.3.0",
     "sass-loader": "^6.0.7",
@@ -86,6 +86,6 @@
     "react-day-picker": "^7.1.1",
     "react-dom": "15.x - 16.x",
     "react-month-picker": "^1.3.5",
-    "react-select": "^1.2.1"
+    "react-select": "^2.0.0-beta.6"
   }
 }
diff --git a/src/__snapshots__/ObjectList.demo.stories.storyshot b/src/__snapshots__/ObjectList.demo.stories.storyshot
@@ -26,19 +26,10 @@ exports[`Storyshots object-list/demo interactive list 1`] = `
       >
         <Select
           className="objectlist-select-filter"
-          labelKey="name"
-          menuContainerStyle={
-            Object {
-              "maxHeight": "500px",
-            }
-          }
-          menuStyle={
-            Object {
-              "maxHeight": "500px",
-            }
-          }
+          getOptionLabel={[Function]}
+          getOptionValue={[Function]}
           onChange={[Function]}
-          openOnFocus={true}
+          openMenuOnClick={true}
           options={
             Array [
               Object {
@@ -50,8 +41,13 @@ exports[`Storyshots object-list/demo interactive list 1`] = `
             ]
           }
           placeholder="Add Filter"
+          styles={
+            Object {
+              "menu": [Function],
+              "menuList": [Function],
+            }
+          }
           value={null}
-          valueKey="filterKey"
         />
       </div>
     </div>
@@ -640,19 +636,10 @@ exports[`Storyshots object-list/demo interactive table 1`] = `
       >
         <Select
           className="objectlist-select-filter"
-          labelKey="name"
-          menuContainerStyle={
-            Object {
-              "maxHeight": "500px",
-            }
-          }
-          menuStyle={
-            Object {
-              "maxHeight": "500px",
-            }
-          }
+          getOptionLabel={[Function]}
+          getOptionValue={[Function]}
           onChange={[Function]}
-          openOnFocus={true}
+          openMenuOnClick={true}
           options={
             Array [
               Object {
@@ -664,8 +651,13 @@ exports[`Storyshots object-list/demo interactive table 1`] = `
             ]
           }
           placeholder="Add Filter"
+          styles={
+            Object {
+              "menu": [Function],
+              "menuList": [Function],
+            }
+          }
           value={null}
-          valueKey="filterKey"
         />
       </div>
     </div>