chore: bump rc-select (#434)

Author: MuxinFeng

README.md

@@ -92,7 +92,7 @@ online example: https://tree-select-react-component.vercel.app/
 |loadData | load data asynchronously | function(node) | - |
 |getPopupContainer | container which popup select menu rendered into | function(trigger:Node):Node | function(){return document.body;} |
 |autoClearSearchValue | auto clear search input value when multiple select is selected/deselected | boolean | true |
-| inputIcon | specify the select arrow icon | ReactNode \| (props: TreeProps) => ReactNode | - |
+| suffixIcon | specify the select arrow icon | ReactNode \| (props: TreeProps) => ReactNode | - |
 | clearIcon | specify the clear icon | ReactNode \| (props: TreeProps) => ReactNode | - |
 | removeIcon | specify the remove icon | ReactNode \| (props: TreeProps) => ReactNode | - |
 |switcherIcon| specify the switcher icon | ReactNode \| (props: TreeProps) => ReactNode | - |

examples/custom-icons.tsx

@@ -59,19 +59,19 @@ const switcherIcon = obj => {
   );
 };
 
-const inputIcon = getSvg(bubblePath);
+const suffixIcon = getSvg(bubblePath);
 const clearIcon = getSvg(clearPath);
 const removeIcon = getSvg(clearPath);
 
 const iconProps = {
-  inputIcon,
+  suffixIcon,
   clearIcon,
   removeIcon,
   switcherIcon,
 };
 
 const iconPropsFunction = {
-  inputIcon: () => inputIcon,
+  suffixIcon: () => suffixIcon,
   clearIcon: () => clearIcon,
   removeIcon: () => removeIcon,
   switcherIcon,

package.json

@@ -72,7 +72,7 @@
   "dependencies": {
     "@babel/runtime": "^7.10.1",
     "classnames": "2.x",
-    "rc-select": "~14.5.0",
+    "rc-select": "14.6.0-alpha.0",
     "rc-tree": "~5.7.0",
     "rc-util": "^5.16.1"
   }

tests/Select.props.spec.js

@@ -242,7 +242,7 @@ describe('TreeSelect.props', () => {
   });
 
   it('showArrow', () => {
-    const wrapper = mount(createOpenSelect({ showArrow: false }));
+    const wrapper = mount(createOpenSelect({ suffixIcon: null }));
     expect(wrapper.find('.rc-tree-select-arrow').length).toBeFalsy();
   });
 

tests/__snapshots__/Select.spec.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`TreeSelect.basic render renders TreeNode correctly 1`] = `
 <div
-  class="rc-tree-select rc-tree-select-single rc-tree-select-show-arrow rc-tree-select-open"
+  class="rc-tree-select rc-tree-select-single rc-tree-select-open"
 >
   <div
     class="rc-tree-select-selector"
@@ -190,22 +190,12 @@ exports[`TreeSelect.basic render renders TreeNode correctly 1`] = `
       </div>
     </div>
   </div>
-  <span
-    aria-hidden="true"
-    class="rc-tree-select-arrow"
-    style="user-select: none;"
-    unselectable="on"
-  >
-    <span
-      class="rc-tree-select-arrow-icon"
-    />
-  </span>
 </div>
 `;
 
 exports[`TreeSelect.basic render renders TreeNode correctly with falsy child 1`] = `
 <div
-  class="rc-tree-select rc-tree-select-single rc-tree-select-show-arrow rc-tree-select-open"
+  class="rc-tree-select rc-tree-select-single rc-tree-select-open"
 >
   <div
     class="rc-tree-select-selector"
@@ -393,16 +383,6 @@ exports[`TreeSelect.basic render renders TreeNode correctly with falsy child 1`]
       </div>
     </div>
   </div>
-  <span
-    aria-hidden="true"
-    class="rc-tree-select-arrow"
-    style="user-select: none;"
-    unselectable="on"
-  >
-    <span
-      class="rc-tree-select-arrow-icon"
-    />
-  </span>
 </div>
 `;
 
@@ -459,7 +439,7 @@ exports[`TreeSelect.basic render renders correctly 1`] = `
 
 exports[`TreeSelect.basic render renders disabled correctly 1`] = `
 <div
-  class="rc-tree-select rc-tree-select-single rc-tree-select-show-arrow rc-tree-select-disabled"
+  class="rc-tree-select rc-tree-select-single rc-tree-select-disabled"
 >
   <div
     class="rc-tree-select-selector"
@@ -489,16 +469,6 @@ exports[`TreeSelect.basic render renders disabled correctly 1`] = `
       class="rc-tree-select-selection-placeholder"
     />
   </div>
-  <span
-    aria-hidden="true"
-    class="rc-tree-select-arrow"
-    style="user-select: none;"
-    unselectable="on"
-  >
-    <span
-      class="rc-tree-select-arrow-icon"
-    />
-  </span>
 </div>
 `;
 
@@ -555,7 +525,7 @@ exports[`TreeSelect.basic render renders tree correctly 1`] = `
 exports[`TreeSelect.basic render renders treeDataSimpleMode correctly 1`] = `
 <div>
   <div
-    class="rc-tree-select rc-tree-select-single rc-tree-select-show-arrow rc-tree-select-open"
+    class="rc-tree-select rc-tree-select-single rc-tree-select-open"
   >
     <div
       class="rc-tree-select-selector"
@@ -687,24 +657,14 @@ exports[`TreeSelect.basic render renders treeDataSimpleMode correctly 1`] = `
         </div>
       </div>
     </div>
-    <span
-      aria-hidden="true"
-      class="rc-tree-select-arrow"
-      style="user-select: none;"
-      unselectable="on"
-    >
-      <span
-        class="rc-tree-select-arrow-icon"
-      />
-    </span>
   </div>
 </div>
 `;
 
 exports[`TreeSelect.basic search nodes check tree changed by filter 1`] = `
 <div>
   <div
-    class="rc-tree-select rc-tree-select-single rc-tree-select-show-arrow rc-tree-select-open rc-tree-select-show-search"
+    class="rc-tree-select rc-tree-select-single rc-tree-select-open rc-tree-select-show-search"
   >
     <div
       class="rc-tree-select-selector"
@@ -804,24 +764,14 @@ exports[`TreeSelect.basic search nodes check tree changed by filter 1`] = `
         </div>
       </div>
     </div>
-    <span
-      aria-hidden="true"
-      class="rc-tree-select-arrow"
-      style="user-select: none;"
-      unselectable="on"
-    >
-      <span
-        class="rc-tree-select-arrow-icon"
-      />
-    </span>
   </div>
 </div>
 `;
 
 exports[`TreeSelect.basic search nodes check tree changed by filter 2`] = `
 <div>
   <div
-    class="rc-tree-select rc-tree-select-single rc-tree-select-show-arrow rc-tree-select-open rc-tree-select-show-search"
+    class="rc-tree-select rc-tree-select-single rc-tree-select-open rc-tree-select-show-search"
   >
     <div
       class="rc-tree-select-selector"
@@ -947,24 +897,14 @@ exports[`TreeSelect.basic search nodes check tree changed by filter 2`] = `
         </div>
       </div>
     </div>
-    <span
-      aria-hidden="true"
-      class="rc-tree-select-arrow"
-      style="user-select: none;"
-      unselectable="on"
-    >
-      <span
-        class="rc-tree-select-arrow-icon"
-      />
-    </span>
   </div>
 </div>
 `;
 
 exports[`TreeSelect.basic search nodes filter node but not remove then 1`] = `
 <div>
   <div
-    class="rc-tree-select rc-tree-select-single rc-tree-select-show-arrow rc-tree-select-open rc-tree-select-show-search"
+    class="rc-tree-select rc-tree-select-single rc-tree-select-open rc-tree-select-show-search"
   >
     <div
       class="rc-tree-select-selector"
@@ -1090,23 +1030,13 @@ exports[`TreeSelect.basic search nodes filter node but not remove then 1`] = `
         </div>
       </div>
     </div>
-    <span
-      aria-hidden="true"
-      class="rc-tree-select-arrow"
-      style="user-select: none;"
-      unselectable="on"
-    >
-      <span
-        class="rc-tree-select-arrow-icon"
-      />
-    </span>
   </div>
 </div>
 `;
 
 exports[`TreeSelect.basic search nodes renders search input 1`] = `
 <div
-  class="rc-tree-select rc-tree-select-single rc-tree-select-show-arrow rc-tree-select-open rc-tree-select-show-search"
+  class="rc-tree-select rc-tree-select-single rc-tree-select-open rc-tree-select-show-search"
 >
   <div
     class="rc-tree-select-selector"
@@ -1231,15 +1161,5 @@ exports[`TreeSelect.basic search nodes renders search input 1`] = `
       </div>
     </div>
   </div>
-  <span
-    aria-hidden="true"
-    class="rc-tree-select-arrow"
-    style="user-select: none;"
-    unselectable="on"
-  >
-    <span
-      class="rc-tree-select-arrow-icon"
-    />
-  </span>
 </div>
 `;