@zohodesk/library-platform 1.1.3 → 1.1.6

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/applications/usecases/MyFormSuccessUseCase.js

@@ -15,7 +15,9 @@ class MyFormSuccessUseCase extends AbstractUseCase {
     let layoutRuleApplier = this.dependencies.layoutRuleApplier;
     let sectionEntities = sections.map(section => {
       let fields = section.fields.map(field => {
-        return new ZField(field);
+        const entity = new ZField(field);
+        entity.decideDefaultValue();
+        return entity;
       });
       let sectionWithFields = { ...section,
         fields

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/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") : ''
   };
 }