feat(Org. Unit): single select

src/components/Form/index.js

@@ -19,6 +19,7 @@ export const TYPE_RADIO = 'fieldType/RADIO'
 export const TYPE_SELECT = 'fieldType/SELECT'
 export const TYPE_SCHEMAS = 'fieldType/SCHEMAS'
 export const TYPE_ORG_UNIT = 'fieldType/ORG_UNIT'
+export const TYPE_ORG_UNIT_SINGLE_SELECT = 'fieldType/ORG_UNIT_SINGLE_SELECT'
 export const TYPE_MORE_OPTIONS = 'fieldType/MORE_OPTIONS'
 export const TYPE_DATASET_PICKER = 'fieldType/DATASET_PICKER'
 
@@ -124,6 +125,25 @@ export class Form extends React.Component {
             />
           </FormControl>
         )
+      } else if (type === TYPE_ORG_UNIT_SINGLE_SELECT) {
+        const { selected, value } = fieldValues[name]
+        if (value === null) {
+          return null
+        }
+
+        return (
+          <FormControl key={`orgUnitTree-${name}`} className={s.formControl}>
+            <FormLabel className={s.formLabel}>{label}</FormLabel>
+            <OrgUnitTree
+              root={value}
+              selected={selected}
+              onSelectClick={(evt, orgUnit) =>
+                this.props.onChange(name, orgUnit)
+              }
+              hideCheckboxes={true}
+            />
+          </FormControl>
+        )
       } else if (type === TYPE_DATASET_PICKER) {
         const { selected, value } = fieldValues[name]
         if (value === null) {

src/helpers/form.js

@@ -5,6 +5,7 @@ import {
   TYPE_SELECT,
   TYPE_SCHEMAS,
   TYPE_ORG_UNIT,
+  TYPE_ORG_UNIT_SINGLE_SELECT,
   TYPE_DATASET_PICKER
 } from 'components/Form'
 import { api } from 'services'
@@ -43,6 +44,10 @@ export function getFieldState(name, value, fields, state) {
     }
 
     state[name]['selected'] = list
+  } else if (f.type === TYPE_ORG_UNIT_SINGLE_SELECT) {
+    let list = state[name]['selected']
+    console.log('id', value.id, 'path', value.path)
+    state[name]['selected'] = list.includes(value.path) ? [] : [value.path]
   }
 
   return state