Fix multichoice in TicketForm

package.json

@@ -10,6 +10,7 @@
     "@storybook/addon-knobs": "^3.4.3",
     "classnames": "^2.2.5",
     "formik": "^0.11.11",
+    "immutable": "^3.8.2",
     "moment": "^2.22.1",
     "moment-hijri": "^2.0.1",
     "raw-loader": "^0.5.1",

src/Components/TicketField.jsx

@@ -7,6 +7,7 @@ import DatePicker from './Inputs/DatePicker';
 import DateTimePicker from './Inputs/DateTimePicker';
 import Checkboxes from './Choices/Checkboxes';
 import DropDown from './Choices/DropDown';
+import MultipleDropDown from './Choices/MultipleDropDown';
 import Radio from './Choices/Radio';
 
 class TicketField extends React.Component {
@@ -55,6 +56,11 @@ class TicketField extends React.Component {
       case 'textarea':
         Component = Textarea;
         break;
+      case 'multichoice':
+        Component = MultipleDropDown;
+        props.options = field.getIn(['data', 'choices'], [])
+          .toArray().map(option => ({ value: option.get('id'), label: option.get('title') }));
+        break;
       case 'text':
       default:
         Component = Text;

src/Components/TicketForm.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { List } from 'immutable';
 import { Formik } from 'formik';
 import Yup from 'yup';
 import Form from './Form';
@@ -44,7 +45,11 @@ class TicketForm extends React.Component {
       if (field.get('field_id') === 'department') {
         initialValues.department = this.state.department;
       } else {
-        initialValues[field.get('field_id')] = field.getIn(['data', 'default_value'], '');
+        let defaultValue = field.getIn(['data', 'default_value'], '');
+        if (defaultValue instanceof List) {
+          defaultValue = defaultValue.toArray();
+        }
+        initialValues[field.get('field_id')] = defaultValue;
       }
     });
     return initialValues;

src/style.css

@@ -530,7 +530,6 @@
   & .dp-pc_radios {
     padding: 23px 10px 11px 0;
     margin-left: 10px;
-    height: var(--input-height);
     width: calc(100% - 20px);
   }
   & .dp-pc_radio {