@zohodesk/library-platform 1.1.12 → 1.1.13

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;

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

@@ -1,7 +1,6 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import PickListFieldModel from "../../../../../../cc/fields/pick-list/Model";
-import ColouredPickListFieldModel from "../../../../../../cc/fields/coloured-pick-list/Model";
+const EMPTY_ARRAY = [];
 
 const PickListFieldTranslator = _ref => {
   let {
@@ -12,9 +11,6 @@ const PickListFieldTranslator = _ref => {
     isRead
   } = _ref;
   const {
-    uiType,
-    name,
-    pickListValues,
     subType
   } = field;
 
@@ -22,34 +18,179 @@ const PickListFieldTranslator = _ref => {
     return ColouredPickListFieldTranslator(field, value, appendToActionPayload, textOverflowMode, isRead);
   }
 
-  return PickListFieldModel({
-    uiType: uiType || FieldTypes.PickListField,
-    appendToActionPayload,
-    options: pickListValues,
-    name,
-    isRead,
-    value,
-    textOverflowMode
-  });
+  return StandardPickListFieldTranslator(field, value, appendToActionPayload, textOverflowMode, isRead);
 };
 
 export default PickListFieldTranslator;
 
-const ColouredPickListFieldTranslator = (field, value, appendToActionPayload, textOverflowMode, isRead) => {
+const StandardPickListFieldTranslator = (field, value, appendToActionPayload, textOverflowMode, isRead) => {
   const {
     uiType,
     name,
-    pickListValues
+    pickListValues = EMPTY_ARRAY,
+    displayLabel
   } = field;
-  return ColouredPickListFieldModel({
-    uiType: uiType || FieldTypes.ColouredPickListField,
-    appendToActionPayload,
-    options: pickListValues.map(option => ({ ...option,
-      colorCode: option.colorCode || ''
-    })),
+
+  switch (uiType) {
+    case FieldTypes.HighlightedValueField:
+      return {
+        type: FieldTypes.HighlightedValueField,
+        fieldName: name,
+        text: value,
+        color: 'grey',
+        tooltip: value,
+        cursor: 'default',
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+
+    case FieldTypes.TagField:
+      return {
+        type: FieldTypes.TagField,
+        fieldName: name,
+        label: value,
+        tooltip: value,
+        cursor: 'default',
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+
+    case FieldTypes.RadioDropdownField:
+      {
+        const options = pickListValues.map(option => ({
+          id: option.value,
+          value: option.value,
+          secondaryValue: ''
+        }));
+        return {
+          type: FieldTypes.RadioDropdownField,
+          fieldName: name,
+          options,
+          selectedId: value,
+          selectedValue: value,
+          dropdownHeading: displayLabel,
+          hasSearch: pickListValues.length > 4,
+          isDotted: textOverflowMode === 'clip',
+          weight: isRead ? undefined : 'bold',
+          searchPlaceholder: 'Search',
+          emptyStateTitle: 'No results found',
+          isDisabled: false,
+          isReadOnly: false,
+          appendToActionPayload,
+          isRead,
+          textOverflowMode
+        };
+      }
+
+    case FieldTypes.TextField:
+    default:
+      return {
+        type: FieldTypes.TextField,
+        fieldName: name,
+        text: value,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
+};
+
+const colorMapper = {
+  "#1e1e1e": "grey",
+  "#fd1d1d": "red",
+  "#fd5901": "orange",
+  "#71c02b": "green",
+  "#405de6": "blue"
+};
+
+const ColouredPickListFieldTranslator = (field, value, appendToActionPayload, textOverflowMode, isRead) => {
+  const {
+    uiType,
     name,
-    isRead,
-    value,
-    textOverflowMode
-  });
+    displayLabel,
+    pickListValues = EMPTY_ARRAY
+  } = field;
+  const selectedOption = pickListValues.find(option => option.value === value);
+
+  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.HighlightedValueField:
+      {
+        const highlightedValueColor = colorMapper[selectedOption?.colorCode?.toLowerCase()] || 'grey';
+        return {
+          type: FieldTypes.HighlightedValueField,
+          fieldName: name,
+          text: value,
+          color: highlightedValueColor,
+          isDotted: textOverflowMode === 'clip',
+          weight: isRead ? undefined : 'bold',
+          tooltip: value,
+          cursor: 'default',
+          appendToActionPayload,
+          isRead,
+          textOverflowMode
+        };
+      }
+
+    case FieldTypes.RadioDropdownField:
+      {
+        const options = pickListValues.map(option => ({
+          id: option.value,
+          value: option.value,
+          secondaryValue: ''
+        }));
+        const highlightedValueColor = colorMapper[selectedOption?.colorCode?.toLowerCase()] || 'grey';
+        return {
+          type: FieldTypes.RadioDropdownField,
+          fieldName: name,
+          options,
+          color: highlightedValueColor,
+          selectedId: value,
+          selectedValue: value,
+          dropdownHeading: displayLabel,
+          isDotted: textOverflowMode === 'clip',
+          weight: isRead ? undefined : 'bold',
+          hasSearch: pickListValues.length > 4,
+          searchPlaceholder: 'Search',
+          emptyStateTitle: 'No results found',
+          isDisabled: false,
+          isReadOnly: false,
+          appendToActionPayload,
+          isRead,
+          textOverflowMode
+        };
+      }
+
+    case FieldTypes.TagField:
+    default:
+      {
+        return {
+          type: FieldTypes.TagField,
+          fieldName: name,
+          label: value,
+          color: selectedOption.colorCode || '',
+          tooltip: value,
+          cursor: 'default',
+          appendToActionPayload,
+          isRead
+        };
+      }
+  }
 };

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

@@ -1,6 +1,5 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import TextFieldModel from "../../../../../../cc/fields/text/Model";
 
 const SingleLineFieldTranslator = _ref => {
   let {
@@ -14,14 +13,22 @@ const SingleLineFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  return TextFieldModel({
-    uiType: uiType || FieldTypes.SingleLineField,
-    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 SingleLineFieldTranslator;

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

@@ -1,6 +1,5 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-import UrlFieldModel from "../../../../../../cc/fields/url/Model";
 
 const URLFieldTranslator = _ref => {
   let {
@@ -14,14 +13,38 @@ const URLFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  return UrlFieldModel({
-    uiType: uiType || FieldTypes.URLField,
-    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: value,
+        opensNewTab: true,
+        isDotted: textOverflowMode === 'clip',
+        weight: isRead ? undefined : 'bold',
+        tooltip: value,
+        appendToActionPayload,
+        isRead,
+        textOverflowMode
+      };
+  }
 };
 
 export default URLFieldTranslator;

package/es/platform/zlist/adapters/presenters/utils/DateAndTimeFormat.js

@@ -0,0 +1,25 @@
+import { i18NProviderUtils } from '@zohodesk/i18n';
+export function DateAndTimeFormat(_ref) {
+  let {
+    value,
+    isDateTimeField,
+    isShortenDateTimeInfo
+  } = _ref;
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return '';
+  const formattedDate = i18NProviderUtils.userDateFormat(date, {}, '', '', false, _ref2 => {
+    let {
+      dateFormat,
+      dateTimeFormat,
+      timeFormat
+    } = _ref2;
+    const isCurrentDate = date.toDateString() === new Date().toDateString();
+
+    if (isDateTimeField && isShortenDateTimeInfo && isCurrentDate) {
+      return timeFormat;
+    }
+
+    return isDateTimeField ? dateTimeFormat : dateFormat;
+  });
+  return formattedDate;
+}

package/es/platform/zlist/adapters/presenters/utils/DefaultClientActions.js

@@ -1,7 +1,10 @@
 /* eslint-disable max-lines-per-function */
+import { i18NProviderUtils } from '@zohodesk/i18n';
 import { TableListConstants } from "../../../../../cc/table-list";
 import { CheckboxConstants } from "../../../../../cc/checkbox";
 import ClientAction from "../../../../client-actions/behaviour/zclient-actions/domain/entities/ClientAction";
+import { SORT_CLICKED } from "../../../../../cc/table-column-sort/Constants";
+import { SMART_TABLE_SORT_BY_REQUESTED } from "../../../../../cc/table-connected/constants/Events";
 const CHECKBOX_TOGGLED = CheckboxConstants.CHECKBOX_TOGGLED;
 const TABLE_LIST_TOGGLE_ALL_SELECTION = TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION;
 
@@ -22,8 +25,8 @@ class DefaultClientActions {
         name: 'SortBy',
         propertiesValueMapping: {
           value: '{{@context.field.sort.order}}',
-          ascendingLabel: 'Ascending',
-          descendingLabel: 'Descending'
+          ascendingLabel: i18NProviderUtils.getI18NValue('crm.report.wizard.groupings.asc'),
+          descendingLabel: i18NProviderUtils.getI18NValue('crm.report.wizard.groupings.desc')
         },
         eventMappings: [{
           payloadValueMapping: {
@@ -31,8 +34,8 @@ class DefaultClientActions {
             name: '{{@context.field.name}}',
             order: `{{@payload.value}}`
           },
-          sourceEvent: 'SORT#CLICKED',
-          targetEvent: 'SMART_TABLE#SORT',
+          sourceEvent: SORT_CLICKED,
+          targetEvent: SMART_TABLE_SORT_BY_REQUESTED,
           id: '4000000080005'
         }],
         id: '4000000080003'

package/es/platform/zlist/adapters/presenters/utils/fieldSortLabels.js

@@ -0,0 +1,38 @@
+import { i18NProviderUtils } from '@zohodesk/i18n';
+export function getFieldTypeSortLabels(fieldType) {
+  let ascendLabel = 'Ascending';
+  let descendLabel = 'Descending';
+
+  switch (fieldType) {
+    case 'Number':
+    case 'Decimal':
+    case 'Percent':
+    case 'Currency':
+      ascendLabel = i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.tooltip', i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.order.number.ascending'));
+      descendLabel = i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.tooltip', i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.order.number.descending'));
+      break;
+
+    case 'Date':
+    case 'DateTime':
+      ascendLabel = i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.tooltip', i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.order.date.ascending'));
+      descendLabel = i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.tooltip', i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.order.date.descending'));
+      break;
+
+    case 'Text':
+    case 'MultiLine':
+    case 'Email':
+    case 'Phone':
+    case 'Picklist':
+    case 'Multiselect':
+    case 'LookUp':
+    default:
+      ascendLabel = i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.tooltip', i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.order.text.ascending'));
+      descendLabel = i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.tooltip', i18NProviderUtils.getI18NValue('support.platform.smart.libraries.sort.order.text.descending'));
+      break;
+  }
+
+  return {
+    ascendLabel,
+    descendLabel
+  };
+}