@zohodesk/library-platform 1.1.8 → 1.1.9

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

@@ -11,9 +11,11 @@ import LayoutRulesSuccessUseCase from "../../applications/usecases/LayoutRulesSu
 import ValidationRulesRequestUseCase from "../../applications/usecases/ValidationRulesRequestUseCase";
 import ValidationRulesSuccessUseCase from "../../applications/usecases/ValidationRulesSuccessUseCase";
 import FieldValueChangeRequestUseCase from "../../applications/usecases/FieldValueChangeRequestUseCase";
-import ValidateFieldRequestUseCase from "../../applications/usecases/ValidateFieldRequestUseCase";
 import SetFieldErrorMessageUseCase from "../../applications/usecases/SetFieldErrorMessageUseCase";
-import ValidateErrorMessageUseCase from "../../applications/usecases/ValidateErrorMessageUseCase";
+import FieldBlurUseCase from "../../applications/usecases/FieldBlurUseCase";
+import SubmitValidationCompletedUseCase from "../../applications/usecases/SubmitValidationCompletedUseCase";
+import ValidationRulesExecutionResultUseCase from "../../applications/usecases/ValidationRulesExecutionResultUseCase";
+import ValidateFieldUseCase from "../../applications/usecases/ValidateFieldUseCase";
 
 class Service {
   constructor(dependencies) {
@@ -41,11 +43,15 @@ class Service {
 
     _defineProperty(this, "fieldValueChangeRequestUseCase", void 0);
 
-    _defineProperty(this, "validateFieldRequestUseCase", void 0);
-
     _defineProperty(this, "setFieldErrorMessageUseCase", void 0);
 
-    _defineProperty(this, "validateErrorMessageUseCase", void 0);
+    _defineProperty(this, "fieldBlurUseCase", void 0);
+
+    _defineProperty(this, "validateFieldUseCase", void 0);
+
+    _defineProperty(this, "validationRulesExecutionResultUseCase", void 0);
+
+    _defineProperty(this, "submitValidationCompletedUseCase", void 0);
 
     this.formSubmitUseCase = new FormSubmitUseCase(dependencies);
     this.initializeUseCase = new InitializeUseCase(dependencies);
@@ -58,9 +64,11 @@ class Service {
     this.validationRulesRequestUseCase = new ValidationRulesRequestUseCase(dependencies);
     this.validationRulesSuccessUseCase = new ValidationRulesSuccessUseCase(dependencies);
     this.fieldValueChangeRequestUseCase = new FieldValueChangeRequestUseCase(dependencies);
-    this.validateFieldRequestUseCase = new ValidateFieldRequestUseCase(dependencies);
     this.setFieldErrorMessageUseCase = new SetFieldErrorMessageUseCase(dependencies);
-    this.validateErrorMessageUseCase = new ValidateErrorMessageUseCase(dependencies);
+    this.fieldBlurUseCase = new FieldBlurUseCase(dependencies);
+    this.validateFieldUseCase = new ValidateFieldUseCase(dependencies);
+    this.validationRulesExecutionResultUseCase = new ValidationRulesExecutionResultUseCase(dependencies);
+    this.submitValidationCompletedUseCase = new SubmitValidationCompletedUseCase(dependencies);
   }
 
 }

package/es/platform/zform/adapters/presenter/FormTranslator.js

@@ -5,6 +5,7 @@ export default class FormTranslator {
   static transformState(state) {
     const {
       componentMapping,
+      preferences,
       context,
       isHeaderEnabled = true,
       isFooterEnabled = true,
@@ -51,6 +52,14 @@ export default class FormTranslator {
       footerLeftActions,
       footerRightActions
     } = transformedClientActions;
+    const {
+      fieldLabelActions,
+      fieldActions
+    } = mappedClientActions;
+    const fieldLevelActions = {
+      fieldLabelActions,
+      fieldActions
+    };
     const {
       isMyFormFetching,
       isDependencyFetching,
@@ -59,6 +68,16 @@ export default class FormTranslator {
       sections
     } = zform;
     const isLoading = isMyFormFetching || isDependencyFetching || isLayoutRulesFetching || isValidationRulesFetching;
+    let rightPanel = {};
+
+    if (componentMapping && componentMapping.rightPanel && componentMapping.rightPanel.translator) {
+      rightPanel = {
+        componentName: componentMapping.rightPanel.UIComponentName,
+        properties: componentMapping.rightPanel.translator({
+          context
+        })
+      };
+    }
 
     if (isLoading) {
       return { ...state,
@@ -82,7 +101,10 @@ export default class FormTranslator {
             const sectionViewModel = SectionTranslator({
               section,
               componentMapping,
-              context
+              fieldLevelActions,
+              context,
+              focusedFieldName: zform.focusedFieldName,
+              preferences
             });
             return sectionViewModel;
           }),
@@ -92,7 +114,8 @@ export default class FormTranslator {
           headerRightActions,
           footerLeftActions,
           footerRightActions,
-          isLoading: false
+          isLoading: false,
+          rightPanel
         }
       };
     }
@@ -104,5 +127,7 @@ const mapper = clientAction => ({
   headerLeftActions: clientAction.filter(action => action.location === 'header_left_actions'),
   headerRightActions: clientAction.filter(action => action.location === 'header_right_actions'),
   footerLeftActions: clientAction.filter(action => action.location === 'footer_left_actions'),
-  footerRightActions: clientAction.filter(action => action.location === 'footer_right_actions')
+  footerRightActions: clientAction.filter(action => action.location === 'footer_right_actions'),
+  fieldLabelActions: clientAction.filter(action => action.location === 'field_label_actions'),
+  fieldActions: clientAction.filter(action => action.location === 'field_actions')
 });

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

@@ -1,5 +1,6 @@
 import { DefaultFormSectionUIType, fieldTypeToUIType } from "../../../../../cc/fields/field/FormDefaultUIType";
 import * as FieldTranslators from "./fields";
+import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 
 function SectionTranslator(_ref) {
   var _componentMapping$sec;
@@ -7,7 +8,10 @@ function SectionTranslator(_ref) {
   let {
     section,
     componentMapping,
-    context
+    fieldLevelActions,
+    context,
+    focusedFieldName,
+    preferences
   } = _ref;
   const mapping = componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$sec = componentMapping.sections) === null || _componentMapping$sec === void 0 ? void 0 : _componentMapping$sec[section.name];
 
@@ -25,7 +29,7 @@ function SectionTranslator(_ref) {
     isCollapsed: section.isCollapsed,
     isVisible: section.isVisible && sectionVisibility(section),
     fields: section.fields.map(field => {
-      var _componentMapping$fie;
+      var _componentMapping$fie, _preferences$fields;
 
       const fieldTranslator = FieldTranslators[field.type];
       const {
@@ -33,10 +37,57 @@ function SectionTranslator(_ref) {
         translator
       } = (componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$fie = componentMapping.fields) === null || _componentMapping$fie === void 0 ? void 0 : _componentMapping$fie[field.apiName]) || {};
       const type = UIComponentName || fieldTypeToUIType[field.type];
+      const uiConfig = (preferences === null || preferences === void 0 ? void 0 : (_preferences$fields = preferences.fields) === null || _preferences$fields === void 0 ? void 0 : _preferences$fields[field.apiName]) || {
+        size: 'small',
+        breakRow: false
+      };
+      const transformedActions = {
+        fieldLabelActions: [],
+        fieldActions: []
+      }; // Transform client actions
+
+      Object.entries(fieldLevelActions).forEach(_ref2 => {
+        let [key, value] = _ref2;
+        let transformedAction = ClientActionsTranslator.transform(value, { ...context,
+          ...field
+        });
+        transformedActions[key] = transformedAction;
+      }); // Initialize fieldPreModified
+
+      const fieldPreModified = {};
+      fieldPreModified['labelActions'] = [];
+      fieldPreModified['actions'] = []; // Assigning fieldLabelActions to labelActions
+
+      let labelActions = transformedActions.fieldLabelActions || []; // Ephi check
+
+      if (field.isPHI === false) {
+        labelActions = labelActions.filter(item => item.component !== "HighlightedValue");
+      } // Info Icon check
+
+
+      if (field.toolTip && field.toolTipType !== "icon" || !field.toolTipType) {
+        labelActions = labelActions.filter(item => item.properties.label !== "Default Info Icon");
+      } // Final labelActions to fieldPreModified
+
+
+      fieldPreModified['labelActions'] = labelActions; // Final fieldActions to fieldPreModified
+
+      if (field.type !== "Boolean" && field.type !== "Textarea") {
+        fieldPreModified['actions'] = transformedActions.fieldActions;
+      } // Placeholder check
+
+
+      if (field.toolTip && field.toolTipType === "placeholder") {
+        fieldPreModified["placeholder"] = field.toolTip;
+      }
+
       const viewModel = fieldTranslator({
         field,
-        type
+        type,
+        fieldPreModified,
+        uiConfig
       });
+      viewModel.isFocused = focusedFieldName === field.apiName;
       return translator ? translator({
         context,
         field: viewModel

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

@@ -1,20 +1,24 @@
 const BooleanFieldTranslator = _ref => {
   let {
     field,
-    type
+    type,
+    uiConfig,
+    fieldPreModified
   } = _ref;
-  return {
+  const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     type,
+    uiConfig,
     value: field.value,
     name: field.apiName,
-    // placeholder: field.i18NLabel,//field.placeholder,
+    errorMessage: field.errorMessage || '',
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible
     isVisible: field.isVisible
   };
+  return fieldModified;
 };
 
 export default BooleanFieldTranslator;

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

@@ -2,27 +2,23 @@ const CurrencyFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
     required: field.isMandatory,
     readonly: field.isReadOnly,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

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

@@ -1,20 +1,24 @@
 const DateFieldTranslator = _ref => {
   let {
     field,
-    type
+    type,
+    uiConfig,
+    fieldPreModified
   } = _ref;
-  return {
+  const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
-    // placeholder: field.i18NLabel,//field.placeholder,
+    errorMessage: field.errorMessage || '',
     required: field.isMandatory,
     readonly: field.isReadOnly,
     isVisible: field.isVisible
   };
+  return fieldModified;
 };
 
 export default DateFieldTranslator;

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

@@ -1,21 +1,25 @@
 const DateTimeFieldTranslator = _ref => {
   let {
     field,
-    type
+    type,
+    uiConfig,
+    fieldPreModified
   } = _ref;
-  return {
+  const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
-    // placeholder: field.i18NLabel,//field.placeholder,
+    errorMessage: field.errorMessage || '',
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible
     isVisible: field.isVisible
   };
+  return fieldModified;
 };
 
 export default DateTimeFieldTranslator;

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

@@ -2,27 +2,24 @@ const DecimalFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
+    // ePHI: field.isPHI, //field.ePHI,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

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

@@ -2,28 +2,25 @@ const EmailFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
+    // ePHI: field.isPHI, //field.ePHI,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

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

@@ -2,28 +2,24 @@ const LookUpFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    tooltip: '',
-    //field.tooltip,
-    placeholder: field.i18NLabel,
-    //field.placeholder,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

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

@@ -1,9 +1,11 @@
 const MultiSelectFieldTranslator = _ref => {
   let {
     field,
-    type
+    type,
+    uiConfig,
+    fieldPreModified
   } = _ref;
-  return {
+  const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     options: field.pickListValues ? field.pickListValues.map(picklistValue => {
@@ -13,17 +15,18 @@ const MultiSelectFieldTranslator = _ref => {
       };
     }) : [],
     type,
+    uiConfig,
     subType: field.subType,
     value: field.value,
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
-    // placeholder: field.i18NLabel,//field.placeholder,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
   };
+  return fieldModified;
 };
 
 export default MultiSelectFieldTranslator;

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

@@ -2,28 +2,25 @@ const NumberFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
+    // ePHI: field.isPHI, //field.ePHI,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

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

@@ -2,28 +2,25 @@ const PercentageFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
+    // ePHI: field.isPHI, //field.ePHI,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

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

@@ -2,27 +2,24 @@ const PhoneFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
+    // ePHI: field.isPHI, //field.ePHI,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

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

@@ -1,9 +1,11 @@
 const PickListFieldTranslator = _ref => {
   let {
     field,
-    type
+    type,
+    uiConfig,
+    fieldPreModified
   } = _ref;
-  return {
+  const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     options: field.pickListValues.map(picklistValue => {
@@ -13,17 +15,18 @@ const PickListFieldTranslator = _ref => {
       };
     }),
     type,
+    uiConfig,
     subType: field.subType.toLowerCase(),
     value: field.value,
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
-    // placeholder: field.i18NLabel,//field.placeholder,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
   };
+  return fieldModified;
 };
 
 export default PickListFieldTranslator;

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

@@ -2,28 +2,24 @@ const TextAreaFieldTranslator = _ref => {
   let {
     field,
     type,
-    ePHIFields
+    fieldPreModified,
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
-  }; // if (ePHIFields[field.type]) {
-  //     fieldModified.ePHI = true;
-  // }
-
+  };
   return fieldModified;
 };
 

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

@@ -1,27 +1,27 @@
 const TextFieldTranslator = _ref => {
   let {
+    field,
     type,
-    field
+    fieldPreModified,
+    uiConfig
   } = _ref;
-  return {
+  const fieldModified = {
     type,
+    uiConfig,
     value: field.value || '',
     //state.behaviours.zform.values[field.apiName],
     name: field.apiName,
+    ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
-    // toolTip: field.tooltip || '',
-    // toolTipType: field.toolTipType || '',
-    // placeholder: field.toolTip || '',
-    placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
-    ePHI: false,
-    //field.ePHI,
+    // ePHI: field.isPHI, //field.ePHI,
     required: field.isMandatory,
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
   };
+  return fieldModified;
 };
 
 export default TextFieldTranslator;