@zohodesk/library-platform 1.1.8-exp.1 → 1.1.8-exp.2

package/es/platform/data-source/http-template/fetchLookupFields.js

@@ -0,0 +1,24 @@
+const fetchLookupFields = {
+  name: 'fetchLookupFields',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/layouts/{{layoutId}}/lookupFields',
+  parameters: `{}`,
+  type: 'GET',
+  transformer: data => data,
+  getResponse: async _ref => {
+    let {
+      params,
+      payload
+    } = _ref;
+  },
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchLookupFields;

package/es/platform/data-source/index.js

@@ -16,6 +16,7 @@ import fetchDependencyMappings from "./http-template/fetchDependencyMappings";
 import fetchValidationRules from "./http-template/fetchValidationRules";
 import createRecord from "./http-template/createRecord";
 import updateSelectedFields from "./http-template/updateSelectedFields";
+import fetchLookupFields from "./http-template/fetchLookupFields";
 let dataSource = {
   httpTemplates: {
     [RecordApiActionName.GET_RECORDS]: getRecords,
@@ -33,7 +34,8 @@ let dataSource = {
     fetchMyForm,
     fetchLayoutRules,
     fetchDependencyMappings,
-    fetchValidationRules
+    fetchValidationRules,
+    fetchLookupFields
   }
 };
 export default dataSource; // let ticketsRecordSerice = createRecord(tickets, () => {});

package/es/platform/data-source/utils/validation-rules/TransFormValidationRules.js

@@ -23,7 +23,8 @@ const map = {
   Date: DateFieldConditions,
   DateTime: DateTimeFieldConditions,
   Picklist: PicklistFieldConditions,
-  Multiselect: MultiSelectFieldConditions
+  Multiselect: MultiSelectFieldConditions,
+  LookUp: LookupFieldConditions
 };
 export function getBasicValidationRulesForField(field) {
   const {
@@ -40,6 +41,10 @@ export function getBasicValidationRulesForField(field) {
   };
 }
 
+function LookupFieldConditions(field) {
+  return [MandatoryCondition(field)];
+}
+
 function TextFieldConditions(field) {
   return [MandatoryCondition(field), MaxLengthCondition(field)];
 }

package/es/platform/sdk/adapters/gateways/Service.js

@@ -1,5 +1,6 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+import { GetResourcesUseCase } from "../../application/usecases/GetResourcesUseCase";
 import { CreateResourceInstanceUseCase } from "../../application/usecases/CreateResourceInstanceUseCase";
 import { DestructResourceInstanceUseCase } from "../../application/usecases/DestructResourceInstanceUseCase";
 import { GetResourceInstanceUseCase } from "../../application/usecases/GetResourceInstanceUseCase";
@@ -7,6 +8,8 @@ import { RegisterResourceUseCase } from "../../application/usecases/RegisterReso
 import { SyncStateWithResourceUseCase } from "../../application/usecases/SyncStateWithResourceUseCase";
 export class Service {
   constructor(dependencies) {
+    _defineProperty(this, "getResourcesUseCase", void 0);
+
     _defineProperty(this, "createResourceInstanceUseCase", void 0);
 
     _defineProperty(this, "destructResourceInstanceUseCase", void 0);
@@ -17,6 +20,7 @@ export class Service {
 
     _defineProperty(this, "getResourceInstanceUseCase", void 0);
 
+    this.getResourcesUseCase = new GetResourcesUseCase(dependencies);
     this.createResourceInstanceUseCase = new CreateResourceInstanceUseCase(dependencies);
     this.destructResourceInstanceUseCase = new DestructResourceInstanceUseCase(dependencies);
     this.syncStateWithResourceUseCase = new SyncStateWithResourceUseCase(dependencies);

package/es/platform/sdk/application/usecases/GetResourcesUseCase.js

@@ -0,0 +1,12 @@
+import { AbstractUseCase } from "./AbstractUseCase";
+export class GetResourcesUseCase extends AbstractUseCase {
+  execute() {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const resourceManager = repository.getResourceManager();
+    presenter.presentData(resourceManager.getResources());
+  }
+
+}

package/es/platform/sdk/domain/entities/ResourceManager.js

@@ -1,3 +1,4 @@
+const DEFAULT_INSTANCE_NAME = '__default__';
 export class ResourceManager {
   constructor() {
     let resources = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -15,6 +16,14 @@ export class ResourceManager {
     return ((_resourceInstances$re = resourceInstances[resourceName]) === null || _resourceInstances$re === void 0 ? void 0 : _resourceInstances$re[instanceName]) || null;
   }
 
+  getResources() {
+    return Object.fromEntries(Object.entries(this.resourceInstances).map(_ref => {
+      let [resourceName, instance] = _ref;
+      const instanceName = Object.keys(instance)[0];
+      return [resourceName, instanceName === DEFAULT_INSTANCE_NAME ? this.getResourceInstance(resourceName, '__default__') : instanceName => this.getResourceInstance(resourceName, instanceName)];
+    }));
+  }
+
   createResourceInstance(resourceName, instanceName) {
     const {
       resourceInstances,
@@ -22,18 +31,19 @@ export class ResourceManager {
     } = this;
     const ResourceClass = resources[resourceName];
 
-    if (ResourceClass) {
-      const instance = new ResourceClass();
-      instance.initialize();
+    if (!ResourceClass) {
+      console.warn(`Resource class not found for: ${resourceName}`);
+      return;
+    }
 
-      if (!resourceInstances[resourceName]) {
-        resourceInstances[resourceName] = {};
-      }
+    const instance = new ResourceClass();
+    instance.initialize();
 
-      resourceInstances[resourceName][instanceName] = instance;
-    } else {
-      console.warn(`Resource class not found for: ${resourceName}`);
+    if (!resourceInstances[resourceName]) {
+      resourceInstances[resourceName] = {};
     }
+
+    resourceInstances[resourceName][instanceName || DEFAULT_INSTANCE_NAME] = instance;
   }
 
   destructResourceInstance(resourceName, instanceName) {
@@ -64,7 +74,7 @@ export class ResourceManager {
     resources[resourceName] = resource;
   }
 
-  syncStateWithResource(_ref) {
+  syncStateWithResource(_ref2) {
     var _resourceInstances$re3;
 
     let {
@@ -73,7 +83,7 @@ export class ResourceManager {
       state,
       dispatch,
       updateState
-    } = _ref;
+    } = _ref2;
     const {
       resourceInstances
     } = this;

package/es/platform/sdk/frameworks/Sdk.js

@@ -1,6 +1,10 @@
 import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
 import { sdkRegistry } from "./SdkRegistry";
-export const platformSDK = {
+
+/**
+ * @deprecated 
+ */
+export const platformSDK_old = {
   [ResourceNamesEnum.SMART_TABLE](instanceName) {
     return sdkRegistry.getResourceInstance({
       resourceName: ResourceNamesEnum.SMART_TABLE,
@@ -8,6 +12,7 @@ export const platformSDK = {
     });
   },
 
+  // ['app']: sdkRegistry.getResourceInstance({ resourceName: 'app' }),
   [ResourceNamesEnum.SMART_FORM](instanceName) {
     return sdkRegistry.getResourceInstance({
       resourceName: ResourceNamesEnum.SMART_FORM,
@@ -22,4 +27,10 @@ export const platformSDK = {
     });
   }
 
-};
+};
+export const platformSDK = new Proxy({}, {
+  get(_, prop) {
+    return sdkRegistry.getResources()[prop];
+  }
+
+});

package/es/platform/sdk/frameworks/SdkRegistry.js

@@ -35,6 +35,15 @@ export class SdkManager {
     createResourceInstanceUseCase.execute(input);
   }
 
+  getResources() {
+    const {
+      getResourcesUseCase
+    } = this.service;
+    getResourcesUseCase.updateDependencies(this.state, this.setPresentedData);
+    getResourcesUseCase.execute(null);
+    return this.presentedData;
+  }
+
   destructResourceInstance(input) {
     const {
       destructResourceInstanceUseCase

package/es/platform/zform/adapters/controllers/LookupFieldController.js

@@ -0,0 +1,23 @@
+import AbstractController from "./AbstractController";
+
+class LookupFieldController extends AbstractController {
+  handle(event) {
+    let {
+      lookupFieldSuccessUseCase
+    } = this.service;
+    let {
+      state,
+      updateState,
+      action,
+      dispatch
+    } = event;
+    lookupFieldSuccessUseCase.updateDependency(state, updateState);
+    lookupFieldSuccessUseCase.execute({
+      dispatch,
+      fieldMetadataResponse: action.payload.response
+    });
+  }
+
+}
+
+export default LookupFieldController;

package/es/platform/zform/adapters/gateway/Service.js

@@ -16,6 +16,7 @@ import FieldBlurUseCase from "../../applications/usecases/FieldBlurUseCase";
 import SubmitValidationCompletedUseCase from "../../applications/usecases/SubmitValidationCompletedUseCase";
 import ValidationRulesExecutionResultUseCase from "../../applications/usecases/ValidationRulesExecutionResultUseCase";
 import ValidateFieldUseCase from "../../applications/usecases/ValidateFieldUseCase";
+import LookupFieldSuccessUseCase from "../../applications/usecases/LookupFieldSuccessUseCase";
 
 class Service {
   constructor(dependencies) {
@@ -53,6 +54,8 @@ class Service {
 
     _defineProperty(this, "submitValidationCompletedUseCase", void 0);
 
+    _defineProperty(this, "lookupFieldSuccessUseCase", void 0);
+
     this.formSubmitUseCase = new FormSubmitUseCase(dependencies);
     this.initializeUseCase = new InitializeUseCase(dependencies);
     this.myLayoutSuccessUseCase = new MyLayoutSuccessUseCase(dependencies);
@@ -69,6 +72,7 @@ class Service {
     this.validateFieldUseCase = new ValidateFieldUseCase(dependencies);
     this.validationRulesExecutionResultUseCase = new ValidationRulesExecutionResultUseCase(dependencies);
     this.submitValidationCompletedUseCase = new SubmitValidationCompletedUseCase(dependencies);
+    this.lookupFieldSuccessUseCase = new LookupFieldSuccessUseCase(dependencies);
   }
 
 }

package/es/platform/zform/adapters/presenter/translators/SectionTranslator.js

@@ -72,7 +72,7 @@ function SectionTranslator(_ref) {
 
       fieldPreModified['labelActions'] = labelActions; // Final fieldActions to fieldPreModified
 
-      if (field.type !== "Boolean" && field.type !== "Textarea") {
+      if (field.type !== "Boolean") {
         fieldPreModified['actions'] = transformedActions.fieldActions;
       } // Placeholder check
 

package/es/platform/zform/adapters/presenter/translators/fields/LookUpFieldTranslator.js

@@ -18,7 +18,8 @@ const LookUpFieldTranslator = _ref => {
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || ''
+    errorMessage: field.errorMessage || '',
+    lookup: field.lookup
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/utils/DefaultClientActions.js

@@ -1,3 +1,4 @@
+import { i18NProviderUtils } from '@zohodesk/i18n';
 export default function DefaultFormClientActions(props) {
   const {
     submitConfig,
@@ -8,14 +9,14 @@ export default function DefaultFormClientActions(props) {
 
   if (submitConfig !== null && submitConfig !== void 0 && submitConfig.isEnabled) {
     finalClientActions.push(getDefaultFormAction({
-      type: "submit",
+      type: 'submit',
       ...submitConfig
     }));
   }
 
   if (cancelConfig !== null && cancelConfig !== void 0 && cancelConfig.isEnabled) {
     finalClientActions.push(getDefaultFormAction({
-      type: "cancel",
+      type: 'cancel',
       ...cancelConfig
     }));
   }
@@ -31,99 +32,99 @@ function getDefaultFormAction(_ref) {
     text,
     isEnabled
   } = _ref;
-  const isSubmit = type === "submit";
+  const isSubmit = type === 'submit';
   return {
-    id: isSubmit ? "4000000080010" : "4000000080013",
-    name: "FORM ACTION",
-    component: "form",
-    location: "footer_left_actions",
+    id: isSubmit ? '4000000080010' : '4000000080013',
+    name: 'FORM ACTION',
+    component: 'form',
+    location: 'footer_left_actions',
     uiComponentMapping: {
-      id: isSubmit ? "4000000080011" : "4000000080014",
-      name: isSubmit ? "Submit Button" : "Cancel Button",
-      component: "Button",
+      id: isSubmit ? '4000000080011' : '4000000080014',
+      name: isSubmit ? 'Submit Button' : 'Cancel Button',
+      component: 'Button',
       propertiesValueMapping: {
-        text: text || (isSubmit ? "Submit" : "Cancel"),
-        palette: isSubmit ? "primaryFilled" : "secondary"
+        text: isSubmit ? i18NProviderUtils.getI18NValue('crm.button.submit') : i18NProviderUtils.getI18NValue('support.label.cancel'),
+        palette: isSubmit ? 'primaryFilled' : 'secondary'
       },
       eventMappings: [{
-        id: isSubmit ? "4000000080012" : "4000000080015",
-        sourceEvent: "BUTTON#CLICKED",
-        targetEvent: isSubmit ? "SMART_FORM#SUBMIT_CLICKED" : "SMART_FORM#CANCEL_CLICKED",
+        id: isSubmit ? '4000000080012' : '4000000080015',
+        sourceEvent: 'BUTTON#CLICKED',
+        targetEvent: isSubmit ? 'SMART_FORM#SUBMIT_CLICKED' : 'SMART_FORM#CANCEL_CLICKED',
         payloadValueMapping: {}
       }]
     },
-    modules: ["static_module"],
+    modules: ['static_module'],
     conditions: {
       fields: [],
-      pattern: ""
+      pattern: ''
     }
   };
 }
 
 function getDefaultFieldInfoAction() {
   return {
-    "uiComponentMapping": {
-      "component": "ActionIcon",
-      "name": "Info Icon",
-      "id": "4000000081003",
-      "propertiesValueMapping": {
-        "hoverVariant": "primary",
-        "icon": "ZD-information",
-        "label": "Default Info Icon"
+    uiComponentMapping: {
+      component: 'ActionIcon',
+      name: 'Info Icon',
+      id: '4000000081003',
+      propertiesValueMapping: {
+        hoverVariant: 'primary',
+        icon: 'ZD-information',
+        label: 'Default Info Icon'
       },
-      "eventMappings": [{
-        "payloadValueMapping": {},
-        "id": "4000000081005"
+      eventMappings: [{
+        payloadValueMapping: {},
+        id: '4000000081005'
       }]
     },
-    "conditions": {
-      "fields": [{
-        "fieldName": "{{@context.apiName}}",
-        "condition": "in",
-        "value": ["gadget_name", "gadget_description", "cf_total_qa_issues", "cf_is_pm_reviewed_1", "cf_related_gadget", "priority", "cf_tested_by", "cf_security_dri", "cf_git_merge_request_url", "release_deadline", "cf_tentative_eta", "cf_mutation_coverage", "cf_support_phone", "cf_test_coverage_score", "cf_budget_allocation", "cf_brand_owner", "cf_brand_launch_date", "cf_marketing_channel"]
+    conditions: {
+      fields: [{
+        fieldName: '{{@context.apiName}}',
+        condition: 'in',
+        value: ['gadget_name', 'gadget_description', 'cf_total_qa_issues', 'cf_is_pm_reviewed_1', 'cf_related_gadget', 'priority', 'cf_tested_by', 'cf_security_dri', 'cf_git_merge_request_url', 'release_deadline', 'cf_tentative_eta', 'cf_mutation_coverage', 'cf_support_phone', 'cf_test_coverage_score', 'cf_budget_allocation', 'cf_brand_owner', 'cf_brand_launch_date', 'cf_marketing_channel']
       }],
-      "pattern": "1"
+      pattern: '1'
     },
-    "modifiedTime": "2024-11-21T06:11:59.000Z",
-    "component": "form",
-    "name": "FORM ACTION",
-    "createdTime": "2024-11-21T06:11:59.000Z",
-    "location": "field_label_actions",
-    "id": "4000000081009",
-    "modules": ["static_module"]
+    modifiedTime: '2024-11-21T06:11:59.000Z',
+    component: 'form',
+    name: 'FORM ACTION',
+    createdTime: '2024-11-21T06:11:59.000Z',
+    location: 'field_label_actions',
+    id: '4000000081009',
+    modules: ['static_module']
   };
 }
 
 function getDefaultFieldEphiAction() {
   return {
-    "uiComponentMapping": {
-      "component": "HighlightedValue",
-      "name": "EPHI Tag",
-      "id": "4000000082003",
-      "propertiesValueMapping": {
-        "text": "ePHI",
-        "color": "green",
-        "tooltip": "ePHI is individually identifiable protected health information sent or stored electronically."
+    uiComponentMapping: {
+      component: 'HighlightedValue',
+      name: 'EPHI Tag',
+      id: '4000000082003',
+      propertiesValueMapping: {
+        text: 'ePHI',
+        color: 'green',
+        tooltip: 'ePHI is individually identifiable protected health information sent or stored electronically.'
       },
-      "eventMappings": [{
-        "payloadValueMapping": {},
-        "id": "4000000082005"
+      eventMappings: [{
+        payloadValueMapping: {},
+        id: '4000000082005'
       }]
     },
-    "conditions": {
-      "fields": [{
-        "fieldName": "{{@context.apiName}}",
-        "condition": "in",
-        "value": ["gadget_name", "cf_total_qa_issues", "cf_security_dri", "cf_git_merge_request_url", "cf_mutation_coverage", "cf_support_phone", "cf_test_coverage_score", "cf_brand_owner"]
+    conditions: {
+      fields: [{
+        fieldName: '{{@context.apiName}}',
+        condition: 'in',
+        value: ['gadget_name', 'cf_total_qa_issues', 'cf_security_dri', 'cf_git_merge_request_url', 'cf_mutation_coverage', 'cf_support_phone', 'cf_test_coverage_score', 'cf_brand_owner']
       }],
-      "pattern": "1"
+      pattern: '1'
     },
-    "modifiedTime": "2024-11-21T06:11:59.000Z",
-    "component": "form",
-    "name": "FORM ACTION",
-    "createdTime": "2024-11-21T06:11:59.000Z",
-    "location": "field_label_actions",
-    "id": "4000000082009",
-    "modules": ["static_module"]
+    modifiedTime: '2024-11-21T06:11:59.000Z',
+    component: 'form',
+    name: 'FORM ACTION',
+    createdTime: '2024-11-21T06:11:59.000Z',
+    location: 'field_label_actions',
+    id: '4000000082009',
+    modules: ['static_module']
   };
 }

package/es/platform/zform/applications/interfaces/input/LookUpFieldSuccessUseCaseInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zform/applications/usecases/LookupFieldSuccessUseCase.js

@@ -0,0 +1,40 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import AbstractUseCase from "./AbstractUseCase";
+
+class LookUpFieldSuccessUseCase extends AbstractUseCase {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "getSelectedFieldLookup", (currentData, LookupField) => currentData.apiName === LookupField);
+  }
+
+  execute(input) {
+    const {
+      repository,
+      presenter,
+      layoutRuleApplier
+    } = this.dependencies;
+    const {
+      dispatch,
+      fieldMetadataResponse
+    } = input;
+    const {
+      data
+    } = fieldMetadataResponse;
+    const zFormEntity = this.dependencies.repository.getFormEntity();
+    data.forEach(fieldValue => {
+      zFormEntity.updateFieldProperties(fieldValue.apiName, fieldValue);
+    });
+    let zform = zFormEntity.toObject();
+    presenter.updateFormResponse(zform);
+  }
+
+}
+
+function hasMatchingApiName(listA, listB) {
+  const apiNamesB = new Set(listB.map(item => item.apiName));
+  return listA.some(item => apiNamesB.has(item.apiName));
+}
+
+export default LookUpFieldSuccessUseCase;

package/es/platform/zform/applications/usecases/MyFormSuccessUseCase.js

@@ -3,7 +3,7 @@ import ZSection from "../../domain/ZSection";
 import ZField from "../../domain/ZField";
 import { DATA_SOURCE_EXECUTE } from "../../../../bc/zdata-source/Constants";
 import { DATA_SOURCE_SUCCESS, DATA_SOURCE_NO_CONTENT, DATA_SOURCE_FAILURE } from "../../../../bc/zdata-source/Symbols";
-import { ZFORM_VALIDATION_RULES_FAILURE, ZFORM_VALIDATION_RULES_SUCCESS } from "../../../../bc/zform/Symbol";
+import { ZFORM_VALIDATION_RULES_FAILURE, ZFORM_VALIDATION_RULES_SUCCESS, ZFORM_LOOKUP_FIELD_SUCCESS } from "../../../../bc/zform/Symbol";
 
 class MyFormSuccessUseCase extends AbstractUseCase {
   execute(input) {
@@ -24,6 +24,7 @@ class MyFormSuccessUseCase extends AbstractUseCase {
     const context = { ...zFormEntity.getContext(),
       layoutId: zFormEntity.getLayoutId()
     };
+    const lookupFields = sections.flatMap(section => section.fields.filter(field => field.type === 'LookUp'));
     const sectionEntities = sections.map(section => {
       const fields = section.fields.map(field => {
         const entity = new ZField(field);
@@ -57,6 +58,39 @@ class MyFormSuccessUseCase extends AbstractUseCase {
       });
     });
 
+    if (lookupFields.length > 0) {
+      dispatch({
+        type: DATA_SOURCE_EXECUTE,
+        payload: {
+          actionName: 'fetchLookupFields',
+          props: { ...context
+          }
+        },
+        metaData: {
+          actionName: 'fetchLookupFields',
+          //hack
+          [DATA_SOURCE_NO_CONTENT]: {
+            type: ZFORM_LOOKUP_FIELD_SUCCESS,
+            metaData: {
+              actionName: 'fetchLookupFields'
+            }
+          },
+          // [DATA_SOURCE_FAILURE]: {
+          //   type: ZFORM_LOOKUP_FIELD_SUCCESS,
+          //   metaData: {
+          //     actionName: 'fetchValidationRules'
+          //   }
+          // },
+          [DATA_SOURCE_SUCCESS]: {
+            type: ZFORM_LOOKUP_FIELD_SUCCESS,
+            metaData: {
+              actionName: 'fetchLookupFields'
+            }
+          }
+        }
+      });
+    }
+
     if (!disableValidationRule) {
       presenter.updateFormResponse(zFormEntity.toObject());
       dispatch({

package/es/platform/zform/domain/ZField.js

@@ -25,7 +25,8 @@ export default class ZField {
       toolTipType,
       defaultValue,
       isPHI,
-      subType
+      subType,
+      lookup
     } = _ref;
 
     _defineProperty(this, "displayLabel", void 0);
@@ -76,6 +77,8 @@ export default class ZField {
 
     _defineProperty(this, "isPHI", void 0);
 
+    _defineProperty(this, "lookup", void 0);
+
     this.displayLabel = displayLabel;
     this.apiName = apiName;
     this.isCustomField = isCustomField;
@@ -99,7 +102,8 @@ export default class ZField {
     this.toolTip = toolTip;
     this.toolTipType = toolTipType;
     this.defaultValue = defaultValue;
-    this.isPHI = isPHI; // if(value===undefined){
+    this.isPHI = isPHI;
+    this.lookup = lookup; // if(value===undefined){
     //     this.setDefaultValue()
     // }
   }
@@ -109,8 +113,8 @@ export default class ZField {
       return false;
     }
 
-    if (typeof defaultValue === "string") {
-      return defaultValue === "true" ? true : false;
+    if (typeof defaultValue === 'string') {
+      return defaultValue === 'true' ? true : false;
     }
 
     return defaultValue;
@@ -121,8 +125,8 @@ export default class ZField {
       return [];
     }
 
-    if (typeof defaultValue === "string") {
-      return defaultValue.split(";");
+    if (typeof defaultValue === 'string') {
+      return defaultValue.split(';');
     }
 
     return defaultValue;
@@ -157,7 +161,7 @@ export default class ZField {
 
   setValue(value) {
     if (this.value !== value) {
-      this.errorMessage = ""; // Reset error message when value changes
+      this.errorMessage = ''; // Reset error message when value changes
     }
 
     this.value = value;
@@ -188,6 +192,7 @@ export default class ZField {
     this.defaultPickListValues = fieldProperties.defaultPickListValues !== undefined ? fieldProperties.defaultPickListValues : this.defaultPickListValues;
     this.toolTip = fieldProperties.toolTip !== undefined ? fieldProperties.toolTip : this.toolTip;
     this.decimalPlaces = fieldProperties.decimalPlaces !== undefined ? fieldProperties.decimalPlaces : this.decimalPlaces;
+    this.lookup = fieldProperties.lookup !== undefined ? fieldProperties.lookup : this.lookup;
   }
 
   setErrorMessage(errorMessage) {
@@ -241,7 +246,8 @@ export default class ZField {
       toolTipType: this.toolTipType,
       defaultValue: this.defaultValue,
       isPHI: this.isPHI,
-      subType: this.subType
+      subType: this.subType,
+      lookup: this.lookup
     };
   }