@zohodesk/library-platform 1.1.9 → 1.1.10-exp.2

package/es/platform/zform/frameworks/ui/EventHandlerFactory.js

@@ -1,11 +1,14 @@
 import { ZFORM_SUBMIT } from "../../../../bc/zform/Constants";
 import FormSubmitController from "../../adapters/controllers/FormSubmitController";
+import CreateRecordSuccessController from "../../adapters/controllers/CreateRecordSuccessController";
+import CreateRecordFailedController from "../../adapters/controllers/CreateRecordFailedController";
 import FormRepository from "../../adapters/gateway/FormRepository";
 import FormPresenter from "../../adapters/presenter/FormPresenter";
 import Service from "../../adapters/gateway/Service";
 import LifeCycleEvents from "../../../../cc/component/LifeCycleEventsEnum";
 import InitializeController from "../../adapters/controllers/IntializeController";
-import { ZFORM_DEPENDENCY_MAPPINGS_REQUEST, ZFORM_DEPENDENCY_MAPPINGS_SUCCESS, ZFORM_FIELD_VALUE_CHANGE_REQUEST, ZFORM_MY_FORM_REQUEST, ZFORM_MY_FORM_SUCCESS, ZFORM_MY_LAYOUTS_SUCCESS, ZFORM_SET_FIELD_ERROR_MESSAGE, ZFORM_SUBMIT_SUCCESS, ZFORM_SUBMIT_VALIDATION_COMPLETED, ZFORM_VALIDATE_FIELD_REQUEST, ZFORM_VALIDATION_RULES_REQUEST, ZFORM_VALIDATION_RULES_SUCCESS, ZFORM_VALIDATION_RULES_EXECUTION_RESULT } from "../../../../bc/zform/Symbol";
+import { ZFORM_DEPENDENCY_MAPPINGS_REQUEST, ZFORM_DEPENDENCY_MAPPINGS_SUCCESS, ZFORM_FIELD_VALUE_CHANGE_REQUEST, ZFORM_MY_FORM_REQUEST, ZFORM_MY_FORM_SUCCESS, ZFORM_MY_LAYOUTS_SUCCESS, ZFORM_SET_FIELD_ERROR_MESSAGE, ZFORM_SUBMIT_VALIDATION_COMPLETED, ZFORM_API_FAILURE, ZFORM_VALIDATE_FIELD_REQUEST, ZFORM_VALIDATION_RULES_REQUEST, ZFORM_VALIDATION_RULES_SUCCESS, ZFORM_VALIDATION_RULES_EXECUTION_RESULT, ZFORM_LOOKUP_FIELD_SUCCESS } from "../../../../bc/zform/Symbol";
+import LookupFieldController from "../../adapters/controllers/LookupFieldController";
 import MyLayoutSuccessController from "../../adapters/controllers/MyLayoutSuccessController";
 import MyFormSuccessController from "../../adapters/controllers/MyFromSuccessController";
 import DependenciesController from "../../adapters/controllers/DependenciesController";
@@ -23,10 +26,11 @@ import FormValidator from "../validation-rules/Validator";
 import SetFieldErrorMessageController from "../../adapters/controllers/SetFieldErrorMessageController";
 import LayoutRuleApplier from "../layout-rules/LayoutRuleApplier";
 import { RECORD_EXECUTE_FAIL_CALLBACK, RECORD_EXECUTE_SUCCESS_CALLBACK } from "../../../../bc/zrecord/Constants";
-import SmartFormConstants from "../../../../cc/form-connected/Constants";
+import SmartFormConstants from "../../../../cc/form-connected/ExternalConstants";
 import FieldBlurController from "../../adapters/controllers/FieldBlurController";
 import SubmitValidationCompletedController from "../../adapters/controllers/SubmitValidationCompletedController";
 import ValidationRulesExecutionResultController from "../../adapters/controllers/ValidationRulesExecutionResultController";
+import ApiFailureController from "../../adapters/controllers/ApiFailureController";
 
 class EventHandlersFactory {
   static create() {
@@ -40,6 +44,8 @@ class EventHandlersFactory {
       validator,
       layoutRuleApplier
     });
+    const createRecordSuccessController = new CreateRecordSuccessController(service);
+    const createRecordFailedController = new CreateRecordFailedController(service);
     const initializeController = new InitializeController(service);
     const myLayoutSuccessController = new MyLayoutSuccessController(service);
     const myFormRequestController = new MyFormRequestController(service);
@@ -50,6 +56,7 @@ class EventHandlersFactory {
     const layoutRulesSuccessController = new LayoutRulesSuccessController(service);
     const validationRulesRequestController = new ValidationRulesRequestController(service);
     const validationRulesSuccessController = new ValidationRulesSuccessController(service);
+    const lookupFieldController = new LookupFieldController(service);
     const fieldValueChangeController = new FieldValueChangeController(service);
     const validateFieldRequestController = new ValidateFieldRequestController(service);
     const formSubmitController = new FormSubmitController(service);
@@ -57,29 +64,12 @@ class EventHandlersFactory {
     const fieldBlurController = new FieldBlurController(service);
     const submitValidationCompletedController = new SubmitValidationCompletedController(service);
     const validationRulesExecutionResultController = new ValidationRulesExecutionResultController(service);
+    const apiFailureController = new ApiFailureController(service);
     return {
       [LifeCycleEvents.MOUNT]: initializeController.handle,
       [ZFORM_MY_LAYOUTS_SUCCESS]: myLayoutSuccessController.handle,
-      [RECORD_EXECUTE_SUCCESS_CALLBACK]: _ref => {
-        let {
-          action,
-          dispatch
-        } = _ref;
-        dispatch({
-          type: ZFORM_SUBMIT_SUCCESS,
-          payload: action.payload
-        });
-      },
-      [RECORD_EXECUTE_FAIL_CALLBACK]: _ref2 => {
-        let {
-          action,
-          dispatch
-        } = _ref2;
-        dispatch({
-          type: "SMART_FORM#SUBMIT_FAILED",
-          payload: action.payload
-        });
-      },
+      [RECORD_EXECUTE_SUCCESS_CALLBACK]: createRecordSuccessController.handle,
+      [RECORD_EXECUTE_FAIL_CALLBACK]: createRecordFailedController.handle,
       [ZFORM_MY_FORM_REQUEST]: myFormRequestController.handle,
       [ZFORM_MY_FORM_SUCCESS]: myFormSuccessController.handle,
       [ZFORM_DEPENDENCY_MAPPINGS_REQUEST]: dependenciesRequestController.handle,
@@ -88,28 +78,35 @@ class EventHandlersFactory {
       [ZFORM_LAYOUT_RULES_SUCCESS]: layoutRulesSuccessController.handle,
       [ZFORM_VALIDATION_RULES_REQUEST]: validationRulesRequestController.handle,
       [ZFORM_VALIDATION_RULES_SUCCESS]: validationRulesSuccessController.handle,
+      [ZFORM_API_FAILURE]: apiFailureController.handle,
       [ZFORM_FIELD_VALUE_CHANGE_REQUEST]: fieldValueChangeController.handle,
       [ZFORM_SET_FIELD_ERROR_MESSAGE]: setFieldErrorMessageController.handle,
       [ZFORM_VALIDATE_FIELD_REQUEST]: validateFieldRequestController.handle,
       [SmartFormConstants.SMART_FORM_SUBMIT_CLICKED]: formSubmitController.handle,
       [ZFORM_SUBMIT]: formSubmitController.handle,
-      [FormConstants.FORM_SUBMIT]: _ref3 => {
+      [FormConstants.FORM_SUBMIT]: _ref => {
         let {
           action,
           dispatch
-        } = _ref3;
+        } = _ref;
+        const {
+          metaData,
+          payload
+        } = action;
         dispatch({
-          type: ZFORM_SUBMIT
+          type: ZFORM_SUBMIT,
+          metaData,
+          payload
         });
       },
       [FormConstants.FORM_FIELD_BLURRED]: fieldBlurController.handle,
       [ZFORM_VALIDATION_RULES_EXECUTION_RESULT]: validationRulesExecutionResultController.handle,
       [ZFORM_SUBMIT_VALIDATION_COMPLETED]: submitValidationCompletedController.handle,
-      [FormConstants.FORM_FIELD_VALUE_CHANGE_REQUEST]: _ref4 => {
+      [FormConstants.FORM_FIELD_VALUE_CHANGE_REQUEST]: _ref2 => {
         let {
           action,
           dispatch
-        } = _ref4;
+        } = _ref2;
         const {
           sectionId,
           fieldName,
@@ -124,7 +121,8 @@ class EventHandlersFactory {
           },
           metaData: {}
         });
-      }
+      },
+      [ZFORM_LOOKUP_FIELD_SUCCESS]: lookupFieldController.handle
     };
   }
 

package/es/platform/zform/frameworks/ui/ZFormBehaviourFactory.js

@@ -12,6 +12,7 @@ class ZFormBehaviourFactory {
         return {
           isMyFormFetching: true,
           isDependencyFetching: true,
+          isSubmitFetching: false,
           isLayoutRulesFetching: true,
           isValidationRulesFetching: true
         };

package/es/platform/zform/frameworks/validation-rules/Validator.js

@@ -1,12 +1,10 @@
-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 getValidationRuleActionsData from "./validationRules";
 import * as defaultCustomValidators from "./DefaultCustomValidators"; //need to move to gateway in adapter
 
 export default class Validator {
-  constructor() {
-    _defineProperty(this, "customValidators", defaultCustomValidators);
-  }
+  customValidators = defaultCustomValidators;
+
+  constructor() {}
 
   init(state) {
     this.customValidators = { ...defaultCustomValidators,
@@ -38,9 +36,7 @@ export default class Validator {
 
       function handleResult(result) {
         if (result && result.type === 'fail') {
-          var _result$action;
-
-          const errorMessage = typeof result.message === 'string' ? result.message : (_result$action = result.action) === null || _result$action === void 0 ? void 0 : _result$action.message;
+          const errorMessage = typeof result.message === 'string' ? result.message : result.action?.message;
           return {
             fieldName,
             actions: {

package/es/platform/zhttp/adapters/controllers/FetchController.js

@@ -16,13 +16,17 @@ class FetchController {
       metaData
     } = action;
     const {
-      headers
+      headers: headersFromProps
     } = state.properties;
+    const {
+      headers: headersFromContext
+    } = state.behaviours.appContext;
     const {
       url,
       method,
       getResponse
     } = payload;
+    const headers = headersFromProps ? headersFromProps : headersFromContext;
     this.fetchUseCase.execute({
       url,
       method,

package/es/platform/zlist/adapters/gateways/Repository.js

@@ -1,14 +1,8 @@
-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 ListErrorState from "../../domain/entities/ListErrorState";
 import ListFactory from "../../applications/entities-factory/ListFactory";
 import SortBy from "../../domain/entities/SortBy";
 
 class Repository {
-  constructor() {
-    _defineProperty(this, "state", void 0);
-  }
-
   init(state) {
     this.state = state;
   }
@@ -18,9 +12,11 @@ class Repository {
       departmentId,
       viewId,
       moduleName,
-      query,
-      context
+      query
     } = this.state.properties;
+    const {
+      context
+    } = this.state.behaviours.appContext;
     const {
       sortBy,
       errorState,

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

@@ -1,5 +1,3 @@
-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 InitializeUseCase from "../../applications/usecases/InitializeUseCase";
 import PropertiesChangeUseCase from "../../applications/usecases/PropertiesChangeUseCase";
 import FetchMoreUseCase from "../../applications/usecases/FetchMoreUseCase";
@@ -19,37 +17,6 @@ import ReOrderFailedUseCase from "../../applications/usecases/ReOrderFailedUseCa
 class Service {
   constructor(dependencies) {
     this.dependencies = dependencies;
-
-    _defineProperty(this, "initializeUseCase", void 0);
-
-    _defineProperty(this, "propertiesChangeUseCase", void 0);
-
-    _defineProperty(this, "fieldChangeUseCase", void 0);
-
-    _defineProperty(this, "fetchMoreUseCase", void 0);
-
-    _defineProperty(this, "deleteMultipleRecordUseCase", void 0);
-
-    _defineProperty(this, "deleteSingleRecordUseCase", void 0);
-
-    _defineProperty(this, "recordExecuteSucceededUseCase", void 0);
-
-    _defineProperty(this, "recordSuccessCallbackUseCase", void 0);
-
-    _defineProperty(this, "recordExecuteFailedUseCase", void 0);
-
-    _defineProperty(this, "sortUseCase", void 0);
-
-    _defineProperty(this, "recordUpdateUseCase", void 0);
-
-    _defineProperty(this, "updateSuccessUseCase", void 0);
-
-    _defineProperty(this, "deleteSuccessUseCase", void 0);
-
-    _defineProperty(this, "reOrderUseCase", void 0);
-
-    _defineProperty(this, "reOrderFailedUseCase", void 0);
-
     this.initializeUseCase = new InitializeUseCase(this.dependencies);
     this.propertiesChangeUseCase = new PropertiesChangeUseCase(this.dependencies);
     this.fetchMoreUseCase = new FetchMoreUseCase(this.dependencies);

package/es/platform/zlist/adapters/presenters/Presenters.js

@@ -1,12 +1,4 @@
-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; }
-
 class Presenter {
-  constructor() {
-    _defineProperty(this, "updateState", void 0);
-
-    _defineProperty(this, "state", void 0);
-  }
-
   updateDependencies(state, updateState) {
     this.updateState = updateState;
     this.state = state;

package/es/platform/zlist/adapters/presenters/SelectionTranslator.js

@@ -12,9 +12,12 @@ export default function SelectionTranslator(state) {
   const {
     columnChooserConfig,
     selectionConfig,
-    context,
-    moduleName
+    moduleName,
+    instanceName
   } = properties;
+  const {
+    context
+  } = state.behaviours.appContext;
   const {
     zfield,
     selection,
@@ -27,7 +30,7 @@ export default function SelectionTranslator(state) {
   const availableFields = zfield.fields;
   const columnChooserProps = getColumnChooserProps(columnChooser, availableFields, context, moduleName);
   const clientActions = generateClientActions(selectionConfig, columnChooserConfig, hasAllSelected, columnChooserProps);
-  const contextAppliedActions = ClientActionsTranslator.transform(clientActions, context);
+  const contextAppliedActions = ClientActionsTranslator.transform(clientActions, instanceName, moduleName, context);
   return {
     selected,
     hasAllSelected,
@@ -52,8 +55,6 @@ function generateClientActions(selectionConfig, columnChooserConfig, hasAllSelec
 }
 
 function getColumnChooserProps(columnChooser) {
-  var _context$modules, _context$modules$find;
-
   let availableFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   let context = arguments.length > 2 ? arguments[2] : undefined;
   let moduleName = arguments.length > 3 ? arguments[3] : undefined;
@@ -64,7 +65,7 @@ function getColumnChooserProps(columnChooser) {
     isMaxSelectionReached
   } = columnChooser;
   const fieldMap = mapFieldsToObject(availableFields);
-  const disabledFieldName = (_context$modules = context.modules) === null || _context$modules === void 0 ? void 0 : (_context$modules$find = _context$modules.find(module => module.apiKey === moduleName)) === null || _context$modules$find === void 0 ? void 0 : _context$modules$find.nameField;
+  const disabledFieldName = context.modules?.find(module => module.apiKey === moduleName)?.nameField;
   const columnChooserOptions = fieldsOrder.map(fieldName => getOption(fieldMap[fieldName], !!selected[fieldName], disabledFieldName === fieldName));
   return {
     options: columnChooserOptions,

package/es/platform/zlist/adapters/presenters/TableTranslator.js

@@ -18,17 +18,18 @@ const fallbackToDefault = (value, defaultValue) => [undefined, null].includes(va
 
 export default class TableTranslator {
   static transformState(state) {
-    var _preferences$rowActio, _localStorageBehaviou, _localStorageBehaviou2;
-
     const {
       behaviours,
       properties
     } = state;
     const {
       componentMapping,
-      context,
-      reOrderConfig
+      reOrderConfig,
+      instanceName
     } = properties;
+    const {
+      context
+    } = behaviours.appContext;
     const {
       localStorage: localStorageBehaviour,
       columnResizer,
@@ -45,7 +46,8 @@ export default class TableTranslator {
       zlist,
       zrecord,
       zfield,
-      zclientAction
+      zclientAction,
+      zclientScriptsEventMapping
     } = fallbackToDefault(behaviours, {}); // FIX: behaviours should be available by default
 
     const {
@@ -68,6 +70,10 @@ export default class TableTranslator {
       isFetching: isClientActionsFetching
     } = fallbackToDefault(zclientAction, {}); // FIX: zclientAction should be available by defaultlt
 
+    const {
+      clientScripts,
+      isFetching: isClientScriptsFetching
+    } = fallbackToDefault(zclientScriptsEventMapping, {});
     const fieldComponentMapping = fallbackToDefault(componentMapping.fields, {});
     const rowActionsUiType = componentMapping.rowActionsComponentName;
     const {
@@ -82,7 +88,7 @@ export default class TableTranslator {
     } = fallbackToDefault(zfield, {}); // FIX: zfield should be available by default
 
     const isLoading = !!(isRecordsFetching || isAvailableFieldsFetching || isSelectedFieldsFetching);
-    const fields = selectedFields === null || selectedFields === void 0 ? void 0 : selectedFields.map(selectedField => availableFields === null || availableFields === void 0 ? void 0 : availableFields.find(availableField => availableField.name === selectedField)).filter(f => f != undefined);
+    const fields = selectedFields?.map(selectedField => availableFields?.find(availableField => availableField.name === selectedField)).filter(f => f != undefined);
     const newClientActions = DefaultClientActions.createSortActions(fields, clientActions || EMPTY_ARRAY);
     const {
       headerActions,
@@ -92,21 +98,22 @@ export default class TableTranslator {
     } = mapClientActions(newClientActions || EMPTY_ARRAY);
     const isRowClickable = noLocation.some(action => action.uiComponentMapping.eventMappings.some(mapping => mapping.sourceEvent === TableListConstants.TABLE_LIST_ROW_CLICKED));
     const rowCursor = isRowClickable ? RowCursor.Pointer : RowCursor.Default;
-    const rowActionsWidth = preferences === null || preferences === void 0 ? void 0 : (_preferences$rowActio = preferences.rowActions) === null || _preferences$rowActio === void 0 ? void 0 : _preferences$rowActio.width;
+    const rowActionsWidth = preferences?.rowActions?.width;
     const {
       moduleName,
       viewId
     } = properties; // TODO: move this to a separate file as selector
 
-    const localStorageFieldWidths = fallbackToDefault(localStorageBehaviour === null || localStorageBehaviour === void 0 ? void 0 : (_localStorageBehaviou = localStorageBehaviour[moduleName]) === null || _localStorageBehaviou === void 0 ? void 0 : (_localStorageBehaviou2 = _localStorageBehaviou[viewId]) === null || _localStorageBehaviou2 === void 0 ? void 0 : _localStorageBehaviou2.modifiedWidths, EMPTY_OBJECT);
+    const localStorageFieldWidths = fallbackToDefault(localStorageBehaviour?.[moduleName]?.[viewId]?.modifiedWidths, EMPTY_OBJECT);
     const modifiedWidths = calculateFieldWidths(fields, localStorageFieldWidths, preferences);
     const recordsForDisplay = isRecordsShouldBeEmptied ? EMPTY_ARRAY : records;
-    const headersTranslator = new HeadersTranslator(fields, headerActions, context, modifiedWidths, sortBy, records);
-    const rowsTranslator = new RowsTranslator(recordsForDisplay, fields, rowActions, context, fieldComponentMapping, rowActionsUiType, fieldActions); // const actionTranslator = new ClientActionsTranslator(clientActions, records, fields, pageContext);
+    const headersTranslator = new HeadersTranslator(fields, headerActions, context, modifiedWidths, sortBy, records, instanceName, moduleName);
+    const rowsTranslator = new RowsTranslator(recordsForDisplay, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions, instanceName, moduleName); // const actionTranslator = new ClientActionsTranslator(clientActions, records, fields, pageContext);
     // const translators = [headersTranslator.getTranslator(), rowsTranslator.getTranslator(), actionTranslator.getTranslator()];
 
     const translators = [headersTranslator.getTranslator(), rowsTranslator.getTranslator()];
-    const data = Pipeline.run(translators, {}); // TODO: Implement ModuleTableModel, and move data and isLoading to tableViewModel Object
+    let data = Pipeline.run(translators, {});
+    data.clientScripts = clientScripts; // TODO: Implement ModuleTableModel, and move data and isLoading to tableViewModel Object
 
     return {
       properties,
@@ -125,7 +132,7 @@ export default class TableTranslator {
           modifiedWidths
         }),
         rowActionsConfig: {
-          hasActions: Boolean(rowActions === null || rowActions === void 0 ? void 0 : rowActions.length),
+          hasActions: Boolean(rowActions?.length),
           // Boolean(newRowActions?.length),
           columnWidth: typeof rowActionsWidth === 'number' ? rowActionsWidth : ColumnWidth.XSmall
         },

package/es/platform/zlist/adapters/presenters/translators/ColumnTranslator.js

@@ -4,8 +4,6 @@ import ClientActionsTranslator from "../../../../client-actions/translators/clie
 
 //hacking temp url construction for lookup
 function getLookupUrlConstructions(_ref) {
-  var _field$lookup, _field$lookup$module;
-
   let {
     field,
     value,
@@ -15,13 +13,11 @@ function getLookupUrlConstructions(_ref) {
     orgName,
     departmentName
   } = context;
-  let lookupModuleName = field === null || field === void 0 ? void 0 : (_field$lookup = field.lookup) === null || _field$lookup === void 0 ? void 0 : (_field$lookup$module = _field$lookup.module) === null || _field$lookup$module === void 0 ? void 0 : _field$lookup$module.apiName;
+  let lookupModuleName = field?.lookup?.module?.apiName;
   return `/agent/${orgName}/${departmentName}/${lookupModuleName}/details/${value.id}`;
 }
 
-function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context) {
-  var _record$cf;
-
+function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, moduleName) {
   const {
     isCustomField,
     name,
@@ -35,8 +31,8 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
   }
 
   let tempValue = undefined;
-  let value = isCustomField ? (_record$cf = record.cf) === null || _record$cf === void 0 ? void 0 : _record$cf[name] : record[name];
-  const actions = ClientActionsTranslator.transform(fieldActions, {
+  let value = isCustomField ? record.cf?.[name] : record[name];
+  const actions = ClientActionsTranslator.transform(fieldActions, instanceName, moduleName, {
     field,
     record
   });
@@ -75,28 +71,39 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
     finalValue = fieldToUiValue;
   }
 
-  if (fieldEntry && typeof fieldEntry === 'object') {
-    let data = {
-      actions,
-      ...fieldTranslator(field, tempValue ? tempValue : finalValue, {
-        recordId: record.id
-      })
-    };
-    data.value = fieldEntry.fieldToUIComponentTranslator({
-      field,
-      record,
-      context
-    });
-    data.type = fieldEntry.UIComponentName;
-    return data;
-  }
-
-  return {
+  finalValue = tempValue ? tempValue : finalValue;
+  const viewModel = {
     actions,
     ...fieldTranslator(field, finalValue, {
       recordId: record.id
-    })
+    }, context, preferences)
   };
+
+  if (fieldEntry && typeof fieldEntry === 'object') {
+    viewModel.type = fieldEntry.UIComponentName;
+
+    if (fieldEntry.fieldToUIComponentTranslator) {
+      viewModel.value = fieldEntry.fieldToUIComponentTranslator({
+        field,
+        record,
+        context
+      });
+    }
+
+    if (fieldEntry.translator) {
+      const newViewModel = fieldEntry.translator({
+        viewModel,
+        field,
+        context
+      });
+      newViewModel.type = fieldEntry.UIComponentName;
+      return newViewModel;
+    }
+
+    return viewModel;
+  }
+
+  return viewModel;
 }
 
 export default ColumnTranslator;

package/es/platform/zlist/adapters/presenters/translators/Header.js

@@ -1,20 +1,19 @@
-import ColumnAlignmentTranslator from "./ColumnAlignmentTranslator";
+import { Alignment } from "../../../../../cc/table-list/data-types/Header";
 import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 import { SortOrder } from "../../../../zlist/domain/entities/interfaces/Properties";
 import { i18NProviderUtils } from '@zohodesk/i18n';
 
-function HeaderTranslator(field, actions, context, modifiedWidths, sortBy, records) {
+function HeaderTranslator(field, actions, context, modifiedWidths, sortBy, records, instanceName, moduleName) {
   const {
     id,
     name,
     displayLabel,
-    isSortable,
-    type
+    isSortable
   } = field;
   const newField = { ...field,
     sort: translateSortBy(field.id, sortBy)
   };
-  const transformedActions = ClientActionsTranslator.transform(actions, { ...context,
+  const transformedActions = ClientActionsTranslator.transform(actions, instanceName, moduleName, { ...context,
     field: newField,
     recordsLength: records.length.toString()
   });
@@ -24,7 +23,7 @@ function HeaderTranslator(field, actions, context, modifiedWidths, sortBy, recor
     name: name,
     text: displayLabel,
     sortable: isSortable,
-    alignment: ColumnAlignmentTranslator(type),
+    alignment: Alignment.Left,
     width,
     actions: transformedActions
   };

package/es/platform/zlist/adapters/presenters/translators/HeadersTranslator.js

@@ -1,12 +1,14 @@
 import HeaderTranslator from "./Header";
 export default class HeadersTranslator {
-  constructor(fields, actions, context, modifiedWidths, sortBy, records) {
+  constructor(fields, actions, context, modifiedWidths, sortBy, records, instanceName, moduleName) {
     this.fields = fields;
     this.actions = actions;
     this.context = context;
     this.modifiedWidths = modifiedWidths;
     this.sortBy = sortBy;
     this.records = records;
+    this.instanceName = instanceName;
+    this.moduleName = moduleName;
     this.pipe = this.pipe.bind(this);
   }
 
@@ -15,7 +17,7 @@ export default class HeadersTranslator {
       return [];
     }
 
-    return this.fields.map(field => HeaderTranslator(field, this.actions, this.context, this.modifiedWidths, this.sortBy, this.records));
+    return this.fields.map(field => HeaderTranslator(field, this.actions, this.context, this.modifiedWidths, this.sortBy, this.records, this.instanceName, this.moduleName));
   }
 
   pipe(viewModel) {

package/es/platform/zlist/adapters/presenters/translators/Row.js

@@ -8,14 +8,17 @@ export default function RowTranslator(_ref) {
     rowActionsUiType,
     rowActions,
     fieldActions,
-    context
+    context,
+    preferences,
+    instanceName,
+    moduleName
   } = _ref;
-  const actions = ClientActionsTranslator.transform(rowActions, { ...context,
+  const actions = ClientActionsTranslator.transform(rowActions, instanceName, moduleName, { ...context,
     record
   });
   return {
     id: record.id,
-    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context)),
+    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, moduleName)),
     rowActionLocation: {
       type: rowActionsUiType,
       actions

package/es/platform/zlist/adapters/presenters/translators/RowsTranslator.js

@@ -1,13 +1,16 @@
 import RowTranslator from "./Row";
 export default class RowsTranslator {
-  constructor(records, fields, rowActions, context, fieldComponentMapping, rowActionsUiType, fieldActions) {
+  constructor(records, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions, instanceName, moduleName) {
     this.records = records;
     this.fields = fields;
     this.rowActions = rowActions;
     this.context = context;
+    this.preferences = preferences;
     this.fieldComponentMapping = fieldComponentMapping;
     this.rowActionsUiType = rowActionsUiType;
     this.fieldActions = fieldActions;
+    this.instanceName = instanceName;
+    this.moduleName = moduleName;
     this.pipe = this.pipe.bind(this);
   }
 
@@ -23,7 +26,10 @@ export default class RowsTranslator {
       rowActionsUiType: this.rowActionsUiType,
       rowActions: this.rowActions,
       fieldActions: this.fieldActions,
-      context: this.context
+      context: this.context,
+      preferences: this.preferences,
+      instanceName: this.instanceName,
+      moduleName: this.moduleName
     }));
   }
 

package/es/platform/zlist/adapters/presenters/translators/actions/ActionsTranslator.js

@@ -1,5 +1,3 @@
-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 ClientActionsTranslator from "../../../../../client-actions/translators/client-actions-translator";
 
 class ActionsTranslator {
@@ -11,20 +9,11 @@ class ActionsTranslator {
     this.records = records;
     this.fields = fields;
     this.context = context;
-
-    _defineProperty(this, "headerActions", void 0);
-
-    _defineProperty(this, "fieldActions", void 0);
-
-    _defineProperty(this, "rowActions", void 0);
-
-    _defineProperty(this, "noLocation", void 0);
-
     this.pipe = this.pipe.bind(this);
-    this.headerActions = actions.filter(action => (action === null || action === void 0 ? void 0 : action.location) === 'header_actions');
-    this.fieldActions = actions.filter(action => (action === null || action === void 0 ? void 0 : action.location) === 'field_actions');
-    this.rowActions = actions.filter(action => (action === null || action === void 0 ? void 0 : action.location) === 'row_actions');
-    this.noLocation = actions.filter(action => !(action !== null && action !== void 0 && action.location));
+    this.headerActions = actions.filter(action => action?.location === 'header_actions');
+    this.fieldActions = actions.filter(action => action?.location === 'field_actions');
+    this.rowActions = actions.filter(action => action?.location === 'row_actions');
+    this.noLocation = actions.filter(action => !action?.location);
   }
 
   getTranslator() {