@zohodesk/library-platform 1.1.3 → 1.1.6

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

@@ -26,7 +26,8 @@ export default class TableTranslator {
     } = state;
     const {
       componentMapping,
-      context
+      context,
+      reOrderConfig
     } = properties;
     const {
       localStorage: localStorageBehaviour,
@@ -48,7 +49,9 @@ export default class TableTranslator {
     } = fallbackToDefault(behaviours, {}); // FIX: behaviours should be available by default
 
     const {
-      sortBy
+      sortBy,
+      errorState,
+      isReOrderLoading
     } = fallbackToDefault(zlist, {}); // FIX: zlist should be available by default
 
     const {
@@ -67,6 +70,10 @@ export default class TableTranslator {
 
     const fieldComponentMapping = fallbackToDefault(componentMapping.fields, {});
     const rowActionsUiType = componentMapping.rowActionsComponentName;
+    const {
+      shouldClearRecords: isRecordsShouldBeEmptied,
+      canErrorPage: isError
+    } = errorState;
     const {
       fields: availableFields,
       selectedFields,
@@ -92,8 +99,9 @@ export default class TableTranslator {
 
     const localStorageFieldWidths = fallbackToDefault(localStorageBehaviour === null || localStorageBehaviour === void 0 ? void 0 : (_localStorageBehaviou = localStorageBehaviour[moduleName]) === null || _localStorageBehaviou === void 0 ? void 0 : (_localStorageBehaviou2 = _localStorageBehaviou[viewId]) === null || _localStorageBehaviou2 === void 0 ? void 0 : _localStorageBehaviou2.modifiedWidths, EMPTY_OBJECT);
     const modifiedWidths = calculateFieldWidths(fields, localStorageFieldWidths, preferences);
-    const headersTranslator = new HeadersTranslator(fields, headerActions, context, modifiedWidths, sortBy);
-    const rowsTranslator = new RowsTranslator(records, fields, rowActions, context, fieldComponentMapping, rowActionsUiType, fieldActions); // const actionTranslator = new ClientActionsTranslator(clientActions, records, fields, pageContext);
+    const recordsForDisplay = isRecordsShouldBeEmptied ? EMPTY_ARRAY : records;
+    const headersTranslator = new HeadersTranslator(fields, headerActions, context, modifiedWidths, sortBy, records);
+    const rowsTranslator = new RowsTranslator(recordsForDisplay, fields, rowActions, context, fieldComponentMapping, rowActionsUiType, fieldActions); // const actionTranslator = new ClientActionsTranslator(clientActions, records, fields, pageContext);
     // const translators = [headersTranslator.getTranslator(), rowsTranslator.getTranslator(), actionTranslator.getTranslator()];
 
     const translators = [headersTranslator.getTranslator(), rowsTranslator.getTranslator()];
@@ -103,6 +111,8 @@ export default class TableTranslator {
       properties,
       behaviours,
       viewModel: {
+        reOrderConfig,
+        isError,
         selection: SelectionTranslator(state),
         focussedRow: focussedIndex,
         sortBy,
@@ -120,8 +130,12 @@ export default class TableTranslator {
         },
         keyboardControlsConfig,
         isLoading,
+        isReOrderLoading,
         emptyStateUiType: componentMapping.emptyState || '',
-        data
+        data: fields.length ? data : {
+          headers: EMPTY_ARRAY,
+          rows: EMPTY_ARRAY
+        }
       }
     };
   }

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

@@ -34,14 +34,15 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
     console.warn(`The string format for componentMapping will soon be deprecated. Please update to the new JSON format. REF : ${JSON.stringify(fieldEntry)}`);
   }
 
-  const value = isCustomField ? (_record$cf = record.cf) === null || _record$cf === void 0 ? void 0 : _record$cf[name] : record[name];
+  let tempValue = undefined;
+  let value = isCustomField ? (_record$cf = record.cf) === null || _record$cf === void 0 ? void 0 : _record$cf[name] : record[name];
   const actions = ClientActionsTranslator.transform(fieldActions, {
     field,
     record
   });
 
   if (!value && value !== false) {
-    return EmptyViewModel();
+    return EmptyViewModel(name);
   }
 
   if (fieldComponentMapping[name]) {
@@ -52,11 +53,16 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
 
   if (!fieldTranslator) {
     console.error(`Field type ${type} not supported`);
-    return EmptyViewModel();
+    return EmptyViewModel(name);
   }
 
   if (field.type == "LookUp") {
-    value.url = getLookupUrlConstructions({
+    // temp fix for when lookup field don't have value !object
+    tempValue = typeof value !== 'object' ? {
+      name: value,
+      id: value
+    } : value;
+    tempValue.url = getLookupUrlConstructions({
       field,
       value,
       context
@@ -72,7 +78,7 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
   if (fieldEntry && typeof fieldEntry === 'object') {
     let data = {
       actions,
-      ...fieldTranslator(field, finalValue, {
+      ...fieldTranslator(field, tempValue ? tempValue : finalValue, {
         recordId: record.id
       })
     };
@@ -82,16 +88,9 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
       context
     });
     data.type = fieldEntry.UIComponentName;
-    console.log(data, "====>>> custom field modal");
     return data;
   }
 
-  console.log({
-    actions,
-    ...fieldTranslator(field, finalValue, {
-      recordId: record.id
-    })
-  }, "====>>> normal pre-defined field modal");
   return {
     actions,
     ...fieldTranslator(field, finalValue, {

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

@@ -1,7 +1,8 @@
 import FieldTypes from "../../../../../cc/fields/field/Types";
 
-function EmptyViewModel() {
+function EmptyViewModel(fieldName) {
   return {
+    name: fieldName,
     type: FieldTypes.SingleLineField,
     value: '-'
   };

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

@@ -1,8 +1,9 @@
 import ColumnAlignmentTranslator from "./ColumnAlignmentTranslator";
 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) {
+function HeaderTranslator(field, actions, context, modifiedWidths, sortBy, records) {
   const {
     id,
     name,
@@ -14,7 +15,8 @@ function HeaderTranslator(field, actions, context, modifiedWidths, sortBy) {
     sort: translateSortBy(field.id, sortBy)
   };
   const transformedActions = ClientActionsTranslator.transform(actions, { ...context,
-    field: newField
+    field: newField,
+    recordsLength: records.length.toString()
   });
   const width = modifiedWidths[name];
   return {
@@ -37,9 +39,11 @@ function translateSortBy(id, sortBy) {
 
   if (sortBy.id === id) {
     if (sortBy.order === SortOrder.ASC) {
-      newSortBy.tooltip = 'Click to Sort Descending';
+      // newSortBy.tooltip = 'Click to Sort Descending';
+      newSortBy.tooltip = i18NProviderUtils.getI18NValue("support.localization.tooltip.descending");
     } else if (newSortBy.order === SortOrder.DES) {
-      newSortBy.tooltip = 'Click to Sort Ascending';
+      // newSortBy.tooltip = 'Click to Sort Ascending';
+      newSortBy.tooltip = i18NProviderUtils.getI18NValue("support.localization.tooltip.ascending");
     } else if (newSortBy.order === SortOrder.NONE) {
       newSortBy.tooltip = 'Click to Sort';
     }

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

@@ -1,11 +1,12 @@
 import HeaderTranslator from "./Header";
 export default class HeadersTranslator {
-  constructor(fields, actions, context, modifiedWidths, sortBy) {
+  constructor(fields, actions, context, modifiedWidths, sortBy, records) {
     this.fields = fields;
     this.actions = actions;
     this.context = context;
     this.modifiedWidths = modifiedWidths;
     this.sortBy = sortBy;
+    this.records = records;
     this.pipe = this.pipe.bind(this);
   }
 
@@ -14,7 +15,7 @@ export default class HeadersTranslator {
       return [];
     }
 
-    return this.fields.map(field => HeaderTranslator(field, this.actions, this.context, this.modifiedWidths, this.sortBy));
+    return this.fields.map(field => HeaderTranslator(field, this.actions, this.context, this.modifiedWidths, this.sortBy, this.records));
   }
 
   pipe(viewModel) {

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

@@ -1,3 +1,4 @@
+import { i18NProviderUtils } from '@zohodesk/i18n';
 const defaultResizerUiState = {
   isEnabled: false,
   isCurrentlyResizing: false,
@@ -66,16 +67,19 @@ function tooltipI18nHandler(_ref2) {
 
   if (width === maxWidth) {
     // return `Max width (${width}px) reached`;
-    return `Max Limit Reached ${width}`;
+    let i18nMax = i18NProviderUtils.getI18NValue('support.ticket.list.table.max.width', width);
+    return i18nMax;
   }
 
   if (width === minWidth) {
     // return `Min width (${width}px) reached`;
-    return `Min Limit Reached ${width}`;
+    let i18nMin = i18NProviderUtils.getI18NValue('support.ticket.list.table.min.width', width);
+    return i18nMin;
   } // return `Width: ${width}px`;
 
 
-  return `Width - ${width}px`;
+  let i18nWid = i18NProviderUtils.getI18NValue('support.ticket.list.table.width', width);
+  return i18nWid;
 }
 
 function calculateExtraSpaceWidth(_ref3) {

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

@@ -10,6 +10,7 @@ const CurrencyFieldTranslator = (field, value, appendToActionPayload) => {
     uiType: uiType || FieldTypes.CurrencyField,
     appendToActionPayload,
     name,
+    currencyLocale: "INR",
     value
   });
 };

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

@@ -19,6 +19,9 @@ const FormulaFieldTranslator = (field, value, appendToActionPayload) => {
     uiType: uiType || setFieldType,
     appendToActionPayload,
     name,
+    ...(setFieldType === FieldTypes.CurrencyField && {
+      currencyLocale: "INR"
+    }),
     value
   });
 };

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

@@ -39,7 +39,7 @@ class DefaultClientActions {
       },
       conditions: {
         fields: [{
-          fieldName: 'field.isSortable',
+          fieldName: '{{@context.field.isSortable}}',
           condition: '=',
           value: ['true']
         }],

package/es/platform/zlist/applications/entities-factory/ListFactory.js

@@ -7,9 +7,10 @@ class ListFactory {
       sortBy,
       query,
       context,
-      errorRecordFailed
+      errorState,
+      isReOrderLoading
     } = input;
-    return new List(limit, sortBy, query, context, errorRecordFailed);
+    return new List(limit, sortBy, query, context, isReOrderLoading, errorState);
   }
 
 }

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

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

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

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

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

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

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

@@ -1,7 +1,10 @@
+import { RECORD_LOCAL_MULTIPLE_DELETE } from "../../../../bc/zrecord/Constants";
 import AbstractUseCase from "./AbstractUseCase";
 
 class DeleteMultipleRecordUseCase extends AbstractUseCase {
   execute(input) {
+    var _input$callback;
+
     const {
       dispatch,
       recordIds
@@ -10,8 +13,26 @@ class DeleteMultipleRecordUseCase extends AbstractUseCase {
       repository
     } = this.dependencies;
     const list = repository.getList();
-    const action = list.getDeleteMultipleRecordAction(recordIds);
-    dispatch(action);
+
+    if (input.shouldFetch) {
+      const action = list.getDeleteMultipleRecordAction(recordIds);
+      dispatch(action);
+    } else {
+      dispatch({
+        type: RECORD_LOCAL_MULTIPLE_DELETE,
+        payload: {
+          recordIds
+        }
+      });
+    }
+
+    (_input$callback = input.callback) === null || _input$callback === void 0 ? void 0 : _input$callback.call(input, {
+      data: recordIds.map(id => ({
+        id,
+        Success: true,
+        error: null
+      }))
+    });
   }
 
 }

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

@@ -2,6 +2,8 @@ import AbstractUseCase from "./AbstractUseCase";
 
 class DeleteSingleRecordUseCase extends AbstractUseCase {
   execute(input) {
+    var _input$callback;
+
     const {
       dispatch,
       recordId
@@ -12,6 +14,13 @@ class DeleteSingleRecordUseCase extends AbstractUseCase {
     const list = repository.getList();
     const action = list.getDeleteSingleRecordAction(recordId);
     dispatch(action);
+    (_input$callback = input.callback) === null || _input$callback === void 0 ? void 0 : _input$callback.call(input, {
+      data: [{
+        id: recordId,
+        Success: true,
+        error: null
+      }]
+    });
   }
 
 }

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

@@ -10,7 +10,7 @@ class FetchMoreUseCase extends AbstractUseCase {
     } = this.dependencies;
     const list = repository.getList();
 
-    if (!list.getErrorRecordFailed()) {
+    if (!list.hasFetchingFailedInMoreRecords()) {
       dispatch(list.createMoreRecordFetchAction());
     }
   }

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

@@ -0,0 +1,18 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetContextUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      variableName,
+      callback
+    } = input;
+    const {
+      repository
+    } = this.dependencies;
+    const list = repository.getList();
+    callback === null || callback === void 0 ? void 0 : callback(list.getContext(variableName));
+  }
+
+}
+
+export default GetContextUseCase;

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

@@ -0,0 +1,22 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ReOrderFailedUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      metaData
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const list = repository.getList();
+
+    if (metaData.isReOrder) {
+      list.reOrderEnded();
+      presenter.updateView(list.toObject());
+    }
+  }
+
+}
+
+export default ReOrderFailedUseCase;

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

@@ -0,0 +1,25 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ReOrderUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch,
+      newIndex,
+      oldIndex
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const list = repository.getList();
+    list.reOrderStarted();
+    presenter.updateView(list.toObject());
+    dispatch(list.getReOrderRecordAction({
+      newIndex,
+      oldIndex
+    }));
+  }
+
+}
+
+export default ReOrderUseCase;

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

@@ -1,4 +1,4 @@
-import AbstractUseCase from "./AbstractUseCase";
+import AbstractUseCase from "./AbstractUseCase"; // TODO Rename this file to ApiFailedHandleUseCase.ts
 
 class RecordExecuteFailedUseCase extends AbstractUseCase {
   execute(input) {
@@ -12,8 +12,9 @@ class RecordExecuteFailedUseCase extends AbstractUseCase {
       presenter
     } = this.dependencies;
     const list = repository.getList();
-    const actions = list.getRecordExecuteFailedActions(payload, metaData);
+    list.processApiError(payload, metaData);
     presenter.updateView(list.toObject());
+    const actions = list.generateApiErrorEvent(payload, metaData);
     actions.forEach(action => {
       dispatch(action);
     });

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

@@ -1,18 +1,39 @@
+import { SET_RECORDS } from "../../../../bc/zrecord/Constants";
 import AbstractUseCase from "./AbstractUseCase";
 
 class RecordSuccessCallbackUsecase extends AbstractUseCase {
-  execute(input) {
-    const {
+  execute(_ref) {
+    var _metaData$sourceMetaD;
+
+    let {
       dispatch,
       payload,
       metaData
-    } = input;
+    } = _ref;
     const {
       repository,
       presenter
     } = this.dependencies;
     const list = repository.getList();
 
+    if ((_metaData$sourceMetaD = metaData.sourceMetaData) !== null && _metaData$sourceMetaD !== void 0 && _metaData$sourceMetaD.isReOrder) {
+      list.reOrderEnded();
+      presenter.updateView(list.toObject()); // convert to separate use-case
+
+      const {
+        oldIndex,
+        newIndex
+      } = payload.response;
+      const records = repository.getRecords();
+      const reordered = oldIndex === newIndex ? records : list.arrayMoveImmutable(records, oldIndex, newIndex);
+      dispatch({
+        type: SET_RECORDS,
+        payload: {
+          records: reordered
+        }
+      });
+    }
+
     if (list.isAcknowledgeBySortBy(metaData)) {
       list.setSortBy(metaData);
       presenter.updateView(list.toObject());

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

@@ -2,6 +2,8 @@ import AbstractUseCase from "./AbstractUseCase";
 
 class RecordUpdateUseCase extends AbstractUseCase {
   execute(input) {
+    var _input$callback;
+
     const {
       dispatch,
       recordId,
@@ -13,6 +15,13 @@ class RecordUpdateUseCase extends AbstractUseCase {
     const list = repository.getList();
     const action = list.getUpdateRecordFetchActions(recordId, record);
     dispatch(action);
+    (_input$callback = input.callback) === null || _input$callback === void 0 ? void 0 : _input$callback.call(input, {
+      data: [{
+        id: recordId,
+        Success: true,
+        error: null
+      }]
+    });
   }
 
 }

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

@@ -0,0 +1,34 @@
+import { RECORD_LOCAL_UPDATE } from "../../../../bc/zrecord/Constants";
+import AbstractUseCase from "./AbstractUseCase";
+import { ZLIST_RECORD_UPDATE } from "../../../../bc/zlist/Constants";
+
+class UpdateMultipleRecordUseCase extends AbstractUseCase {
+  execute(input) {
+    var _input$callback;
+
+    const {
+      dispatch,
+      recordsMap,
+      shouldFetch
+    } = input;
+    recordsMap.forEach(record => {
+      dispatch({
+        type: shouldFetch ? ZLIST_RECORD_UPDATE : RECORD_LOCAL_UPDATE,
+        payload: {
+          recordId: record.id,
+          record: record
+        }
+      });
+    });
+    (_input$callback = input.callback) === null || _input$callback === void 0 ? void 0 : _input$callback.call(input, {
+      results: recordsMap.map(record => ({
+        id: record.id,
+        Success: true,
+        error: null
+      }))
+    });
+  }
+
+}
+
+export default UpdateMultipleRecordUseCase;