@zohodesk/library-platform 1.1.7 → 1.1.8

package/es/bc/sdk/ResourceNamesEnum.js

@@ -1,6 +1,7 @@
 var ResourceNamesEnum = /*#__PURE__*/function (ResourceNamesEnum) {
   ResourceNamesEnum["SMART_TABLE"] = "smartTable";
   ResourceNamesEnum["SMART_FORM"] = "smartForm";
+  ResourceNamesEnum["CLIENT_ACTION"] = "clientAction";
   return ResourceNamesEnum;
 }(ResourceNamesEnum || {});
 

package/es/bc/zform/Symbol.js

@@ -23,4 +23,5 @@ export const ZFORM_VALIDATION_ERROR = 'ZFORM#VALIDATION_ERROR';
 export const ZFORM_VALIDATION_SUCCESS = 'ZFORM#VALIDATION_SUCCESS';
 export const ZFORM_VALIDATE_SUBMIT_FIELD_HAS_ERROR_MESSAGE = 'ZFORM#VALIDATE_SUBMIT_FIELD_HAS_ERROR_MESSAGE';
 export const ZFORM_SUBMIT_SUCCESS = 'ZFORM#SUBMIT_SUCCESS';
+export const ZFORM_SUBMIT_FAILURE = 'ZFORM#SUBMIT_FAILURE';
 export const ZFORM_ERROR = 'ZFORM#ERROR';

package/es/bc/zlist/Constants.js

@@ -14,4 +14,6 @@ export const ZLIST_INITIAL_AVAILABLE_FIELDS_FETCH_FAILED = 'ZLIST#INITIAL_AVAILA
 export const ZLIST_INITIAL_SELECTED_FIELDS_FETCH_FAILED = 'ZLIST#INITIAL_SELECTED_FIELDS_FETCH_FAILED';
 export const ZLIST_INITIAL_RECORDS_FETCH_FAILED = 'ZLIST#INITIAL_RECORDS_FETCH_FAILED';
 export const ZLIST_INITIAL_CLIENT_ACTIONS_FETCH_FAILED = 'ZLIST#INITIAL_CLIENT_ACTIONS_FETCH_FAILED';
-export const ZLIST_FETCH_MORE_RECORDS_FAILED = 'ZLIST#FETCH_MORE_RECORDS_FAILED';
+export const ZLIST_FETCH_MORE_RECORDS_FAILED = 'ZLIST#FETCH_MORE_RECORDS_FAILED';
+export const ZLIST_RECORD_REORDER_SUCCEEDED = 'ZLIST#RECORD_REORDER_SUCCEEDED';
+export const CLIENT_ACTION_TABLE_LIST_COMPONENT_NAME = 'TableList';

package/es/bc/zrecord/Constants.js

@@ -14,6 +14,7 @@ export const RECORD_LOCAL_UPDATE = 'RECORD#LOCAL_UPDATE';
 export const RECORD_LOCAL_MULTIPLE_DELETE = 'RECORD#LOCAL_MULTIPLE_DELETE';
 export const APPEND_RECORDS = 'RECORD#APPEND_RECORDS';
 export const SET_RECORDS = 'RECORD#SET_RECORDS';
+export const SET_RECORDS_SUCCESS = 'RECORD#SET_RECORDS_SUCCESS';
 export const CREATE_RECORD = 'RECORD#CREATE_RECORD';
 export class RecordApiActionName {}
 

package/es/cc/form/Properties.js

@@ -1,6 +1,60 @@
 import PropertiesConverter from "../component/properties/PropertiesConverter";
 import SectionProperties from "../section/Properties";
 export default {
+  isHeaderEnabled: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  isFooterEnabled: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  headerLeftActions: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array'
+      }
+    }
+  },
+  headerRightActions: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array'
+      }
+    }
+  },
+  footerLeftActions: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array'
+      }
+    }
+  },
+  footerRightActions: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: {
+        type: 'array'
+      }
+    }
+  },
   sections: {
     required: false,
     typeMetadata: {

package/es/cc/form-connected/Constants.js

@@ -10,4 +10,12 @@ _defineProperty(SmartFormConstants, "SMART_FORM_FIELD_VALUE_CHANGED", 'SMART_FOR
 
 _defineProperty(SmartFormConstants, "SMART_FORM_SUBMIT", 'SMART_FORM#SUBMIT');
 
+_defineProperty(SmartFormConstants, "SMART_FORM_SUBMIT_CLICKED", 'SMART_FORM#SUBMIT_CLICKED');
+
+_defineProperty(SmartFormConstants, "SMART_FORM_CANCEL_CLICKED", 'SMART_FORM#CANCEL_CLICKED');
+
+_defineProperty(SmartFormConstants, "SMART_FORM_SUBMIT_SUCCESS", 'SMART_FORM#SUBMIT_SUCCESS');
+
+_defineProperty(SmartFormConstants, "SMART_FORM_SUBMIT_FAILURE", 'SMART_FORM#SUBMIT_FAILED');
+
 export default SmartFormConstants;

package/es/cc/form-connected/Properties.js

@@ -1,4 +1,56 @@
 export default {
+  isHeaderEnabled: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  isFooterEnabled: {
+    required: false,
+    defaultValue: true,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  submitConfig: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          text: {
+            type: 'string'
+          },
+          isEnabled: {
+            type: 'boolean'
+          }
+        },
+        required: ['text', 'isEnabled']
+      }
+    }
+  },
+  cancelConfig: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          text: {
+            type: 'string'
+          },
+          isEnabled: {
+            type: 'boolean'
+          }
+        },
+        required: ['text', 'isEnabled']
+      }
+    }
+  },
   componentMapping: {
     required: false,
     defaultValue: {

package/es/cc/table-connected/Properties.js

@@ -10,6 +10,14 @@ export default {
       schema: {
         type: 'object',
         properties: {
+          rowActions: {
+            type: 'object',
+            additionalProperties: {
+              width: {
+                type: 'string'
+              }
+            }
+          },
           fields: {
             type: 'object',
             additionalProperties: {

package/es/cc/table-connected/constants/Events.js

@@ -1,5 +1,6 @@
 export const ERROR_OCCURRED = 'SMART_TABLE#ERROR_OCCURRED';
 export default {
+  REORDER_SUCCESS: 'SMART_TABLE#REORDER_SUCCEED',
   DELETE_RECORDS_SUCCESS: 'SMART_TABLE#RECORD_DELETED',
   UPDATE_RECORDS_SUCCESS: 'SMART_TABLE#RECORD_UPDATED',
   SORT: 'SMART_TABLE#SORT',

package/es/library/dot/components/action-location/usecases/interactors/PropertiesChangeUseCase.js

@@ -10,7 +10,7 @@ export default class PropertiesChangeUseCase extends AbstractUseCase {
       currentActions,
       previousActions
     } = input;
-    actionLocation.processActionsChange(currentActions, previousActions);
+    actionLocation.processActionsChange(previousActions, currentActions);
     presenter.updateActionLocation(actionLocation.toObject());
   }
 

package/es/library/dot/components/form/adapters/presenter/TransformState.js

@@ -32,28 +32,33 @@ function updateFieldValues(_ref) {
       fields
     };
   });
-}
+} // const footerLeftActions = [{
+//   component: 'Button',
+//   location: 'footer_left_actions',
+//   properties: {
+//     text: 'Submit',
+//     palette: 'primaryFilled'
+//   },
+//   eventMappings: [
+//     {
+//       payloadValueMapping: {},
+//       sourceEvent: "BUTTON#CLICKED",
+//       id: "1234567890",
+//       targetEvent: "FORM#SUBMIT"
+//     }
+//   ]
+// },
+// {
+//   component: 'Button',
+//   location: 'footer_left_actions',
+//   properties: {
+//     text: 'Cancel',
+//     palette: 'secondary'
+//   },
+//   eventMappings: []
+// }];
+
 
-const footerLeftActions = [{
-  component: 'Button',
-  properties: {
-    text: 'Submit',
-    palette: 'primaryFilled'
-  },
-  eventMappings: [{
-    payloadValueMapping: {},
-    sourceEvent: "BUTTON#CLICKED",
-    id: "1234567890",
-    targetEvent: "FORM#SUBMIT"
-  }]
-}, {
-  component: 'Button',
-  properties: {
-    text: 'Cancel',
-    palette: 'secondary'
-  },
-  eventMappings: []
-}];
 const headerLeftActions = [{
   component: 'Breadcrumb',
   properties: {
@@ -89,7 +94,13 @@ export function TransformState(state) {
     sections,
     isLoading,
     values,
-    errorMessages
+    errorMessages,
+    isHeaderEnabled,
+    isFooterEnabled,
+    headerLeftActions,
+    headerRightActions,
+    footerLeftActions,
+    footerRightActions
   } = state.properties; // const { values, errorMessages } = state.behaviours.form;
 
   const updatedSections = updateFieldValues({
@@ -100,12 +111,14 @@ export function TransformState(state) {
   return { ...state,
     // properties: { ...state.properties, sections: updatedSections }
     viewModel: {
+      isHeaderEnabled,
+      isFooterEnabled,
       sections: updatedSections,
       isLoading,
-      headerLeftActions: headerLeftActions,
-      headerRightActions: headerRightActions,
+      headerLeftActions,
+      headerRightActions,
       footerLeftActions,
-      footerRightActions: []
+      footerRightActions
     }
   };
 }

package/es/library/dot/components/form/frameworks/ui/FormView.js

@@ -22,7 +22,9 @@ function FormView(_ref, ref) {
     headerLeftActions,
     headerRightActions,
     footerLeftActions,
-    footerRightActions
+    footerRightActions,
+    isHeaderEnabled,
+    isFooterEnabled
   } = state.viewModel;
   return /*#__PURE__*/React.createElement(Flex, {
     $ui_tagName: "form",
@@ -30,7 +32,9 @@ function FormView(_ref, ref) {
     $ui_direction: "column",
     $flag_fullsize: true,
     ref: ref
-  }, /*#__PURE__*/React.createElement(FormHeader, {
+  }, isHeaderEnabled && /*#__PURE__*/React.createElement(FormHeader, {
+    customId: "formHeader",
+    testId: "formHeader",
     $render_leftElement: headerLeftActions.length > 0 ? /*#__PURE__*/React.createElement(ActionEventMediator, {
       actions: headerLeftActions,
       gap: ActionViewGap.MEDIUM
@@ -45,14 +49,16 @@ function FormView(_ref, ref) {
     $flag_childrenWrapper: true
   }, isLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement(SectionsWrapper, null, /*#__PURE__*/React.createElement(Sections, {
     sections: sections
-  }))), /*#__PURE__*/React.createElement(FormAction, {
+  }))), isFooterEnabled && /*#__PURE__*/React.createElement(FormAction, {
     size: "small",
     paddingLeftSize: "xmedium",
     paddingRightClass: style.footer
-  }, /*#__PURE__*/React.createElement(LeftSide, null, /*#__PURE__*/React.createElement(ActionEventMediator, {
+  }, /*#__PURE__*/React.createElement(LeftSide, null, footerLeftActions.length > 0 && /*#__PURE__*/React.createElement(ActionEventMediator, {
+    testId: "formFooter_leftActions",
     actions: footerLeftActions,
     gap: ActionViewGap.LARGE
-  })), /*#__PURE__*/React.createElement(RightSide, null, /*#__PURE__*/React.createElement(ActionEventMediator, {
+  })), /*#__PURE__*/React.createElement(RightSide, null, footerRightActions.length > 0 && /*#__PURE__*/React.createElement(ActionEventMediator, {
+    testId: "formFooter_rightActions",
     actions: footerRightActions,
     gap: ActionViewGap.LARGE
   }))));

package/es/library/dot/components/section/frameworks/ui/SectionView.js

@@ -24,7 +24,7 @@ function SectionView(_ref, ref) {
     }
   }, !isCollapsed && /*#__PURE__*/React.createElement(FieldsLayout, {
     $flag_topSpace: !!title || !!description
-  }, fields.filter(field => field.isVisible).map((field, index) => renderField(field, index))));
+  }, fields.filter(field => field.isVisible).map(field => renderField(field, field.name || field.apiName))));
 }
 
 export default SectionView;

package/es/platform/client-actions/bc/zclient-actions/SdkContract.js

@@ -0,0 +1,35 @@
+export const SdkContracts = {
+  getLocationMeta: {
+    type: 'object',
+    properties: {
+      clientActionId: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['clientActionId']
+  },
+  getComponentPropertiesMeta: {
+    type: 'object',
+    properties: {
+      clientActionId: {
+        type: 'string',
+        minLength: 1
+      }
+    },
+    required: ['clientActionId']
+  },
+  updateComponentPropertiesMeta: {
+    type: 'object',
+    properties: {
+      clientActionId: {
+        type: 'string',
+        minLength: 1
+      },
+      newComponentProperties: {
+        type: 'object'
+      }
+    },
+    required: ['clientActionId', 'newComponentProperties']
+  }
+};

package/es/platform/client-actions/behaviour/zclient-actions/adapters/resources/ClientActionResource.js

@@ -0,0 +1,105 @@
+import { AbstractResource } from "../../../../../sdk/application/interfaces/gateways/AbstractResource";
+import Repository from "../gateways/Repository";
+import Presenter from "../presenters/Presenter";
+import GetClientActionLocationUseCase from "../../applications/usecases/GetClientActionLocationUseCase";
+import GetClientActionUIComponentPropertiesUseCase from "../../applications/usecases/GetClientActionUIComponentPropertiesUseCase";
+import UpdateClientActionUIComponentPropertiesUseCase from "../../applications/usecases/UpdateClientActionUIComponentPropertiesUseCase";
+import GetClientActionsUseCase from "../../applications/usecases/GetClientActionsUseCase";
+import { SdkContracts } from "../../../../bc/zclient-actions/SdkContract";
+export class ClientActionResource extends AbstractResource {
+  initialize() {}
+
+  destroy() {}
+
+  getClientActionDependencies() {
+    const dependencies = {
+      repository: new Repository(),
+      presenter: new Presenter()
+    };
+    return dependencies;
+  }
+
+  createUseCase(dependencies, UseCaseClass) {
+    var _usecase$updateDepend, _usecase$updateDepend2;
+
+    const {
+      state,
+      updateState
+    } = this.dependencies;
+    const usecase = new UseCaseClass(dependencies);
+    (_usecase$updateDepend = usecase.updateDependency) === null || _usecase$updateDepend === void 0 ? void 0 : _usecase$updateDepend.call(usecase, state, updateState);
+    (_usecase$updateDepend2 = usecase.updateDependencies) === null || _usecase$updateDepend2 === void 0 ? void 0 : _usecase$updateDepend2.call(usecase, state, updateState);
+    return usecase;
+  }
+
+  getLocation(id) {
+    this.validateInput('getLocation', {
+      clientActionId: id
+    }, SdkContracts.getLocationMeta);
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getClientActionDependencies();
+    const useCase = this.createUseCase(dependencies, GetClientActionLocationUseCase);
+    useCase.execute({
+      id,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getUIComponentProperties(id) {
+    this.validateInput('getUIComponentProperties', {
+      clientActionId: id
+    }, SdkContracts.getComponentPropertiesMeta);
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getClientActionDependencies();
+    const useCase = this.createUseCase(dependencies, GetClientActionUIComponentPropertiesUseCase);
+    useCase.execute({
+      id,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getClientActions() {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getClientActionDependencies();
+    const useCase = this.createUseCase(dependencies, GetClientActionsUseCase);
+    useCase.execute({
+      callback: setData
+    });
+    return getData();
+  }
+
+  updateUIComponentProperties(id, newComponentProperties) {
+    this.validateInput('updateUIComponentProperties', {
+      clientActionId: id,
+      newComponentProperties
+    }, SdkContracts.updateComponentPropertiesMeta);
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getClientActionDependencies();
+    const {
+      dispatch
+    } = this.dependencies;
+    const useCase = this.createUseCase(dependencies, UpdateClientActionUIComponentPropertiesUseCase);
+    useCase.execute({
+      id,
+      newComponentProperties,
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+}

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/IClientActionResource.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/GetClientActionLocationInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/GetClientActionUIComponentPropertiesInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/GetClientActionsInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/interfaces/input/UpdateClientActionUIComponentPropertiesInputModel.js

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

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/GetClientActionLocationUseCase.js

@@ -0,0 +1,20 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetClientActionLocationUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      id,
+      callback
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const clientActionManager = repository.getClientActionsManagerEntity();
+    clientActionManager.validateClientActionId(id);
+    const clientAction = clientActionManager.getClientAction(id);
+    callback === null || callback === void 0 ? void 0 : callback(clientAction.getLocation());
+  }
+
+}
+
+export default GetClientActionLocationUseCase;

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/GetClientActionUIComponentPropertiesUseCase.js

@@ -0,0 +1,20 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetClientActionUIComponentPropertiesUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      id,
+      callback
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const clientActionManager = repository.getClientActionsManagerEntity();
+    clientActionManager.validateClientActionId(id);
+    const clientAction = clientActionManager.getClientAction(id);
+    callback === null || callback === void 0 ? void 0 : callback(clientAction.getUIComponentProperties());
+  }
+
+}
+
+export default GetClientActionUIComponentPropertiesUseCase;

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/GetClientActionsUseCase.js

@@ -0,0 +1,18 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class GetClientActionsUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      callback
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const clientActionManager = repository.getClientActionsManagerEntity();
+    const clientActions = clientActionManager.getClientActionModels();
+    callback === null || callback === void 0 ? void 0 : callback(clientActions);
+  }
+
+}
+
+export default GetClientActionsUseCase;

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/UpdateClientActionUIComponentPropertiesUseCase.js

@@ -0,0 +1,32 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { SET_CLIENTACTIONS } from "../../../../bc/zclient-actions/Constants";
+
+class UpdateClientActionUIComponentPropertiesUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      id,
+      newComponentProperties,
+      dispatch,
+      callback
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const clientActionManager = repository.getClientActionsManagerEntity();
+    clientActionManager.validateClientActionId(id);
+    const {
+      updatedClientAction,
+      updatedClientActions
+    } = clientActionManager.updateClientActionComponentProperties(id, newComponentProperties);
+    dispatch({
+      type: SET_CLIENTACTIONS,
+      payload: {
+        clientActions: updatedClientActions
+      }
+    });
+    callback === null || callback === void 0 ? void 0 : callback(updatedClientAction.getUIComponentProperties());
+  }
+
+}
+
+export default UpdateClientActionUIComponentPropertiesUseCase;

package/es/platform/client-actions/behaviour/zclient-actions/domain/entities/ClientAction.js

@@ -41,6 +41,18 @@ export default class ClientAction {
     this.conditionMeta = clientActionObj.conditions;
   }
 
+  getLocation() {
+    return this.location;
+  }
+
+  getUIComponentProperties() {
+    return this.uiComponentMapping.getPropertiesValueMapping();
+  }
+
+  updateUIComponentProperties(newProperties) {
+    this.uiComponentMapping.updatePropertiesValueMapping(newProperties);
+  }
+
   toObject() {
     return {
       id: this.id,

package/es/platform/client-actions/behaviour/zclient-actions/domain/entities/ClientActionManager.js

@@ -114,6 +114,32 @@ export default class ClientActionManager {
     this.clientActions.setIsFetching(false);
   }
 
+  getClientAction(id) {
+    return this.clientActions.getClientAction(id);
+  }
+
+  getClientActionModels() {
+    const clientActionModels = this.clientActions.toObject();
+    return clientActionModels.data;
+  }
+
+  updateClientActionComponentProperties(id, newComponentProperties) {
+    const clientActions = this.getClientActionModels();
+    const updatedClientAction = this.getClientAction(id);
+    updatedClientAction.updateUIComponentProperties(newComponentProperties);
+    const updatedClientActions = clientActions.map(clientAction => {
+      if (clientAction.id === updatedClientAction.getId()) {
+        return updatedClientAction.toObject();
+      }
+
+      return clientAction;
+    });
+    return {
+      updatedClientAction,
+      updatedClientActions
+    };
+  }
+
   setClientActions(clientActions) {
     this.clientActions.setClientActions(clientActions);
   }
@@ -130,6 +156,25 @@ export default class ClientActionManager {
     return apiName === 'clientActions';
   }
 
+  validateClientActionId(id) {
+    const isValidClientActionIdFormat = id !== '' && id !== null && !isNaN(Number(id)) && typeof id === 'string';
+
+    if (!isValidClientActionIdFormat) {
+      throw new Error(`ClientActionResource: Invalid value '${id}' passed as client action id.`);
+    }
+
+    this.doesClientActionExist(id);
+  }
+
+  doesClientActionExist(id) {
+    const clientActions = this.getClientActionModels();
+    const doesClientActionExist = clientActions.find(clientAction => clientAction.id === id);
+
+    if (doesClientActionExist === undefined) {
+      throw new Error(`ClientActionResource: No client action exists for the ID '${id}'.`);
+    }
+  }
+
   toObject() {
     const clientActionsObj = this.clientActions.toObject();
     return {