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

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

@@ -1,14 +1,19 @@
 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 ZSection {
+  // Optional field for description
+  // private visibility:boolean;
   constructor(_ref) {
     let {
       name,
       i18NLabel,
       isCustomSection,
+      description,
+      isCollapsed,
       id,
       fields,
-      visibility
+      // visibility
+      isVisible
     } = _ref;
 
     _defineProperty(this, "name", void 0);
@@ -17,18 +22,27 @@ export default class ZSection {
 
     _defineProperty(this, "isCustomSection", void 0);
 
+    _defineProperty(this, "description", void 0);
+
+    _defineProperty(this, "isCollapsed", void 0);
+
     _defineProperty(this, "id", void 0);
 
     _defineProperty(this, "fields", void 0);
 
-    _defineProperty(this, "visibility", void 0);
+    _defineProperty(this, "isVisible", void 0);
 
     this.name = name;
     this.i18NLabel = i18NLabel;
     this.isCustomSection = isCustomSection;
+    this.description = description || ''; // Default to empty string if not provided
+
+    this.isCollapsed = isCollapsed || false; // Default to false if not provided
+
     this.id = id;
-    this.fields = fields;
-    this.visibility = visibility;
+    this.fields = fields; // this.visibility=visibility;
+
+    this.isVisible = isVisible;
   }
 
   getName() {
@@ -40,7 +54,8 @@ export default class ZSection {
   }
 
   toggleVisibility() {
-    this.visibility = !this.visibility;
+    // this.visibility=!this.visibility
+    this.isVisible = !this.isVisible;
   }
 
   appendField(field) {
@@ -74,7 +89,8 @@ export default class ZSection {
   }
 
   setVisibility(visibility) {
-    this.visibility = visibility;
+    // this.visibility=visibility;
+    this.isVisible = visibility;
   }
 
   setFieldErrorMessage(fieldApiName, errorMessage) {
@@ -102,11 +118,14 @@ export default class ZSection {
       name: this.name,
       i18NLabel: this.i18NLabel,
       isCustomSection: this.isCustomSection,
+      description: this.description,
+      isCollapsed: this.isCollapsed,
       id: this.id,
       fields: this.fields.map(field => {
         return field.toObject();
       }),
-      visibility: this.visibility
+      // visibility:this.visibility
+      isVisible: this.isVisible
     };
   }
 

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

@@ -3,7 +3,7 @@ import FormSubmitController from "../../adapters/controllers/FormSubmitControlle
 import FormRepository from "../../adapters/gateway/FormRepository";
 import FormPresenter from "../../adapters/presenter/FormPresenter";
 import Service from "../../adapters/gateway/Service";
-import LifeCycleAction from "../../../../cc/architecture/LifeCycleActionEnum";
+import LifeCycleEvents from "../../../../cc/component/LifeCycleEventsEnum";
 import InitializeController from "../../adapters/controllers/IntializeController";
 import { ZFORM_DEPENDENCY_MAPPINGS_REQUEST, ZFORM_DEPENDENCY_MAPPINGS_SUCCESS, ZFORM_FIELD_VALUE_CHANGE_REQUEST, ZFORM_MY_FORM_REQUEST, ZFORM_MY_FORM_SUCCESS, ZFORM_MY_LAYOUTS_SUCCESS, ZFORM_SET_FIELD_ERROR_MESSAGE, ZFORM_SUBMIT_SUCCESS, ZFORM_VALIDATE_FIELD_REQUEST, ZFORM_VALIDATE_SUBMIT_FIELD_HAS_ERROR_MESSAGE, ZFORM_VALIDATION_ERROR, ZFORM_VALIDATION_RULES_REQUEST, ZFORM_VALIDATION_RULES_SUCCESS } from "../../../../bc/zform/Symbol";
 import MyLayoutSuccessController from "../../adapters/controllers/MyLayoutSuccessController";
@@ -57,7 +57,7 @@ class EventHandlersFactory {
     const setFieldErrorMessageController = new SetFieldErrorMessageController(service);
     const validateErrorMessageController = new ValidateErrorMessageController(service);
     return {
-      [LifeCycleAction.MOUNT]: initializeController.handle,
+      [LifeCycleEvents.MOUNT]: initializeController.handle,
       [ZFORM_MY_LAYOUTS_SUCCESS]: myLayoutSuccessController.handle,
       [ZFORM_MY_FORM_REQUEST]: myFormRequestController.handle,
       [ZFORM_MY_FORM_SUCCESS]: myFormSuccessController.handle,
@@ -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/controllers/ReOrderController.js

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

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

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+export default class ReOrderController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      newIndex,
+      oldIndex
+    } = action.payload;
+    const {
+      reOrderFailedUseCase
+    } = this.service;
+    reOrderFailedUseCase.updateDependency(state, updateState);
+    reOrderFailedUseCase.execute({
+      dispatch,
+      newIndex,
+      oldIndex,
+      metaData: action.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,11 +36,19 @@ class Repository {
       },
       sortBy: new SortBy(sortBy.id, sortBy.name, sortBy.order),
       limit: 50,
-      errorRecordFailed
+      isReOrderLoading,
+      errorState: new ListErrorState(errorState)
     });
     return list;
   }
 
+  getRecords() {
+    const {
+      zrecord
+    } = this.state.behaviours;
+    return zrecord.records;
+  }
+
   getZListState() {
     const {
       zlist

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

@@ -13,6 +13,8 @@ import RecordExecuteFailedUseCase from "../../applications/usecases/RecordExecut
 import UpdateSuccessUseCase from "../../applications/usecases/UpdateSuccessUseCase";
 import DeleteSuccessUseCase from "../../applications/usecases/DeleteSuccessUseCase";
 import RecordSuccessCallbackUsecase from "../../applications/usecases/RecordSuccessCallbackUsecase";
+import ReOrderUseCase from "../../applications/usecases/ReOrderUseCase";
+import ReOrderFailedUseCase from "../../applications/usecases/ReOrderFailedUseCase";
 
 class Service {
   constructor(dependencies) {
@@ -44,6 +46,10 @@ class Service {
 
     _defineProperty(this, "deleteSuccessUseCase", void 0);
 
+    _defineProperty(this, "reOrderUseCase", void 0);
+
+    _defineProperty(this, "reOrderFailedUseCase", void 0);
+
     this.initializeUseCase = new InitializeUseCase(this.dependencies);
     this.propertiesChangeUseCase = new PropertiesChangeUseCase(this.dependencies);
     this.fetchMoreUseCase = new FetchMoreUseCase(this.dependencies);
@@ -57,6 +63,8 @@ class Service {
     this.recordUpdateUseCase = new RecordUpdateUseCase(this.dependencies);
     this.updateSuccessUseCase = new UpdateSuccessUseCase(this.dependencies);
     this.deleteSuccessUseCase = new DeleteSuccessUseCase(this.dependencies);
+    this.reOrderUseCase = new ReOrderUseCase(this.dependencies);
+    this.reOrderFailedUseCase = new ReOrderFailedUseCase(this.dependencies);
   }
 
 }

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

@@ -3,6 +3,7 @@
 /* eslint-disable max-lines-per-function */
 import ClientActionsTranslator from "../../../client-actions/translators/client-actions-translator";
 import DefaultClientActions from "./utils/DefaultClientActions";
+import { i18NProviderUtils } from '@zohodesk/i18n';
 export default function SelectionTranslator(state) {
   const {
     behaviours,
@@ -69,7 +70,8 @@ function getColumnChooserProps(columnChooser) {
     options: columnChooserOptions,
     searchString,
     hasSearch: searchString !== '' || columnChooserOptions.length > 3,
-    errorMessage: isMaxSelectionReached ? "You've reached the limit of 15 columns." : ''
+    // errorMessage: isMaxSelectionReached ? "You've reached the limit of 15 columns." : ''
+    errorMessage: isMaxSelectionReached ? i18NProviderUtils.getI18NValue("support.ticket.table.max.colmun") : ''
   };
 }
 

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';
     }