@zohodesk/library-platform 1.1.12 → 1.2.0

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

@@ -1,6 +1,5 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import DecimalFieldModel from "../../../../../../cc/fields/decimal/Model";
 
 const DecimalFieldTranslator = _ref => {
   let {
@@ -14,14 +13,22 @@ const DecimalFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  return DecimalFieldModel({
-    uiType: uiType || FieldTypes.DecimalField,
-    appendToActionPayload,
-    name,
-    isRead,
-    value,
-    textOverflowMode
-  });
+
+  switch (uiType) {
+    case FieldTypes.TextField:
+    default:
+      return {
+        type: FieldTypes.TextField,
+        fieldName: name,
+        text: value,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
 };
 
 export default DecimalFieldTranslator;

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

@@ -1,5 +1,4 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import EmailFieldModel from "../../../../../../cc/fields/email/Model";
 
 const EmailFieldTranslator = _ref => {
   let {
@@ -13,14 +12,35 @@ const EmailFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  return EmailFieldModel({
-    uiType: uiType || FieldTypes.EmailField,
-    appendToActionPayload,
-    name,
-    isRead,
-    value,
-    textOverflowMode
-  });
+
+  switch (uiType) {
+    case FieldTypes.TextField:
+      return {
+        type: FieldTypes.TextField,
+        fieldName: name,
+        text: value,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+
+    case FieldTypes.EmailField:
+    default:
+      return {
+        type: FieldTypes.EmailField,
+        fieldName: name,
+        email: value,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
 };
 
 export default EmailFieldTranslator;

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

@@ -1,5 +1,17 @@
-import FieldTypes from "../../../../../../cc/fields/field/Types";
-import FormulaFieldModel from "../../../../../../cc/fields/formula/Model";
+import SingleLineFieldTranslator from "./SingleLineFieldTranslator";
+import BooleanFieldTranslator from "./BooleanFieldTranslator";
+import DecimalFieldTranslator from "./DecimalFieldTranslator";
+import CurrencyFieldTranslator from "./CurrencyFieldTranslator";
+import DateFieldTranslator from "./DateFieldTranslator";
+import DateTimeFieldTranslator from "./DateTimeFieldTranslator";
+const fieldTypeFactory = {
+  STRING: SingleLineFieldTranslator,
+  BOOLEAN: BooleanFieldTranslator,
+  DECIMAL: DecimalFieldTranslator,
+  CURRENCY: CurrencyFieldTranslator,
+  DATE: DateFieldTranslator,
+  DATETIME: DateTimeFieldTranslator
+};
 
 const FormulaFieldTranslator = _ref => {
   let {
@@ -12,33 +24,17 @@ const FormulaFieldTranslator = _ref => {
     isRead
   } = _ref;
   const {
-    uiType,
-    name
+    returnType
   } = field;
-  let prefCurrencyLocale = preferences?.fields?.[field.apiName]?.currencyLocale;
-  let contextCurrencyLocale = context?.currencyLocale;
-  let prefCurrencySymbol = preferences?.fields?.[field.apiName]?.currencySymbol;
-  let contextCurrencySymbol = context?.currencySymbol;
-  const fieldTypeFactory = {
-    STRING: FieldTypes.SingleLineField,
-    BOOLEAN: FieldTypes.CheckboxField,
-    DECIMAL: FieldTypes.DecimalField,
-    CURRENCY: FieldTypes.CurrencyField,
-    DATE: FieldTypes.DateField,
-    DATETIME: FieldTypes.DateTimeField
-  };
-  const setFieldType = fieldTypeFactory[field.returnType] || FieldTypes.SingleLineField;
-  return FormulaFieldModel({
-    uiType: uiType || setFieldType,
-    appendToActionPayload,
-    name,
-    ...(setFieldType === FieldTypes.CurrencyField && {
-      currencyLocale: prefCurrencyLocale || contextCurrencyLocale,
-      currencySymbol: prefCurrencySymbol || contextCurrencySymbol
-    }),
-    isRead,
+  const fieldTranslator = fieldTypeFactory[returnType];
+  return fieldTranslator({
+    field,
     value,
-    textOverflowMode
+    appendToActionPayload,
+    context,
+    preferences,
+    textOverflowMode,
+    isRead
   });
 };
 

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

@@ -1,37 +1,126 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import LookupFieldModel from "../../../../../../cc/fields/lookup/Model";
 
-const LookUpFieldTranslator = _ref => {
+//hacking temp url construction for lookup
+function getLookupUrlConstructions(_ref) {
+  let {
+    field,
+    value,
+    context
+  } = _ref;
+  let {
+    orgName,
+    departmentName
+  } = context;
+  let lookupModuleName = field?.lookup?.module?.apiName;
+  return `/agent/${orgName}/${departmentName}/${lookupModuleName}/details/${value.id}`;
+}
+
+function processLookupValue(value, url) {
+  if (typeof value === 'string' || typeof value === 'number') {
+    return {
+      id: value,
+      name: value
+    };
+  } else if (typeof value === 'object' && value !== null) {
+    return {
+      id: value.id || '',
+      name: value.name || '',
+      photoURL: value.photoURL || '',
+      url: value.url || url
+    };
+  } else {
+    return {
+      id: '',
+      name: '',
+      url
+    };
+  }
+}
+
+const LookUpFieldTranslator = _ref2 => {
   let {
     field,
     value,
     appendToActionPayload,
+    context,
     textOverflowMode,
     isRead
-  } = _ref;
+  } = _ref2;
   const {
     uiType,
     name
   } = field;
+  const constructedUrl = getLookupUrlConstructions({
+    field,
+    value,
+    context
+  });
   const {
     id,
     name: nameValue,
     photoURL,
     url
-  } = value;
-  return LookupFieldModel({
-    uiType: uiType || FieldTypes.LookUpField,
-    appendToActionPayload,
-    name,
-    isRead,
-    value: {
-      id,
-      name: nameValue,
-      photoURL,
-      url
-    },
-    textOverflowMode
-  });
+  } = processLookupValue(value, constructedUrl);
+
+  switch (uiType) {
+    case FieldTypes.TextField:
+      return {
+        type: FieldTypes.TextField,
+        fieldName: name,
+        text: nameValue,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: nameValue,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+
+    case FieldTypes.TagField:
+      return {
+        type: FieldTypes.TagField,
+        fieldName: name,
+        label: nameValue,
+        imageAltText: nameValue,
+        imageSrc: photoURL,
+        isRemovable: false,
+        cursor: 'default',
+        tooltip: nameValue,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+
+    case FieldTypes.LabeledAvatarField:
+      return {
+        type: FieldTypes.LabeledAvatarField,
+        fieldName: name,
+        name: nameValue,
+        imageSrc: photoURL,
+        label: nameValue,
+        tooltip: nameValue,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+
+    case FieldTypes.LinkField:
+    default:
+      return {
+        type: FieldTypes.LinkField,
+        fieldName: name,
+        text: nameValue,
+        variant: 'secondary',
+        href: url,
+        opensNewTab: false,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: nameValue,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
 };
 
 export default LookUpFieldTranslator;

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

@@ -1,6 +1,5 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import MultiLineFieldModel from "../../../../../../cc/fields/multi-line/Model";
 
 const MultiLineFieldTranslator = _ref => {
   let {
@@ -14,14 +13,22 @@ const MultiLineFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  return MultiLineFieldModel({
-    uiType: uiType || FieldTypes.MultiLineField,
-    appendToActionPayload,
-    name,
-    isRead,
-    value,
-    textOverflowMode
-  });
+
+  switch (uiType) {
+    case FieldTypes.TextField:
+    default:
+      return {
+        type: FieldTypes.TextField,
+        fieldName: name,
+        text: value,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
 };
 
 export default MultiLineFieldTranslator;

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

@@ -1,7 +1,5 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import MultiListFieldModel from "../../../../../../cc/fields/multi-select/Model";
-import ColouredMultiListFieldModel from "../../../../../../cc/fields/coloured-multi-select/Model";
 
 const MultiSelectFieldTranslator = _ref => {
   let {
@@ -12,10 +10,7 @@ const MultiSelectFieldTranslator = _ref => {
     isRead
   } = _ref;
   const {
-    uiType,
-    name,
-    subType,
-    pickListValues
+    subType
   } = field;
   const updatedValue = value.split(';').map(item => item === '' ? '-None-' : item);
 
@@ -23,34 +18,113 @@ const MultiSelectFieldTranslator = _ref => {
     return ColouredMultiSelectFieldTranslator(field, updatedValue, appendToActionPayload, textOverflowMode, isRead);
   }
 
-  return MultiListFieldModel({
-    uiType: uiType || FieldTypes.MultiSelectField,
-    appendToActionPayload,
-    name,
-    options: pickListValues,
-    isRead,
-    value: updatedValue,
-    textOverflowMode
-  });
+  return StandardMultiSelectFieldTranslator(field, updatedValue, appendToActionPayload, textOverflowMode, isRead);
 };
 
 export default MultiSelectFieldTranslator;
 
-const ColouredMultiSelectFieldTranslator = (field, value, appendToActionPayload, textOverflowMode, isRead) => {
+const StandardMultiSelectFieldTranslator = (field, value, appendToActionPayload, textOverflowMode, isRead) => {
   const {
     uiType,
     name,
-    pickListValues
+    displayLabel
   } = field;
-  return ColouredMultiListFieldModel({
-    uiType: uiType || FieldTypes.ColouredMultiSelectField,
-    appendToActionPayload,
+  const selectedOptions = value.map(item => ({
+    id: item,
+    label: item
+  }));
+
+  switch (uiType) {
+    case FieldTypes.TextField:
+      {
+        let valueText = value.join(', ');
+        return {
+          type: FieldTypes.TextField,
+          fieldName: name,
+          text: valueText,
+          isDotted: textOverflowMode === 'clip',
+          weight: isRead ? undefined : 'bold',
+          tooltip: valueText,
+          appendToActionPayload,
+          isRead,
+          textOverflowMode
+        };
+      }
+
+    case FieldTypes.TagsListDropdownField:
+      return {
+        type: FieldTypes.TagsListDropdownField,
+        // fieldName: name,
+        text: `${selectedOptions.length} ${displayLabel}`,
+        tags: selectedOptions,
+        hasSearch: selectedOptions.length > 5,
+        searchPlaceholder: 'Search',
+        dropdownHeading: displayLabel,
+        emptyMessage: 'No items found',
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+
+    case FieldTypes.TagsField:
+    default:
+      return {
+        type: FieldTypes.TagsField,
+        fieldName: name,
+        title: displayLabel,
+        isWrapped: textOverflowMode !== 'clip',
+        tags: selectedOptions,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
+};
+
+const ColouredMultiSelectFieldTranslator = (field, value, appendToActionPayload, textOverflowMode, isRead) => {
+  const {
+    uiType,
     name,
-    options: pickListValues.map(option => ({ ...option,
-      colorCode: option.colorCode || ''
-    })),
-    isRead,
-    value,
-    textOverflowMode
+    pickListValues,
+    displayLabel
+  } = field;
+  const selectedOptions = value.map(item => {
+    const option = pickListValues.find(opt => opt.value === item);
+    return {
+      id: option.value,
+      label: option.value,
+      color: option.colorCode || ''
+    };
   });
+
+  switch (uiType) {
+    case FieldTypes.TextField:
+      {
+        let valueText = value.join(', ');
+        return {
+          type: FieldTypes.TextField,
+          fieldName: name,
+          text: valueText,
+          isDotted: textOverflowMode === 'clip',
+          weight: isRead ? undefined : 'bold',
+          tooltip: valueText,
+          appendToActionPayload,
+          isRead,
+          textOverflowMode
+        };
+      }
+
+    case FieldTypes.TagsField:
+    default:
+      return {
+        type: FieldTypes.TagsField,
+        fieldName: name,
+        title: displayLabel,
+        isWrapped: textOverflowMode !== 'clip',
+        tags: selectedOptions,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
 };

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

@@ -1,6 +1,5 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import NumberFieldModel from "../../../../../../cc/fields/number/Model";
 
 const NumberLineFieldTranslator = _ref => {
   let {
@@ -14,14 +13,22 @@ const NumberLineFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  return NumberFieldModel({
-    uiType: uiType || FieldTypes.NumberField,
-    appendToActionPayload,
-    name,
-    isRead,
-    value,
-    textOverflowMode
-  });
+
+  switch (uiType) {
+    case FieldTypes.TextField:
+    default:
+      return {
+        type: FieldTypes.TextField,
+        fieldName: name,
+        text: value,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
 };
 
 export default NumberLineFieldTranslator;

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

@@ -1,6 +1,5 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import PercentFieldModel from "../../../../../../cc/fields/percent/Model";
 
 const PercentageFieldTranslator = _ref => {
   let {
@@ -14,14 +13,22 @@ const PercentageFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  return PercentFieldModel({
-    uiType: uiType || FieldTypes.PercentageField,
-    appendToActionPayload,
-    name,
-    isRead,
-    value,
-    textOverflowMode
-  });
+
+  switch (uiType) {
+    case FieldTypes.TextField:
+    default:
+      return {
+        type: FieldTypes.TextField,
+        fieldName: name,
+        text: value,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
 };
 
 export default PercentageFieldTranslator;

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

@@ -1,6 +1,5 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import PhoneFieldModel from "../../../../../../cc/fields/phone/Model";
 
 const PhoneFieldTranslator = _ref => {
   let {
@@ -14,14 +13,38 @@ const PhoneFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  return PhoneFieldModel({
-    uiType: uiType || FieldTypes.PhoneField,
-    appendToActionPayload,
-    name,
-    isRead,
-    value,
-    textOverflowMode
-  });
+
+  switch (uiType) {
+    case FieldTypes.TextField:
+      return {
+        type: FieldTypes.TextField,
+        fieldName: name,
+        text: value,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+
+    case FieldTypes.LinkField:
+    default:
+      return {
+        type: FieldTypes.LinkField,
+        fieldName: name,
+        text: value,
+        variant: 'secondary',
+        href: `tel:${value}`,
+        opensNewTab: true,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
 };
 
 export default PhoneFieldTranslator;