GDCM-760 Allowed image field for the dynamic list field.

Author: vichugofsl

package-lock.json

@@ -49,8 +49,6 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.5",
     "react-scripts": "^3.4.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "user-event": "^4.0.0"
   },
   "files": [

package.json

@@ -28,7 +28,7 @@ const DForm = ({
   renderDynamicListField,
   renderListItem
 }) => {
-  // const dispatch = useDispatch();
+
   const [currentSectionIndex, setCurrentSectionIndex] = useState(
     initialSectionIndex
   )

src/DForm.js

@@ -1,8 +1,16 @@
 import React, { useMemo, useCallback } from 'react'
 import PropTypes from 'prop-types'
 import FieldsList from './FieldsList'
+import * as FieldTypes from './type/FieldType'
 
-const allowedTypes = ['text', 'number', 'select', 'date']
+const allowedTypes = [
+  FieldTypes.TEXT,
+  FieldTypes.NUMBER,
+  FieldTypes.SELECT,
+  FieldTypes.DATE,
+  FieldTypes.SIGNATURE,
+  FieldTypes.IMAGE,
+]
 
 export const DynamicFieldLineItem = ({
   index,

src/fields/DynamicFieldLineItem.js

@@ -188,6 +188,16 @@ test('list required validation', async () => {
         schema: {
           defaultValue: ''
         }
+      },
+      {
+        id: 3,
+        order: 2,
+        fieldType: 'image',
+        title: 'image',
+        required: false,
+        schema: {
+          max: 100,
+        }
       }
     ]
   }

src/fields/DynamicListField.test.js

@@ -0,0 +1,11 @@
+export const TEXT = 'text';
+export const SELECT = 'select';
+export const NUMBER = 'number';
+export const DATE = 'date';
+export const IMAGE = 'image';
+export const CODE = 'code';
+export const GPS = 'gps';
+export const SIGNATURE = 'signature';
+export const DYNAMIC_LIST = 'dynamicList';
+export const TOTALIZER = 'totalizer';
+