Added possibility to use custom item names for DatSelect items.

Author: janneojan

src/components/DatSelect.js

@@ -47,7 +47,7 @@ export default class DatSelect extends Component {
   }
 
   render() {
-    const { path, label, labelWidth } = this.props;
+    const { path, label, labelWidth, optionLabels } = this.props;
     const { value, options } = this.state;
     const labelText = isString(label) ? label : path;
 
@@ -62,7 +62,7 @@ export default class DatSelect extends Component {
             style={{ width: `${100 - labelWidth}%` }}
             onChange={this.handleChange}
           >
-            {options.map((item, index) => <option key={index} value={item}>{item}</option>)}
+            {options.map((item, index) => <option key={index} value={item}>{optionLabels ? optionLabels[index] : item}</option>)}
           </select>
         </label>
       </li>