Merge pull request #1761 from rolandjohann/optional_arrow_rendering

implemented optional rendering of arrow

README.md

@@ -348,7 +348,8 @@ function onInputKeyDown(event) {
 
 | Property | Type | Default | Description |
 |:---|:---|:---|:---|
-| arrowRenderer | func | undefined | Renders a custom drop-down arrow to be shown in the right-hand side of the select: `arrowRenderer({ onMouseDown, isOpen })` |
+| addLabelText | string | 'Add "{label}"?' | text to display when `allowCreate` is true |
+| arrowRenderer | func | undefined | Renders a custom drop-down arrow to be shown in the right-hand side of the select: `arrowRenderer({ onMouseDown, isOpen })`. Won't render when set to `null`
 | autoBlur | bool | false | Blurs the input element after a selection has been made. Handy for lowering the keyboard on mobile devices |
 | autofocus | bool | undefined | autofocus the component on mount |
 | autoload | bool | true | whether to auto-load the default async options set |

less/control.less

@@ -244,7 +244,6 @@
 	text-align: center;
 	vertical-align: middle;
 	width: (@select-arrow-width * 5);
-	padding-right: @select-arrow-width;
 }
 
 .Select-arrow {
@@ -257,6 +256,10 @@
 	position: relative;
 }
 
+.Select-control > *:last-child {
+  padding-right: @select-right-padding;
+}
+
 .Select--multi .Select-multi-value-wrapper {
   display: inline-block;
 }

less/select.less

@@ -63,6 +63,8 @@
 @select-loading-color:              @select-text-color;
 @select-loading-color-bg:           @select-input-border-color;
 
+@select-right-padding:              5px;
+
 // multi-select item
 @select-item-font-size:             .9em;
 

test/Select-test.js

@@ -3971,6 +3971,21 @@ describe('Select', () => {
 		});
 	});
 
+	describe('arrowRenderer', () => {
+		beforeEach(() => {
+			instance = createControl({
+				arrowRenderer: null
+			});
+		});
+
+		it('doesn\'t render arrow if arrowRenderer props is null', () => {
+
+			var arrow = ReactDOM.findDOMNode(instance).querySelectorAll('.Select-arrow-zone')[0];
+
+			expect(arrow, 'to be', undefined);
+		});
+	});
+
 	describe('with autoFocus', () => {
 		it('focuses select input on mount', () => {
 			wrapper = createControl({