@zohodesk/library-platform 1.1.12-exp.1 → 1.1.12-exp.2

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

@@ -1,5 +1,7 @@
 // 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 {
@@ -10,7 +12,10 @@ const MultiSelectFieldTranslator = _ref => {
     isRead
   } = _ref;
   const {
-    subType
+    uiType,
+    name,
+    subType,
+    pickListValues
   } = field;
   const updatedValue = value.split(';').map(item => item === '' ? '-None-' : item);
 
@@ -18,113 +23,34 @@ const MultiSelectFieldTranslator = _ref => {
     return ColouredMultiSelectFieldTranslator(field, updatedValue, appendToActionPayload, textOverflowMode, isRead);
   }
 
-  return StandardMultiSelectFieldTranslator(field, updatedValue, appendToActionPayload, textOverflowMode, isRead);
+  return MultiListFieldModel({
+    uiType: uiType || FieldTypes.MultiSelectField,
+    appendToActionPayload,
+    name,
+    options: pickListValues,
+    isRead,
+    value: updatedValue,
+    textOverflowMode
+  });
 };
 
 export default MultiSelectFieldTranslator;
 
-const StandardMultiSelectFieldTranslator = (field, value, appendToActionPayload, textOverflowMode, isRead) => {
-  const {
-    uiType,
-    name,
-    displayLabel
-  } = field;
-  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,
-    pickListValues,
-    displayLabel
+    pickListValues
   } = field;
-  const selectedOptions = value.map(item => {
-    const option = pickListValues.find(opt => opt.value === item);
-    return {
-      id: option.value,
-      label: option.value,
-      color: option.colorCode || ''
-    };
+  return ColouredMultiListFieldModel({
+    uiType: uiType || FieldTypes.ColouredMultiSelectField,
+    appendToActionPayload,
+    name,
+    options: pickListValues.map(option => ({ ...option,
+      colorCode: option.colorCode || ''
+    })),
+    isRead,
+    value,
+    textOverflowMode
   });
-
-  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,5 +1,6 @@
 // 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 {
@@ -13,22 +14,14 @@ const NumberLineFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-
-  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
-      };
-  }
+  return NumberFieldModel({
+    uiType: uiType || FieldTypes.NumberField,
+    appendToActionPayload,
+    name,
+    isRead,
+    value,
+    textOverflowMode
+  });
 };
 
 export default NumberLineFieldTranslator;

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

@@ -1,5 +1,6 @@
 // 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 {
@@ -13,22 +14,14 @@ const PercentageFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-
-  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
-      };
-  }
+  return PercentFieldModel({
+    uiType: uiType || FieldTypes.PercentageField,
+    appendToActionPayload,
+    name,
+    isRead,
+    value,
+    textOverflowMode
+  });
 };
 
 export default PercentageFieldTranslator;

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

@@ -1,5 +1,6 @@
 // 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 {
@@ -13,22 +14,14 @@ const PhoneFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-
-  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
-      };
-  }
+  return PhoneFieldModel({
+    uiType: uiType || FieldTypes.PhoneField,
+    appendToActionPayload,
+    name,
+    isRead,
+    value,
+    textOverflowMode
+  });
 };
 
 export default PhoneFieldTranslator;

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

@@ -1,6 +1,7 @@
 // import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
-const EMPTY_ARRAY = [];
+import PickListFieldModel from "../../../../../../cc/fields/pick-list/Model";
+import ColouredPickListFieldModel from "../../../../../../cc/fields/coloured-pick-list/Model";
 
 const PickListFieldTranslator = _ref => {
   let {
@@ -11,6 +12,9 @@ const PickListFieldTranslator = _ref => {
     isRead
   } = _ref;
   const {
+    uiType,
+    name,
+    pickListValues,
     subType
   } = field;
 
@@ -18,179 +22,34 @@ const PickListFieldTranslator = _ref => {
     return ColouredPickListFieldTranslator(field, value, appendToActionPayload, textOverflowMode, isRead);
   }
 
-  return StandardPickListFieldTranslator(field, value, appendToActionPayload, textOverflowMode, isRead);
-};
-
-export default PickListFieldTranslator;
-
-const StandardPickListFieldTranslator = (field, value, appendToActionPayload, textOverflowMode, isRead) => {
-  const {
-    uiType,
+  return PickListFieldModel({
+    uiType: uiType || FieldTypes.PickListField,
+    appendToActionPayload,
+    options: pickListValues,
     name,
-    pickListValues = EMPTY_ARRAY,
-    displayLabel
-  } = field;
-
-  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
-      };
-  }
+    isRead,
+    value,
+    textOverflowMode
+  });
 };
 
-const colorMapper = {
-  "#1e1e1e": "grey",
-  "#fd1d1d": "red",
-  "#fd5901": "orange",
-  "#71c02b": "green",
-  "#405de6": "blue"
-};
+export default PickListFieldTranslator;
 
 const ColouredPickListFieldTranslator = (field, value, appendToActionPayload, textOverflowMode, isRead) => {
   const {
     uiType,
     name,
-    displayLabel,
-    pickListValues = EMPTY_ARRAY
+    pickListValues
   } = 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
-        };
-      }
-  }
+  return ColouredPickListFieldModel({
+    uiType: uiType || FieldTypes.ColouredPickListField,
+    appendToActionPayload,
+    options: pickListValues.map(option => ({ ...option,
+      colorCode: option.colorCode || ''
+    })),
+    name,
+    isRead,
+    value,
+    textOverflowMode
+  });
 };

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

@@ -1,5 +1,6 @@
 // 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 {
@@ -13,22 +14,14 @@ const SingleLineFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-
-  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
-      };
-  }
+  return TextFieldModel({
+    uiType: uiType || FieldTypes.SingleLineField,
+    appendToActionPayload,
+    name,
+    isRead,
+    value,
+    textOverflowMode
+  });
 };
 
 export default SingleLineFieldTranslator;

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

@@ -1,5 +1,6 @@
 // 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 {
@@ -13,38 +14,14 @@ const URLFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-
-  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
-      };
-  }
+  return UrlFieldModel({
+    uiType: uiType || FieldTypes.URLField,
+    appendToActionPayload,
+    name,
+    isRead,
+    value,
+    textOverflowMode
+  });
 };
 
 export default URLFieldTranslator;

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/applications/entities-factory/ListFactory.js

@@ -4,13 +4,13 @@ class ListFactory {
   static createList(input) {
     const {
       limit,
-      sortBy,
+      sortConfig,
       query,
       context,
       errorState,
       isReOrderLoading
     } = input;
-    return new List(limit, sortBy, query, context, isReOrderLoading, errorState);
+    return new List(limit, sortConfig, query, context, isReOrderLoading, errorState);
   }
 
 }

package/es/platform/zlist/applications/interfaces/input/GetSortConfigUseCaseInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/RefreshRecordsRequestedUseCaseInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/SetSortConfigUseCaseInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/usecases/GetSortConfigUseCase.js

@@ -0,0 +1,17 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetSortConfigUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      callback
+    } = input;
+    const {
+      repository
+    } = this.dependencies;
+    const list = repository.getList();
+    callback?.(list.getSortConfig());
+  }
+
+}
+
+export default GetSortConfigUseCase;

package/es/platform/zlist/applications/usecases/RecordSuccessCallbackUsecase.js

@@ -36,7 +36,7 @@ class RecordSuccessCallbackUsecase extends AbstractUseCase {
     }
 
     if (list.isAcknowledgeBySortBy(metaData)) {
-      list.setSortBy(metaData);
+      list.setSortConfig(metaData);
       presenter.updateView(list.toObject());
     }
   }

package/es/platform/zlist/applications/usecases/RefreshRecordsRequestedUseCase.js

@@ -0,0 +1,17 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class RefreshRecordsRequestedUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch
+    } = input;
+    const {
+      repository
+    } = this.dependencies;
+    const list = repository.getList();
+    dispatch(list.createRecordsRefetchAction());
+  }
+
+}
+
+export default RefreshRecordsRequestedUseCase;