Missing className property added to SelectMulti component, Option and…

… OptionContainer made exportable
vojtechportes · Feb 10, 2020 · 66d4a63 · 66d4a63
1 parent 9880926
commit 66d4a63
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/Form/SelectMulti.tsx b/src/components/Form/SelectMulti.tsx
@@ -10,15 +10,15 @@ const Container = styled.div`
   grid-gap: 0.5rem;
 `;
 
-const OptionContainer = styled.div`
+export const OptionContainer = styled.div`
   display: grid;
   grid-auto-columns: min-content;
   grid-auto-flow: column;
   grid-gap: 0.5rem;
   align-self: center;
 `;
 
-const Option = styled.span`
+export const Option = styled.span`
   padding: 0.3rem 0.5rem;
   color: ${colors.dark};
   font-size: 0.7rem;
@@ -38,6 +38,7 @@ export interface SelectMultiProps
   selectedValue: string[];
   emptyValue?: string;
   disabled?: boolean;
+  className?: string;
 }
 
 export const SelectMulti: React.FC<SelectMultiProps> = ({
@@ -46,10 +47,11 @@ export const SelectMulti: React.FC<SelectMultiProps> = ({
   selectedValue,
   emptyValue,
   values,
+  className,
   disabled = false,
 }) => {
   return (
-    <Container>
+    <Container className={className}>
       <Select
         onChange={onChange}
         selectedValue=""

diff --git a/src/index.tsx b/src/index.tsx
@@ -15,7 +15,12 @@ export { BuilderContext, BuilderContextProps } from './components/Context';
 
 export { Input, InputProps } from './components/Form/Input';
 export { Select, SelectProps } from './components/Form/Select';
-export { SelectMulti, SelectMultiProps } from './components/Form/SelectMulti';
+export {
+  SelectMulti,
+  SelectMultiProps,
+  Option,
+  OptionContainer,
+} from './components/Form/SelectMulti';
 export { Switch, SwitchProps } from './components/Form/Switch';
 
 export { Button, ButtonProps } from './components/Button';