Design forms

packages/builder/src/components/design/settings/componentSettings.js

@@ -65,6 +65,7 @@ const componentMap = {
   "field/array": FormFieldSelect,
   "field/json": FormFieldSelect,
   "field/barcodeqr": FormFieldSelect,
+  "field/bb_reference": FormFieldSelect,
   // Some validation types are the same as others, so not all types are
   // explicitly listed here. e.g. options uses string validation
   "validation/string": ValidationEditor,
@@ -74,6 +75,7 @@ const componentMap = {
   "validation/datetime": ValidationEditor,
   "validation/attachment": ValidationEditor,
   "validation/link": ValidationEditor,
+  "validation/bb_reference": ValidationEditor,
 }
 
 export const getComponentForSetting = setting => {

packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/new/_components/componentStructure.json

@@ -69,7 +69,8 @@
       "datetimefield",
       "multifieldselect",
       "s3upload",
-      "codescanner"
+      "codescanner",
+      "bbreferencefield"
     ]
   },
   {

packages/client/manifest.json

@@ -5625,8 +5625,9 @@
     ]
   },
   "bbreferencefield": {
-    "name": "BB Reference field",
+    "devComment": "As bb reference is only used for user subtype for now, we are using user for icon and labels",
-    "icon": "Link",
+    "name": "User Field",
+    "icon": "User",
     "styles": ["size"],
     "requiredAncestors": ["form"],
     "editable": true,
@@ -5635,6 +5636,12 @@
       "height": 50
     },
     "settings": [
+      {
+        "type": "field/bb_reference",
+        "label": "Field",
+        "key": "field",
+        "required": true
+      },
       {
         "type": "text",
         "label": "Label",