From ae07364017ae160a4d06593ddd8dcc5cb1cdc2f7 Mon Sep 17 00:00:00 2001
From: selvagsz <selvaganeshbsg@gmail.com>
Date: Sat, 12 Oct 2019 13:59:19 +0800
Subject: [PATCH] [Feature] Support horizontalPostion: 'left'|'right'

---
 src/Dropdown.js | 6 +++---
 src/Select.js   | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/Dropdown.js b/src/Dropdown.js
index d4cd600..5ea3a1a 100644
--- a/src/Dropdown.js
+++ b/src/Dropdown.js
@@ -4,12 +4,12 @@ import cx from 'classnames';
 
 export default class Dropdown extends Component {
   render() {
-    let { className, children } = this.props;
+    let { className, horizontalPosition, children } = this.props;
     return (
       <TetherComponent
         className={cx('PowerSelect__Tether', className && `${className}__Tether`)}
-        attachment="top left"
-        targetAttachment="bottom left"
+        attachment={`top ${horizontalPosition}`}
+        targetAttachment={`bottom ${horizontalPosition}`}
         constraints={[
           {
             to: 'window',
diff --git a/src/Select.js b/src/Select.js
index 9f03769..15fccef 100644
--- a/src/Select.js
+++ b/src/Select.js
@@ -345,6 +345,7 @@ export default class Select extends Component {
       optionComponent,
       placeholder,
       disabled,
+      horizontalPosition,
       selectedOptionComponent,
       selectedOptionLabelPath,
       triggerLHSComponent,
@@ -359,7 +360,7 @@ export default class Select extends Component {
     let selectApi = this.getPublicApi();
 
     return (
-      <Dropdown className={className}>
+      <Dropdown className={className} horizontalPosition={horizontalPosition}>
         <div
           ref={powerselect => {
             this.powerselect = powerselect;
@@ -438,6 +439,7 @@ Select.defaultProps = {
   selectedOptionComponent: null,
   beforeOptionsComponent: null,
   afterOptionsComponent: null,
+  horizontalPosition: 'left',
   matcher: matcher,
   onFocus: noop,
   onBlur: noop,