@zohodesk/library-platform 1.1.3-exp.3 → 1.1.3-exp.4

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

@@ -18,8 +18,11 @@ export default class ZField {
       isMandatory,
       value,
       errorMessage,
-      visibility = true,
+      isVisible = true,
       pickListValues,
+      toolTip,
+      toolTipType,
+      defaultValue,
       subType
     } = _ref;
 
@@ -53,7 +56,7 @@ export default class ZField {
 
     _defineProperty(this, "errorMessage", void 0);
 
-    _defineProperty(this, "visibility", void 0);
+    _defineProperty(this, "isVisible", void 0);
 
     _defineProperty(this, "pickListValues", void 0);
 
@@ -61,6 +64,12 @@ export default class ZField {
 
     _defineProperty(this, "subType", void 0);
 
+    _defineProperty(this, "toolTip", void 0);
+
+    _defineProperty(this, "toolTipType", void 0);
+
+    _defineProperty(this, "defaultValue", void 0);
+
     this.displayLabel = displayLabel;
     this.apiName = apiName;
     this.isCustomField = isCustomField;
@@ -76,23 +85,53 @@ export default class ZField {
     this.isMandatory = isMandatory;
     this.value = value;
     this.errorMessage = errorMessage;
-    this.visibility = visibility;
+    this.isVisible = isVisible;
     this.defaultPickListValues = pickListValues;
     this.pickListValues = pickListValues;
     this.subType = subType;
+    this.toolTip = toolTip;
+    this.toolTipType = toolTipType;
+    this.defaultValue = defaultValue; // if(value===undefined){
+    //     this.setDefaultValue()
+    // }
+  }
 
-    if (value === undefined) {
-      this.setDefaultValue();
+  decideValueForBoolean(defaultValue) {
+    if (defaultValue === undefined || defaultValue === null) {
+      return false;
     }
+
+    if (typeof defaultValue === "string") {
+      return defaultValue === "true" ? true : false;
+    }
+
+    return defaultValue;
   }
 
-  setDefaultValue() {
-    if (this.type === "Multiselect") {
-      this.value = [];
-    } else if (this.type === "Boolean") {
-      this.value = false;
-    } else {
-      this.value = "";
+  decideValueForMultiselect(defaultValue) {
+    if (defaultValue === undefined || defaultValue === null) {
+      return [];
+    }
+
+    if (typeof defaultValue === "string") {
+      return defaultValue.split(";");
+    }
+
+    return defaultValue;
+  }
+
+  decideDefaultValue() {
+    switch (this.type) {
+      case 'Boolean':
+        this.value = this.decideValueForBoolean(this.defaultValue);
+        break;
+
+      case 'Multiselect':
+        this.value = this.decideValueForMultiselect(this.defaultValue);
+        break;
+
+      default:
+        this.value = this.defaultValue === undefined ? '' : this.defaultValue;
     }
   }
 
@@ -125,15 +164,16 @@ export default class ZField {
   }
 
   toggleVisibility() {
-    this.visibility = !this.visibility;
+    this.isVisible = !this.isVisible;
   }
 
   setVisibility(visibility) {
-    this.visibility = visibility;
+    this.isVisible = visibility;
   }
 
   isVisibile() {
-    return this.visibility;
+    // return this.visibility;
+    return this.isVisible;
   }
 
   setMandatory(isMandatory) {
@@ -161,8 +201,13 @@ 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,
+      toolTipType: this.toolTipType,
+      defaultValue: this.defaultValue,
       subType: this.subType
     };
   }

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

@@ -1,14 +1,18 @@
 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,
       id,
       fields,
-      visibility
+      // visibility
+      isVisible
     } = _ref;
 
     _defineProperty(this, "name", void 0);
@@ -17,18 +21,23 @@ export default class ZSection {
 
     _defineProperty(this, "isCustomSection", void 0);
 
+    _defineProperty(this, "description", 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.id = id;
-    this.fields = fields;
-    this.visibility = visibility;
+    this.fields = fields; // this.visibility=visibility;
+
+    this.isVisible = isVisible;
   }
 
   getName() {
@@ -40,7 +49,8 @@ export default class ZSection {
   }
 
   toggleVisibility() {
-    this.visibility = !this.visibility;
+    // this.visibility=!this.visibility
+    this.isVisible = !this.isVisible;
   }
 
   appendField(field) {
@@ -74,7 +84,8 @@ export default class ZSection {
   }
 
   setVisibility(visibility) {
-    this.visibility = visibility;
+    // this.visibility=visibility;
+    this.isVisible = visibility;
   }
 
   setFieldErrorMessage(fieldApiName, errorMessage) {
@@ -102,11 +113,13 @@ export default class ZSection {
       name: this.name,
       i18NLabel: this.i18NLabel,
       isCustomSection: this.isCustomSection,
+      description: this.description,
       id: this.id,
       fields: this.fields.map(field => {
         return field.toObject();
       }),
-      visibility: this.visibility
+      // visibility:this.visibility
+      isVisible: this.isVisible
     };
   }
 

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/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,6 +130,7 @@ export default class TableTranslator {
         },
         keyboardControlsConfig,
         isLoading,
+        isReOrderLoading,
         emptyStateUiType: componentMapping.emptyState || '',
         data: fields.length ? data : {
           headers: 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, {