@zohodesk/library-platform 1.1.10 → 1.1.11

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

@@ -1,11 +1,13 @@
 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, ZFORM_LOOKUP_FIELD_SUCCESS } 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";
@@ -28,6 +30,7 @@ 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() {
@@ -41,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);
@@ -59,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,
@@ -90,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,

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

@@ -57,7 +57,7 @@ export default class Validator {
       };
       return script(arg).then(handleResult).catch(handleResult);
     } else {
-      console.warn(`Custom validator "${scriptId}" not found in customValidators`, customValidators);
+      __DEVELOPMENT__ && console.warn(`Custom validator "${scriptId}" not found in customValidators`, customValidators);
     }
 
     return null;

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/controllers/ResolutionBasedLimitController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class ResolutionBasedLimitController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      resolutionBasedLimit
+    } = action.payload;
+    const {
+      resolutionBasedLimitUseCase
+    } = this.service;
+    resolutionBasedLimitUseCase.updateDependency(state, updateState);
+    resolutionBasedLimitUseCase.execute({
+      dispatch,
+      resolutionBasedLimit
+    });
+  }
+
+}
+
+export default ResolutionBasedLimitController;

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

@@ -12,13 +12,16 @@ class Repository {
       departmentId,
       viewId,
       moduleName,
-      query,
-      context
+      query
     } = this.state.properties;
+    const {
+      context
+    } = this.state.behaviours.appContext;
     const {
       sortBy,
       errorState,
-      isReOrderLoading
+      isReOrderLoading,
+      limit
     } = this.getZListState();
     const list = ListFactory.createList({
       context,
@@ -29,7 +32,7 @@ class Repository {
         ...query
       },
       sortBy: new SortBy(sortBy.id, sortBy.name, sortBy.order),
-      limit: 50,
+      limit: limit,
       isReOrderLoading,
       errorState: new ListErrorState(errorState)
     });

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

@@ -13,11 +13,13 @@ import DeleteSuccessUseCase from "../../applications/usecases/DeleteSuccessUseCa
 import RecordSuccessCallbackUsecase from "../../applications/usecases/RecordSuccessCallbackUsecase";
 import ReOrderUseCase from "../../applications/usecases/ReOrderUseCase";
 import ReOrderFailedUseCase from "../../applications/usecases/ReOrderFailedUseCase";
+import ResolutionBasedLimitUseCase from "../../applications/usecases/ResolutionBasedLimitUseCase";
 
 class Service {
   constructor(dependencies) {
     this.dependencies = dependencies;
     this.initializeUseCase = new InitializeUseCase(this.dependencies);
+    this.resolutionBasedLimitUseCase = new ResolutionBasedLimitUseCase(this.dependencies);
     this.propertiesChangeUseCase = new PropertiesChangeUseCase(this.dependencies);
     this.fetchMoreUseCase = new FetchMoreUseCase(this.dependencies);
     this.fieldChangeUseCase = new FieldChangeUseCase(this.dependencies);

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

@@ -12,22 +12,30 @@ export default function SelectionTranslator(state) {
   const {
     columnChooserConfig,
     selectionConfig,
-    context,
-    moduleName
+    moduleName,
+    instanceName,
+    textOverflowConfig
   } = properties;
+  const {
+    context
+  } = state.behaviours.appContext;
   const {
     zfield,
     selection,
-    columnChooser
+    columnChooser,
+    textOverflow
   } = behaviours;
   const {
     selected,
     hasAllSelected
   } = selection;
   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 columnChooserProps = getColumnChooserProps(columnChooser, availableFields, context, moduleName, columnChooserConfig);
+  const clientActions = generateClientActions(selectionConfig, columnChooserConfig, hasAllSelected, columnChooserProps, {
+    isEnabled: textOverflowConfig.isEnabled,
+    mode: textOverflow.mode
+  });
+  const contextAppliedActions = ClientActionsTranslator.transform(clientActions, instanceName, moduleName, context);
   return {
     selected,
     hasAllSelected,
@@ -35,12 +43,14 @@ export default function SelectionTranslator(state) {
   };
 }
 
-function generateClientActions(selectionConfig, columnChooserConfig, hasAllSelected, columnChooserProps) {
+function generateClientActions(selectionConfig, columnChooserConfig, hasAllSelected, columnChooserProps, textOverflowConfig) {
   const clientActions = [];
 
   if (selectionConfig.isEnabled) {
     if (columnChooserConfig.isEnabled) {
-      const columnChooserAction = DefaultClientActions.createColumnChooserAction(columnChooserProps);
+      const columnChooserAction = DefaultClientActions.createColumnChooserAction({ ...columnChooserProps,
+        textOverflowConfig
+      });
       clientActions.push(columnChooserAction);
     } else if (selectionConfig.isSelectAllEnabled) {
       const selectAllColumnsAction = DefaultClientActions.createSelectAllAction(hasAllSelected);
@@ -55,6 +65,7 @@ function getColumnChooserProps(columnChooser) {
   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;
+  let columnChooserConfig = arguments.length > 4 ? arguments[4] : undefined;
   const {
     searchText: searchString,
     fieldsOrder,
@@ -62,8 +73,11 @@ function getColumnChooserProps(columnChooser) {
     isMaxSelectionReached
   } = columnChooser;
   const fieldMap = mapFieldsToObject(availableFields);
-  const disabledFieldName = context.modules?.find(module => module.apiKey === moduleName)?.nameField;
-  const columnChooserOptions = fieldsOrder.map(fieldName => getOption(fieldMap[fieldName], !!selected[fieldName], disabledFieldName === fieldName));
+  const moduleConfig = context.modules?.find(module => module.apiKey === moduleName);
+  const disabledFieldName = moduleConfig?.nameField;
+  const restrictedFields = columnChooserConfig?.fieldRestrictionConfig || [];
+  const hasRestrictions = Array.isArray(restrictedFields) && restrictedFields.length > 0;
+  const columnChooserOptions = fieldsOrder.map(fieldName => getOption(fieldMap[fieldName], restrictedFields.includes(fieldName) || !!selected[fieldName], restrictedFields.includes(fieldName) || !hasRestrictions && disabledFieldName === fieldName));
   return {
     options: columnChooserOptions,
     searchString,

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

@@ -24,26 +24,37 @@ export default class TableTranslator {
     } = state;
     const {
       componentMapping,
-      context,
-      reOrderConfig
+      reOrderConfig,
+      instanceName
     } = properties;
+    const {
+      context
+    } = behaviours.appContext;
     const {
       localStorage: localStorageBehaviour,
       columnResizer,
-      keyboardControls
+      keyboardControls,
+      textOverflow
     } = behaviours;
     const {
       resizeConfig,
       preferences,
-      keyboardControlsConfig
+      keyboardControlsConfig,
+      nameFieldsConfig,
+      textOverflowConfig,
+      recordReadStatusConfig
     } = properties;
+    const {
+      modules
+    } = context;
     context['servicePrefix'] = 'supportapi/zd'; // FIX: servicePrefix defaultValue should be available from properties
 
     const {
       zlist,
       zrecord,
       zfield,
-      zclientAction
+      zclientAction,
+      zclientScriptsEventMapping
     } = fallbackToDefault(behaviours, {}); // FIX: behaviours should be available by default
 
     const {
@@ -66,6 +77,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,12 +97,18 @@ export default class TableTranslator {
     const isLoading = !!(isRecordsFetching || isAvailableFieldsFetching || isSelectedFieldsFetching);
     const fields = selectedFields?.map(selectedField => availableFields?.find(availableField => availableField.name === selectedField)).filter(f => f != undefined);
     const newClientActions = DefaultClientActions.createSortActions(fields, clientActions || EMPTY_ARRAY);
+    const actionsToMap = [...newClientActions];
+
+    if (recordReadStatusConfig?.isEnabled) {
+      actionsToMap.push(DefaultClientActions.createMarkAsReadAction(), DefaultClientActions.createMarkAsUnReadAction());
+    }
+
     const {
       headerActions,
       fieldActions,
       rowActions,
       noLocation
-    } = mapClientActions(newClientActions || EMPTY_ARRAY);
+    } = mapClientActions(actionsToMap);
     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?.rowActions?.width;
@@ -99,12 +120,17 @@ export default class TableTranslator {
     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, preferences, fieldComponentMapping, rowActionsUiType, fieldActions); // const actionTranslator = new ClientActionsTranslator(clientActions, records, fields, pageContext);
+    const textOverflowData = {
+      isEnabled: textOverflowConfig.isEnabled,
+      mode: textOverflow.mode
+    };
+    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, textOverflowData, moduleName, nameFieldsConfig, recordReadStatusConfig); // 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,
@@ -128,6 +154,7 @@ export default class TableTranslator {
           columnWidth: typeof rowActionsWidth === 'number' ? rowActionsWidth : ColumnWidth.XSmall
         },
         keyboardControlsConfig,
+        textOverflowConfig: textOverflowData,
         isLoading,
         isReOrderLoading,
         emptyStateUiType: componentMapping.emptyState || '',
@@ -145,7 +172,7 @@ function mapClientActions(clientActions) {
   const allowedActingLocations = ['header_actions', 'field_actions', 'row_actions', null];
   clientActions.forEach(action => {
     if (!allowedActingLocations.includes(action.location)) {
-      console.warn('Client action without location:', action.location);
+      __DEVELOPMENT__ && console.warn('Client action without location:', action.location);
     }
   });
   return {

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

@@ -17,22 +17,24 @@ function getLookupUrlConstructions(_ref) {
   return `/agent/${orgName}/${departmentName}/${lookupModuleName}/details/${value.id}`;
 }
 
-function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences) {
+function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, textOverflowConfig, moduleName, nameFieldsConfig, recordReadStatusConfig) {
   const {
     isCustomField,
     name,
     type
   } = field;
-  let fieldToUiValue;
+  const {
+    modules
+  } = context;
   const fieldEntry = fieldComponentMapping[name];
 
   if (typeof fieldEntry == 'string') {
-    console.warn(`The string format for componentMapping will soon be deprecated. Please update to the new JSON format. REF : ${JSON.stringify(fieldEntry)}`);
+    __DEVELOPMENT__ && console.warn(`The string format for componentMapping will soon be deprecated. Please update to the new JSON format. REF : ${JSON.stringify(fieldEntry)}`);
   }
 
   let tempValue = undefined;
   let value = isCustomField ? record.cf?.[name] : record[name];
-  const actions = ClientActionsTranslator.transform(fieldActions, {
+  const actions = ClientActionsTranslator.transform(fieldActions, instanceName, moduleName, {
     field,
     record
   });
@@ -45,10 +47,14 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
     field.uiType = fieldComponentMapping[name];
   }
 
-  const fieldTranslator = FieldTranslators[type];
+  let nameFieldTypes = ['Text'];
+  let moduleApiKeyCheck = modules && modules.some(m => {
+    return m.apiKey === field.name;
+  });
+  const fieldTranslator = nameFieldsConfig.isEnabled && nameFieldTypes.includes(field.type) && moduleApiKeyCheck ? FieldTranslators['NameField'] : FieldTranslators[type];
 
   if (!fieldTranslator) {
-    console.error(`Field type ${type} not supported`);
+    __DEVELOPMENT__ && console.error(`Field type ${type} not supported`);
     return EmptyViewModel(name);
   }
 
@@ -65,34 +71,56 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
     });
   }
 
-  let finalValue = value;
+  const translatorArgs = {
+    field,
+    value: tempValue ? tempValue : value,
+    appendToActionPayload: {
+      recordId: record.id
+    },
+    context,
+    preferences,
+    moduleName,
+    constructUrl: nameFieldsConfig.constructUrl,
+    isPreventDefault: nameFieldsConfig.isPreventDefault || false,
+    textOverflowMode: textOverflowConfig.mode || 'clip'
+  };
 
-  if (fieldToUiValue !== undefined) {
-    finalValue = fieldToUiValue;
+  if (recordReadStatusConfig?.isEnabled) {
+    translatorArgs.isRead = record.isRead;
+  } else {
+    translatorArgs.isRead = true;
   }
 
+  const viewModel = {
+    actions,
+    ...fieldTranslator(translatorArgs)
+  };
+
   if (fieldEntry && typeof fieldEntry === 'object') {
-    let data = {
-      actions,
-      ...fieldTranslator(field, tempValue ? tempValue : finalValue, {
-        recordId: record.id
-      }, context, preferences)
-    };
-    data.value = fieldEntry.fieldToUIComponentTranslator({
-      field,
-      record,
-      context
-    });
-    data.type = fieldEntry.UIComponentName;
-    return data;
+    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 {
-    actions,
-    ...fieldTranslator(field, finalValue, {
-      recordId: record.id
-    }, context, preferences)
-  };
+  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

@@ -9,14 +9,19 @@ export default function RowTranslator(_ref) {
     rowActions,
     fieldActions,
     context,
-    preferences
+    preferences,
+    instanceName,
+    textOverflowConfig,
+    moduleName,
+    nameFieldsConfig,
+    recordReadStatusConfig
   } = _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, preferences)),
+    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, textOverflowConfig, moduleName, nameFieldsConfig, recordReadStatusConfig)),
     rowActionLocation: {
       type: rowActionsUiType,
       actions

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

@@ -1,6 +1,6 @@
 import RowTranslator from "./Row";
 export default class RowsTranslator {
-  constructor(records, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions) {
+  constructor(records, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions, instanceName, textOverflowConfig, moduleName, nameFieldsConfig, recordReadStatusConfig) {
     this.records = records;
     this.fields = fields;
     this.rowActions = rowActions;
@@ -9,6 +9,11 @@ export default class RowsTranslator {
     this.fieldComponentMapping = fieldComponentMapping;
     this.rowActionsUiType = rowActionsUiType;
     this.fieldActions = fieldActions;
+    this.instanceName = instanceName;
+    this.textOverflowConfig = textOverflowConfig;
+    this.moduleName = moduleName;
+    this.nameFieldsConfig = nameFieldsConfig;
+    this.recordReadStatusConfig = recordReadStatusConfig;
     this.pipe = this.pipe.bind(this);
   }
 
@@ -25,7 +30,12 @@ export default class RowsTranslator {
       rowActions: this.rowActions,
       fieldActions: this.fieldActions,
       context: this.context,
-      preferences: this.preferences
+      preferences: this.preferences,
+      instanceName: this.instanceName,
+      textOverflowConfig: this.textOverflowConfig,
+      moduleName: this.moduleName,
+      nameFieldsConfig: this.nameFieldsConfig,
+      recordReadStatusConfig: this.recordReadStatusConfig
     }));
   }