Merge pull request #331 from scientist-softserv/329-dynamic-form-checkboxes

329 dynamic form checkboxes

Author: alishaevn

utils/api/configurations.js

@@ -277,9 +277,19 @@ export const configureDynamicFormSchema = (defaultSchema) => {
         adjustedProperty = { ...remainingProperties }
       }
 
-      if (value.type !== 'array') {
-        // TODO(alishaevn): figure out the "items" property for arrays
-        // ref: https://react-jsonschema-form.readthedocs.io/en/v1.8.1/form-customization/#form-customization
+      if (value.type === 'array') {
+        let { title, type } = adjustedProperty
+
+        propertyFields[key] = {
+          type,
+          title,
+          items: {
+            type: 'string',
+            enum: adjustedProperty.enum,
+          },
+          uniqueItems: true,
+        }
+      } else {
         propertyFields[key] = adjustedProperty
       }
     }
@@ -305,6 +315,7 @@ export const configureDynamicFormUiSchema = (schema, defaultOptions) => {
         if(fields[key].helper) fieldOptions['ui:help'] = fields[key].helper
         if(fields[key].placeholder) fieldOptions['ui:placeholder'] = fields[key].placeholder
         if(fields[key].type) fieldOptions['ui:inputType'] = fields[key].type
+        if(fields[key].type === 'checkbox') fieldOptions['ui:widget'] = 'checkboxes'
         if(fields[key].rows) {
           fieldOptions['ui:options']= {
             widget: 'textarea',

utils/theme/globals.scss

@@ -22,4 +22,8 @@ body {
 
 footer {
   margin-top: auto;
-}
+}
+
+.form-group.field-array .checkbox input {
+  margin-right: 10px;
+}