@zohodesk/library-platform 1.1.3-temp-1 → 1.1.3-temp-1.1

package/es/platform/components/table-connected/frameworks/EventHandlersFactory.js

@@ -15,6 +15,7 @@ import ScrollController from "../adapters/controllers/ScrollController";
 import ColumnChooserUpdateController from "../adapters/controllers/ColumnChooserUpdateController";
 import ColumnChooserOpenedController from "../adapters/controllers/ColumnChooserOpenedController";
 import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import ErrorEventHandlersFactory from "./ErrorEventHandlersFactory";
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
@@ -46,7 +47,8 @@ export default class EventHandlersFactory {
   }
 
   static create(eventHandlers) {
-    return { ...EventHandlersFactory.getSdkWrappedEventHandler(eventHandlers),
+    const wrapped = EventHandlersFactory.getSdkWrappedEventHandler(eventHandlers);
+    const defaultEventHandlers = {
       NAVIGATION: NavigationHandler,
       [RESIZE_FINISHED]: new ResizeFinishController().handle,
       [TABLE_LIST_RESIZE_START_REQUESTED]: new ResizeStartController().handle,
@@ -97,10 +99,41 @@ export default class EventHandlersFactory {
       },
       [TABLE_LIST_ROW_DRAG_END]: new ReOrderFinishController().handle
     };
+    return mergeEventHandlers([defaultEventHandlers, ErrorEventHandlersFactory.create(), wrapped]);
   }
 
 }
 
+function mergeEventHandlers(eventHandlersList) {
+  const mergedEventHandlers = {};
+  const allEventNames = new Set();
+
+  for (const handlers of eventHandlersList) {
+    Object.keys(handlers).forEach(eventName => allEventNames.add(eventName));
+  }
+
+  for (const eventName of allEventNames) {
+    mergedEventHandlers[eventName] = createMergedHandler(eventHandlersList, eventName);
+  }
+
+  return mergedEventHandlers;
+}
+
+function createMergedHandler(eventHandlersList, eventName) {
+  return function () {
+    for (const handlers of eventHandlersList) {
+      const handler = handlers[eventName];
+
+      if (typeof handler === 'function') {
+        try {
+          handler(...arguments);
+        } catch {// Silently ignore errors
+        }
+      }
+    }
+  };
+}
+
 function NavigationHandler(event) {
   const {
     url

package/es/platform/components/table-connected/frameworks/TableConnectedFactory.js

@@ -33,6 +33,7 @@ function combineDataSourceWithDefault(dataSource) {
   };
 }
 
+import { SmartTableEventsContracts } from "../../../../cc/table-connected";
 export default class TableConnectedFactory {
   static create(_ref) {
     let {
@@ -52,6 +53,7 @@ export default class TableConnectedFactory {
     return createCustomComponent({
       name: name,
       View: View,
+      events: SmartTableEventsContracts,
       properties: Properties,
       eventHandlers: EventHandlersFactory.create(eventHandlers),
       transformState: TableTranslator.transformState,

package/es/platform/components/table-connected/frameworks/TableConnectedView.js

@@ -20,7 +20,8 @@ function View(_ref, ref) {
     reOrderConfig
   } = state.viewModel;
   const {
-    resizerState
+    resizerState,
+    isError
   } = state.viewModel;
   const {
     preferences,
@@ -33,6 +34,7 @@ function View(_ref, ref) {
     reOrderConfig: reOrderConfig,
     isReOrderLoading: isReOrderLoading,
     data: data,
+    isError: isError,
     rowCursor: rowCursor,
     sortBy: sortBy,
     resizerState: resizerState,

package/es/platform/zdata-source/domain/entities/DataSource.js

@@ -76,21 +76,27 @@ export default class DataSource {
     const {
       actionName
     } = fullMetaData;
-    const {
-      type,
-      metaData
-    } = fullMetaData[DATA_SOURCE_FAILURE];
     const actions = [];
-    type && actions.push({
-      type,
-      metaData,
-      payload: {
-        error
-      }
-    });
+    let failureMetaData = {};
+
+    if (fullMetaData[DATA_SOURCE_FAILURE]) {
+      const {
+        type,
+        metaData
+      } = fullMetaData[DATA_SOURCE_FAILURE];
+      failureMetaData = metaData;
+      type && actions.push({
+        type,
+        metaData: failureMetaData,
+        payload: {
+          error
+        }
+      });
+    }
+
     actions.push({
       type: DATA_SOURCE_EXECUTE_FAILED,
-      metaData,
+      metaData: failureMetaData,
       payload: {
         actionName,
         error

package/es/platform/zfield/domain/entities/fields-manager/FieldsManager.js

@@ -1,7 +1,7 @@
 import { FIELD_FETCH_FAILURE, FIELD_FETCH_NO_CONTENT, FIELD_FETCH_SUCCESS } from "../../../../../bc/zfield/Constants";
 import FieldApiName from "../interfaces/FieldApiName";
 import { DATA_SOURCE_EXECUTE } from "../../../../../bc/zdata-source/Constants";
-import { DATA_SOURCE_SUCCESS } from "../../../../../bc/zdata-source/Symbols";
+import { DATA_SOURCE_FAILURE, DATA_SOURCE_SUCCESS } from "../../../../../bc/zdata-source/Symbols";
 
 class FieldManager {
   constructor(fields, selectedFields, isFieldsFetching, isSelectedFieldsFetching) {
@@ -52,6 +52,12 @@ class FieldManager {
           metaData: {
             apiName
           }
+        },
+        [DATA_SOURCE_FAILURE]: {
+          metaData: {
+            apiName,
+            actionName: apiName
+          }
         }
       }
     };

package/es/platform/zform/adapters/controllers/FieldValueChangeController.js

@@ -5,16 +5,23 @@ class FieldValueChangeController extends AbstractController {
     const {
       fieldValueChangeRequestUseCase
     } = this.service;
-    let {
+    const {
       state,
       updateState,
       action,
       dispatch
     } = event;
+    const {
+      fieldName,
+      value,
+      sectionId
+    } = action.payload;
     fieldValueChangeRequestUseCase.updateDependency(state, updateState);
     fieldValueChangeRequestUseCase.execute({
-      fieldName: action.payload.fieldName,
-      newValue: action.payload.newValue
+      fieldName,
+      newValue: value,
+      sectionId,
+      dispatch
     });
   }
 

package/es/platform/zform/adapters/presenter/translators/fields/CurrencyFieldTranslator.js

@@ -17,7 +17,6 @@ const CurrencyFieldTranslator = _ref => {
     placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
     required: field.isMandatory,
     readonly: field.isReadOnly,
-    // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
   }; // if (ePHIFields[field.type]) {

package/es/platform/zform/adapters/presenter/translators/fields/DateFieldTranslator.js

@@ -13,7 +13,6 @@ const DateFieldTranslator = _ref => {
     // placeholder: field.i18NLabel,//field.placeholder,
     required: field.isMandatory,
     readonly: field.isReadOnly,
-    // visibility: field.isVisible
     isVisible: field.isVisible
   };
 };

package/es/platform/zform/adapters/presenter/translators/fields/DecimalFieldTranslator.js

@@ -17,7 +17,6 @@ const DecimalFieldTranslator = _ref => {
     placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
     required: field.isMandatory,
     readonly: field.isReadOnly,
-    // visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
   }; // if (ePHIFields[field.type]) {

package/es/platform/zform/adapters/presenter/translators/fields/PhoneFieldTranslator.js

@@ -17,7 +17,6 @@ const PhoneFieldTranslator = _ref => {
     placeholder: field.toolTipType === "placeholder" ? field.toolTip : "",
     required: field.isMandatory,
     readonly: field.isReadOnly,
-    visibility: field.isVisible,
     isVisible: field.isVisible,
     errorMessage: field.errorMessage || ''
   }; // if (ePHIFields[field.type]) {

package/es/platform/zform/applications/usecases/FieldValueChangeRequestUseCase.js

@@ -1,10 +1,13 @@
 import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_FIELD_VALUE_CHANGED } from "../../../../bc/zform/Symbol";
 
 class FieldValueChangeRequestUseCase extends AbstractUseCase {
   execute(input) {
     let {
+      sectionId,
       fieldName,
-      newValue
+      newValue,
+      dispatch
     } = input;
     let {
       layoutRuleApplier
@@ -29,6 +32,15 @@ class FieldValueChangeRequestUseCase extends AbstractUseCase {
     // zform=zformEntitiy.toObject();
 
     this.dependencies.presenter.updateFormResponse(zform);
+    dispatch({
+      type: ZFORM_FIELD_VALUE_CHANGED,
+      payload: {
+        sectionId,
+        fieldName,
+        value: newValue
+      },
+      metaData: {}
+    });
   }
 
 }

package/es/platform/zform/domain/ZField.js

@@ -1,7 +1,6 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 export default class ZField {
-  // visibility:boolean;
   constructor(_ref) {
     let {
       displayLabel,
@@ -19,7 +18,6 @@ export default class ZField {
       isMandatory,
       value,
       errorMessage,
-      // visibility=true,
       isVisible = true,
       pickListValues,
       toolTip,
@@ -86,8 +84,7 @@ export default class ZField {
     this.maxLength = maxLength;
     this.isMandatory = isMandatory;
     this.value = value;
-    this.errorMessage = errorMessage; // this.visibility=visibility;
-
+    this.errorMessage = errorMessage;
     this.isVisible = isVisible;
     this.defaultPickListValues = pickListValues;
     this.pickListValues = pickListValues;
@@ -167,12 +164,10 @@ export default class ZField {
   }
 
   toggleVisibility() {
-    // this.visibility=!this.visibility;
     this.isVisible = !this.isVisible;
   }
 
   setVisibility(visibility) {
-    // this.visibility=visibility;
     this.isVisible = visibility;
   }
 
@@ -206,7 +201,8 @@ export default class ZField {
       isMandatory: this.isMandatory,
       value: this.value,
       errorMessage: this.errorMessage,
-      // visibility:this.visibility,
+      // NOTE: visibility is now isVisible, visibility is deprecated, only for backward compatibility of layout rules
+      visibility: this.isVisible,
       isVisible: this.isVisible,
       pickListValues: this.pickListValues,
       toolTip: this.toolTip,

package/es/platform/zform/frameworks/ui/EventHandlerFactory.js

@@ -209,11 +209,17 @@ class EventHandlersFactory {
           action,
           dispatch
         } = _ref8;
+        const {
+          sectionId,
+          fieldName,
+          value
+        } = action.payload;
         dispatch({
           type: ZFORM_FIELD_VALUE_CHANGE_REQUEST,
           payload: {
-            fieldName: action.payload.fieldName,
-            newValue: action.payload.value
+            sectionId,
+            fieldName,
+            value
           },
           metaData: {}
         });

package/es/platform/zhttp/applications/usecases/FetchUseCase.js

@@ -1,14 +1,10 @@
-/* eslint-disable @zohodesk/architecturerules/no-returnStatement-rule */
-
-/* eslint-disable max-lines-per-function */
+/* eslint-disable @zohodesk/architecturerules/define-property-schema */
 import { FETCH_FAILED, FETCH_SUCCESS_NO_CONTENT, FETCH_REQUESTED, FETCH_SUCCESS } from "../../../../bc/zhttp/Constants";
 import AbstractUseCase from "./AbstractUseCase";
+import { ZHttpErrorSource, ZHttpErrorCode } from "../../../../bc/zhttp/Errors";
 
 class FetchUseCase extends AbstractUseCase {
   async execute(inputModel) {
-    const {
-      fetchGateWay
-    } = this.dependencies;
     const {
       url,
       method = 'GET',
@@ -17,7 +13,6 @@ class FetchUseCase extends AbstractUseCase {
     const {
       metaData,
       dispatch,
-      payload,
       headers
     } = inputModel;
     dispatch({
@@ -28,80 +23,130 @@ class FetchUseCase extends AbstractUseCase {
         headers,
         metaData
       }
-    });
+    }); // NOTE: getResponse is hacky solution to get the data using function call instead of fetch, So any handling added to here needs to be added to fetch and vise versa
+
+    if (typeof getResponse === 'function') {
+      await this.handleGetResponseAsFunction(inputModel);
+    } else {
+      await this.handleFetchResponse(inputModel);
+    }
+  }
+
+  async handleGetResponseAsFunction(inputModel) {
+    const {
+      getResponse,
+      headers,
+      dispatch,
+      metaData
+    } = inputModel;
 
     try {
-      // NOTE: getResponse is hacky solution to get the data using function call instead of fetch, So any handling added to here needs to be added to fetch and vise versa
-      if (typeof getResponse === 'function') {
-        const data = await getResponse(headers);
+      const data = await getResponse(headers);
 
-        if (data === undefined) {
-          dispatch({
-            type: FETCH_SUCCESS_NO_CONTENT,
-            payload: {},
-            metaData
-          });
-        } else {
-          dispatch({
-            type: FETCH_SUCCESS,
-            payload: {
-              response: data
-            },
-            metaData
-          });
-        }
+      if (data === undefined) {
+        dispatch({
+          type: FETCH_SUCCESS_NO_CONTENT,
+          payload: {},
+          metaData
+        });
       } else {
-        const response = await fetchGateWay.fetch(url, {
-          headers,
-          method,
-          body: method === 'GET' ? null : payload
+        dispatch({
+          type: FETCH_SUCCESS,
+          payload: {
+            response: data
+          },
+          metaData
         });
+      }
+    } catch (errorObj) {
+      this.dispatchException(inputModel, errorObj, ZHttpErrorSource.GetResponse, ZHttpErrorCode.UnknownError);
+    }
+  }
+
+  async handleFetchResponse(inputModel) {
+    const {
+      fetchGateWay
+    } = this.dependencies;
+    const {
+      url,
+      method = 'GET',
+      headers,
+      payload
+    } = inputModel;
+
+    try {
+      const response = await fetchGateWay.fetch(url, {
+        headers,
+        method,
+        body: method === 'GET' ? null : payload
+      });
 
-        if (response.ok) {
-          if (response.status === 204) {
-            dispatch({
-              type: FETCH_SUCCESS_NO_CONTENT,
-              payload: {},
-              metaData
-            });
-          } else if (response.status === 200 && method === 'DELETE') {
-            dispatch({
-              type: FETCH_SUCCESS,
-              payload: {},
-              metaData
-            });
-          } else {
-            const data = await response.json();
-            dispatch({
-              type: FETCH_SUCCESS,
-              payload: {
-                response: data
-              },
-              metaData
-            });
-          }
-        } else {
-          const data = await response.json();
-          dispatch({
-            type: FETCH_FAILED,
-            payload: {
-              error: data
-            },
-            metaData
-          });
-        }
+      if (response.ok) {
+        await this.handleSuccessResponse(response, inputModel);
+      } else {
+        const data = await response.json();
+        const errorObj = { ...data,
+          statusCode: response.status
+        };
+        this.dispatchException(inputModel, errorObj, ZHttpErrorSource.Fetch, ZHttpErrorCode.ApiError);
       }
-    } catch (e) {
+    } catch (errorObj) {
+      this.dispatchException(inputModel, errorObj, ZHttpErrorSource.Fetch, ZHttpErrorCode.UnknownError);
+    }
+  }
+
+  async handleSuccessResponse(response, inputModel) {
+    const {
+      method = 'GET',
+      dispatch,
+      metaData
+    } = inputModel;
+    const statusCode = response.status;
+
+    if (statusCode === 204) {
+      dispatch({
+        type: FETCH_SUCCESS_NO_CONTENT,
+        payload: {},
+        metaData
+      });
+    } else if (statusCode === 200 && method === 'DELETE') {
       dispatch({
-        type: FETCH_FAILED,
+        type: FETCH_SUCCESS,
+        payload: {},
+        metaData
+      });
+    } else {
+      const data = await response.json();
+      dispatch({
+        type: FETCH_SUCCESS,
         payload: {
-          error: e
+          response: data
         },
         metaData
       });
     }
   }
 
+  dispatchException(inputModel, errorObj, source, code) {
+    const {
+      dispatch,
+      metaData
+    } = inputModel;
+    const error = {
+      code,
+      message: errorObj.message,
+      source,
+      info: errorObj
+    };
+    dispatch({
+      type: FETCH_FAILED,
+      payload: {
+        error
+      },
+      metaData
+    });
+  }
+
 }
 
 export default FetchUseCase;

package/es/platform/zlist/adapters/controllers/FieldExecuteFailedController.js

@@ -0,0 +1,25 @@
+import AbstractController from "./AbstractController";
+export default class FieldExecuteFailedController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      payload,
+      metaData
+    } = action;
+    const {
+      recordExecuteFailedUseCase
+    } = this.service;
+    recordExecuteFailedUseCase.updateDependency(state, updateState);
+    recordExecuteFailedUseCase.execute({
+      dispatch,
+      payload,
+      metaData
+    });
+  }
+
+}

package/es/platform/zlist/adapters/gateways/Repository.js

@@ -1,5 +1,6 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+import ListErrorState from "../../domain/entities/ListErrorState";
 import ListFactory from "../../applications/entities-factory/ListFactory";
 import SortBy from "../../domain/entities/SortBy";
 
@@ -22,7 +23,8 @@ class Repository {
     } = this.state.properties;
     const {
       sortBy,
-      errorRecordFailed
+      errorState,
+      isReOrderLoading
     } = this.getZListState();
     const list = ListFactory.createList({
       context,
@@ -34,7 +36,8 @@ class Repository {
       },
       sortBy: new SortBy(sortBy.id, sortBy.name, sortBy.order),
       limit: 50,
-      errorRecordFailed
+      isReOrderLoading,
+      errorState: new ListErrorState(errorState)
     });
     return list;
   }

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

@@ -50,6 +50,7 @@ export default class TableTranslator {
 
     const {
       sortBy,
+      errorState,
       isReOrderLoading
     } = fallbackToDefault(zlist, {}); // FIX: zlist should be available by default
 
@@ -69,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,
@@ -94,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()];
@@ -106,6 +112,7 @@ export default class TableTranslator {
       behaviours,
       viewModel: {
         reOrderConfig,
+        isError,
         selection: SelectionTranslator(state),
         focussedRow: focussedIndex,
         sortBy,

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

@@ -42,7 +42,7 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
   });
 
   if (!value && value !== false) {
-    return EmptyViewModel();
+    return EmptyViewModel(name);
   }
 
   if (fieldComponentMapping[name]) {
@@ -53,7 +53,7 @@ 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") {

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

@@ -3,7 +3,7 @@ import ClientActionsTranslator from "../../../../client-actions/translators/clie
 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,
@@ -15,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 {