@zohodesk/library-platform 1.1.10 → 1.1.12

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
     }));
   }
 

package/es/platform/zlist/adapters/presenters/translators/fields/BooleanFieldTranslator.js

@@ -1,7 +1,15 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import BooleanFieldModel from "../../../../../../cc/fields/boolean/Model";
 
-const BooleanFieldTranslator = (field, value, appendToActionPayload) => {
+const BooleanFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    textOverflowMode,
+    isRead
+  } = _ref;
   const {
     uiType,
     name
@@ -17,7 +25,9 @@ const BooleanFieldTranslator = (field, value, appendToActionPayload) => {
     uiType: uiType || FieldTypes.CheckboxField,
     name,
     appendToActionPayload,
-    value
+    isRead,
+    value,
+    textOverflowMode
   });
 };
 

package/es/platform/zlist/adapters/presenters/translators/fields/CurrencyFieldTranslator.js

@@ -1,7 +1,16 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import CurrencyFieldModel from "../../../../../../cc/fields/currency/Model";
 
-const CurrencyFieldTranslator = (field, value, appendToActionPayload, context, preferences) => {
+const CurrencyFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    context,
+    preferences,
+    textOverflowMode,
+    isRead
+  } = _ref;
   const {
     uiType,
     name
@@ -16,7 +25,9 @@ const CurrencyFieldTranslator = (field, value, appendToActionPayload, context, p
     name,
     currencyLocale: prefCurrencyLocale || contextCurrencyLocale,
     currencySymbol: prefCurrencySymbol || contextCurrencySymbol,
-    value
+    isRead,
+    value,
+    textOverflowMode
   });
 };
 

package/es/platform/zlist/adapters/presenters/translators/fields/DateFieldTranslator.js

@@ -1,7 +1,15 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import DateFieldModel from "../../../../../../cc/fields/date/Model";
 
-const DateFieldTranslator = (field, value, appendToActionPayload) => {
+const DateFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    textOverflowMode,
+    isRead
+  } = _ref;
   const {
     uiType,
     name
@@ -10,7 +18,9 @@ const DateFieldTranslator = (field, value, appendToActionPayload) => {
     uiType: uiType || FieldTypes.DateField,
     appendToActionPayload,
     name,
-    value
+    isRead,
+    value,
+    textOverflowMode
   });
 };
 

package/es/platform/zlist/adapters/presenters/translators/fields/DateTimeFieldTranslator.js

@@ -1,7 +1,15 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import DateTimeFieldModel from "../../../../../../cc/fields/datetime/Model";
 
-const DateTimeFieldTranslator = (field, value, appendToActionPayload) => {
+const DateTimeFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    textOverflowMode,
+    isRead
+  } = _ref;
   const {
     uiType,
     name
@@ -10,7 +18,9 @@ const DateTimeFieldTranslator = (field, value, appendToActionPayload) => {
     uiType: uiType || FieldTypes.DateTimeField,
     appendToActionPayload,
     name,
-    value
+    isRead,
+    value,
+    textOverflowMode
   });
 };
 

package/es/platform/zlist/adapters/presenters/translators/fields/DecimalFieldTranslator.js

@@ -1,7 +1,15 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import DecimalFieldModel from "../../../../../../cc/fields/decimal/Model";
 
-const DecimalFieldTranslator = (field, value, appendToActionPayload) => {
+const DecimalFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    textOverflowMode,
+    isRead
+  } = _ref;
   const {
     uiType,
     name
@@ -10,7 +18,9 @@ const DecimalFieldTranslator = (field, value, appendToActionPayload) => {
     uiType: uiType || FieldTypes.DecimalField,
     appendToActionPayload,
     name,
-    value
+    isRead,
+    value,
+    textOverflowMode
   });
 };
 

package/es/platform/zlist/adapters/presenters/translators/fields/EmailFieldTranslator.js

@@ -1,7 +1,14 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import EmailFieldModel from "../../../../../../cc/fields/email/Model";
 
-const EmailFieldTranslator = (field, value, appendToActionPayload) => {
+const EmailFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    textOverflowMode,
+    isRead
+  } = _ref;
   const {
     uiType,
     name
@@ -10,7 +17,9 @@ const EmailFieldTranslator = (field, value, appendToActionPayload) => {
     uiType: uiType || FieldTypes.EmailField,
     appendToActionPayload,
     name,
-    value
+    isRead,
+    value,
+    textOverflowMode
   });
 };
 

package/es/platform/zlist/adapters/presenters/translators/fields/FormulaFieldTranslator.js

@@ -1,7 +1,16 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import FormulaFieldModel from "../../../../../../cc/fields/formula/Model";
 
-const FormulaFieldTranslator = (field, value, appendToActionPayload, context, preferences) => {
+const FormulaFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    context,
+    preferences,
+    textOverflowMode,
+    isRead
+  } = _ref;
   const {
     uiType,
     name
@@ -27,7 +36,9 @@ const FormulaFieldTranslator = (field, value, appendToActionPayload, context, pr
       currencyLocale: prefCurrencyLocale || contextCurrencyLocale,
       currencySymbol: prefCurrencySymbol || contextCurrencySymbol
     }),
-    value
+    isRead,
+    value,
+    textOverflowMode
   });
 };