fix(Select): add ability to pass data attributes

8base · Nov 9, 2018 · ce74988 · ce74988
1 parent 1eb2043
commit ce74988
Show file tree

Hide file tree

Showing 2 changed files with 470 additions and 463 deletions.
diff --git a/src/atoms/dataEntry/Select/Select.js b/src/atoms/dataEntry/Select/Select.js
@@ -13,6 +13,7 @@ type SelectProps = {|
   value?: Object,
   loading?: boolean,
   disabled?: boolean,
+  multiple?: boolean,
   hasError?: boolean,
   zIndex?: string | number,
 |};
@@ -43,17 +44,22 @@ const customStyles = ({ hasError, zIndex = Z_INDEX.DROPDOWN }) => ({
   }),
 });
 
-const Select = ({ loading, disabled, ...props }: SelectProps) => (
-  <SelectTag
-    { ...props }
-    isClearable={ false }
-    isLoading={ loading }
-    isDisabled={ disabled }
-    tagName={ ReactSelect }
-    styles={ customStyles(props) }
-    menuPortalTarget={ document.body }
-    menuPlacement="auto"
-  />
+const Select = ({ value, loading, disabled, multiple, options, onChange, placeholder, ...props }: SelectProps) => (
+  <SelectTag { ...props }>
+    <ReactSelect
+      isClearable={ false }
+      isDisabled={ disabled }
+      isLoading={ loading }
+      isMulti={ multiple }
+      menuPlacement="auto"
+      menuPortalTarget={ document.body }
+      onChange={ onChange }
+      options={ options }
+      placeholder={ placeholder }
+      styles={ customStyles(props) }
+      value={ value }
+    />
+  </SelectTag>
 );
 
 export { Select };