@zohodesk/library-platform 1.1.7 → 1.1.8

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

@@ -23,6 +23,16 @@ export default class UIComponentMapping {
     this.eventMappings = new EventMappings(uiComponentMappingObj.eventMappings);
   }
 
+  getPropertiesValueMapping() {
+    return this.propertiesValueMapping;
+  }
+
+  updatePropertiesValueMapping(newProperties) {
+    this.propertiesValueMapping = { ...this.propertiesValueMapping,
+      ...newProperties
+    };
+  }
+
   toObject() {
     return {
       id: this.id,

package/es/platform/client-actions/behaviour/zclient-actions/frameworks/sdk/ClientActionsSDKFactory.js

@@ -0,0 +1,29 @@
+import ResourceNamesEnum from "../../../../../../bc/sdk/ResourceNamesEnum";
+import { platformSDK } from "../../../../../sdk/frameworks/Sdk";
+export default class ClientActionsSDKFactory {
+  static getClientActionSDK(clientActionResource) {
+    return {
+      getLocation: id => clientActionResource.getLocation(id),
+      getUIComponentProperties: id => clientActionResource.getUIComponentProperties(id),
+      getClientActions: () => clientActionResource.getClientActions(),
+      updateUIComponentProperties: (id, newComponentProperties) => clientActionResource.updateUIComponentProperties(id, newComponentProperties)
+    };
+  }
+
+  static create(_ref) {
+    let {
+      instanceName
+    } = _ref;
+    const clientActionResource = platformSDK[ResourceNamesEnum.CLIENT_ACTION](instanceName);
+    const clientActionSDK = ClientActionsSDKFactory.getClientActionSDK(clientActionResource);
+    return {
+      clientAction: {
+        getLocation: clientActionSDK.getLocation,
+        getUIComponentProperties: clientActionSDK.getUIComponentProperties,
+        getClientActions: clientActionSDK.getClientActions,
+        updateUIComponentProperties: clientActionSDK.updateUIComponentProperties
+      }
+    };
+  }
+
+}

package/es/platform/client-actions/cc/action-event-mediator/Properties.js

@@ -6,6 +6,15 @@ export const actionsSchema = {
   items: actionSchema
 };
 export default {
+  testId: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    },
+    defaultValue: ''
+  },
   actions: {
     required: true,
     typeMetadata: {

package/es/platform/client-actions/components/action-event-mediator/applications/usecases/PropertiesChangeUseCase.js

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

package/es/platform/client-actions/components/action-event-mediator/domain/entities/ActionEventMediatorEntity.js

@@ -16,6 +16,7 @@ export default class ActionEventMediatorEntity {
     return e => {
       const {
         eventMappings,
+        actionId,
         ...payloadItems
       } = e.detail.payload;
       const eventMapping = eventMappings.find(eventMapping => eventMapping.sourceEvent === event);
@@ -25,14 +26,17 @@ export default class ActionEventMediatorEntity {
       }
 
       const dispatchEvent = eventMapping.targetEvent;
-      const payload = eventMapping.payload;
+      const eventMappingPayload = eventMapping.payload;
       const replacementContext = {
         "@payload": payloadItems
       };
-      const resolvedPayload = TemplateResolver.replaceContextVariablesInObject(payload, replacementContext);
+      const resolvedPayload = TemplateResolver.replaceContextVariablesInObject(eventMappingPayload, replacementContext);
       this.dispatch({
         type: dispatchEvent,
-        payload: resolvedPayload
+        payload: resolvedPayload,
+        metaData: {
+          clientActionId: actionId
+        }
       });
     };
   }

package/es/platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediatorView.js

@@ -8,10 +8,12 @@ export default function ActionEventMediatorView(_ref, ref) {
   const {
     actions,
     renderComponentType,
-    gap
+    gap,
+    testId
   } = state.properties;
   const ActionRenderComponent = ComponentRegistry.get(renderComponentType) || RowActionsRenderer;
   return /*#__PURE__*/React.createElement(ActionRenderComponent, {
+    testId: testId,
     actions: actions,
     gap: gap,
     getRef: ref

package/es/platform/client-actions/components/dynamic-component/frameworks/ui/DynamicActionComponentView.js

@@ -12,7 +12,8 @@ function DynamicComponentView(_ref, ref) {
   const {
     component,
     properties,
-    eventMappings
+    eventMappings,
+    id: actionId
   } = action;
   const Component = ComponentRegistry.get(component) || ActionComponentMapping[component];
 
@@ -26,7 +27,8 @@ function DynamicComponentView(_ref, ref) {
     getRef: ref,
     ...properties,
     appendToActionPayload: {
-      eventMappings
+      eventMappings,
+      actionId
     }
   });
 }

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActionsRendererView.js

@@ -11,10 +11,13 @@ function RowActionsRendererView(_ref, ref) {
   } = _ref;
   const {
     actions,
-    gap
+    gap,
+    testId
   } = state.properties;
   return /*#__PURE__*/React.createElement(Flex, {
     ref: ref,
+    testId: testId,
+    customId: testId,
     $ui_displayMode: "inline",
     $ui_alignItems: "center",
     $ui_className: `${style.wrapper} ${gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : ''}`

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

@@ -38,7 +38,7 @@ export default class EventHandlersFactory {
 
   static create(eventHandlers) {
     const wrapped = EventHandlersFactory.createWrapped(eventHandlers);
-    return { ...wrapped,
+    return {
       [FormConstants.FORM_FIELD_FOCUSED]: _ref => {
         let {
           action,
@@ -91,7 +91,8 @@ export default class EventHandlersFactory {
             value
           }
         });
-      }
+      },
+      ...wrapped
     };
   }
 

package/es/platform/components/form-connected/frameworks/FormConnectedFactory.js

@@ -2,8 +2,7 @@ import Properties from "../../../../cc/form-connected/Properties";
 import { createCustomComponent } from "../../../../library/custom-component";
 import ZHttpBehaviourFactory from "../../../zhttp/frameworks/ZHttpBehaviourFactory";
 import RecordBehaviourFactory from "../../../zrecord/frameworks/RecordBehaviourFactory";
-import FormConnectedView from "./FormConnectedView"; // import defaultDataBroker from '@platform/data-source';
-
+import FormConnectedView from "./FormConnectedView";
 import defaultDataSource from "../../../data-source";
 import DataBrokerBehaviourFactory from "../../../zdata-source/frameworks/DataBrokerBehaviourFactory";
 import FormTranslator from "../../../zform/adapters/presenter/FormTranslator";
@@ -14,6 +13,7 @@ import SdkBehaviourFactory from "../../../sdk-behaviour/frameworks/SdkBehaviourF
 import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
 import { sdkRegistry } from "../../../sdk/frameworks/SdkRegistry";
 import { SmartFormResources } from "../adapters/resources/SmartFormResources";
+import ClientActionsBehaviourFactory from "../../../client-actions/behaviour/zclient-actions/frameworks/ClientActionsBehaviourFactory";
 sdkRegistry.registerResource({
   resourceName: ResourceNamesEnum.SMART_FORM,
   resource: SmartFormResources
@@ -33,13 +33,12 @@ export default class FormConnectedFactory {
     let {
       name,
       customValidators,
-      dataBroker = defaultDataSource,
       dataSource,
       eventHandlers = {},
       View = FormConnectedView
     } = _ref;
 
-    const _dataSource = combineDataSourceWithDefault(dataBroker ? dataBroker : dataSource);
+    const _dataSource = combineDataSourceWithDefault(dataSource);
 
     return createCustomComponent({
       name: name,
@@ -47,7 +46,9 @@ export default class FormConnectedFactory {
       properties: Properties,
       eventHandlers: EventHandlersfactory.create(eventHandlers),
       transformState: FormTranslator.transformState,
-      behaviours: [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_FORM]), ZHttpBehaviourFactory.create(), DataBrokerBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), FieldValidationBehaviourFactory.create(), ZFormBehaviourFactory.create({
+      behaviours: [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_FORM]), ClientActionsBehaviourFactory.create({
+        getClientActions: _dataSource.httpTemplates.getClientActions
+      }), ZHttpBehaviourFactory.create(), DataBrokerBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), FieldValidationBehaviourFactory.create(), ZFormBehaviourFactory.create({
         customValidators
       })]
     });

package/es/platform/components/form-connected/frameworks/FormConnectedView.js

@@ -8,12 +8,24 @@ function View(_ref, ref) {
   } = _ref;
   const {
     isLoading,
-    sections = []
+    sections = [],
+    isHeaderEnabled,
+    isFooterEnabled,
+    headerLeftActions,
+    headerRightActions,
+    footerLeftActions,
+    footerRightActions
   } = state.viewModel;
   return /*#__PURE__*/React.createElement(Form, {
     getRef: ref,
     isLoading: isLoading,
-    sections: sections
+    sections: sections,
+    isHeaderEnabled: isHeaderEnabled,
+    isFooterEnabled: isFooterEnabled,
+    headerLeftActions: headerLeftActions,
+    headerRightActions: headerRightActions,
+    footerLeftActions: footerLeftActions,
+    footerRightActions: footerRightActions
   });
 }
 

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 { SET_RECORDS_SUCCESS } from "../../../../bc/zrecord/Constants";
 import ErrorEventHandlersFactory from "./ErrorEventHandlersFactory";
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
@@ -97,7 +98,20 @@ export default class EventHandlersFactory {
           payload: action.payload
         });
       },
-      [TABLE_LIST_ROW_DRAG_END]: new ReOrderFinishController().handle
+      [TABLE_LIST_ROW_DRAG_END]: new ReOrderFinishController().handle,
+      [SET_RECORDS_SUCCESS]: _ref5 => {
+        let {
+          action,
+          dispatch
+        } = _ref5;
+
+        if (action.metaData && action.metaData.isReOrder) {
+          dispatch({
+            type: SmartTableConstants.Events.REORDER_SUCCESS,
+            payload: action.payload
+          });
+        }
+      }
     };
     return mergeEventHandlers([defaultEventHandlers, ErrorEventHandlersFactory.create(), wrapped]);
   }

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

@@ -18,10 +18,15 @@ import SdkBehaviourFactory from "../../../sdk-behaviour/frameworks/SdkBehaviourF
 import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
 import { sdkRegistry } from "../../../sdk/frameworks/SdkRegistry";
 import { SmartTableResource } from "../adapters/resources/SmartTableResource";
+import { ClientActionResource } from "../../../client-actions/behaviour/zclient-actions/adapters/resources/ClientActionResource";
 sdkRegistry.registerResource({
   resourceName: ResourceNamesEnum.SMART_TABLE,
   resource: SmartTableResource
 });
+sdkRegistry.registerResource({
+  resourceName: ResourceNamesEnum.CLIENT_ACTION,
+  resource: ClientActionResource
+});
 import KeyboardControlBehaviourFactory from "../../../../library/behaviours/keyboard-controls/frameworks/KeyboardControlBehaviourFactory";
 
 function combineDataSourceWithDefault(dataSource) {
@@ -62,7 +67,7 @@ export default class TableConnectedFactory {
   }
 
   static getBehaviours(_dataSource) {
-    return [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_TABLE]), TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), ...TableConnectedFactory.getPlatformBehaviours(_dataSource), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()];
+    return [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_TABLE, ResourceNamesEnum.CLIENT_ACTION]), TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), ...TableConnectedFactory.getPlatformBehaviours(_dataSource), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()];
   }
 
   static getPlatformBehaviours(_dataSource) {

package/es/platform/data-source/http-template/getClientActions.js

@@ -4,8 +4,8 @@ let getClientActions = {
   parameters: `{
         "from":{{from}},
         "limit":{{limit}},
-        "component": "{{component}}",
-        "module": "{{moduleName}}"
+        "components": "{{components}}",
+        "modules": "{{modules}}"
     }`,
   type: 'GET',
   transformer: data => data,

package/es/platform/sdk/frameworks/Sdk.js

@@ -13,6 +13,13 @@ export const platformSDK = {
       resourceName: ResourceNamesEnum.SMART_FORM,
       instanceName: instanceName
     });
+  },
+
+  [ResourceNamesEnum.CLIENT_ACTION](instanceName) {
+    return sdkRegistry.getResourceInstance({
+      resourceName: ResourceNamesEnum.CLIENT_ACTION,
+      instanceName
+    });
   }
 
 };

package/es/platform/zform/adapters/presenter/FormTranslator.js

@@ -1,13 +1,56 @@
+import ClientActionsTranslator from "../../../client-actions/translators/client-actions-translator";
 import SectionTranslator from "./translators/SectionTranslator";
+import DefaultFormClientActions from "./utils/DefaultClientActions";
 export default class FormTranslator {
   static transformState(state) {
     const {
       componentMapping,
-      context
+      context,
+      isHeaderEnabled = true,
+      isFooterEnabled = true,
+      submitConfig = {
+        text: "Submit",
+        isEnabled: true
+      },
+      cancelConfig = {
+        text: "Cancel",
+        isEnabled: true
+      }
     } = state.properties;
     const {
-      zform
+      zform,
+      zclientAction
     } = state.behaviours;
+    const {
+      clientActions,
+      isFetching: isClientActionsFetching
+    } = zclientAction || {};
+    let combinedClientActions = DefaultFormClientActions({
+      clientActions,
+      submitConfig,
+      cancelConfig
+    });
+    const mappedClientActions = mapper(combinedClientActions || []);
+    const transformedClientActions = {};
+    Object.entries(mappedClientActions).forEach(_ref => {
+      let [key, value] = _ref;
+
+      if (isFooterEnabled && (key === 'footerRightActions' || key === 'footerLeftActions')) {
+        let footerActions = ClientActionsTranslator.transform(value, context);
+        transformedClientActions[key] = footerActions;
+      }
+
+      if (isHeaderEnabled && (key === 'headerLeftActions' || key === 'headerRightActions')) {
+        let headerActions = ClientActionsTranslator.transform(value, context);
+        transformedClientActions[key] = headerActions;
+      }
+    });
+    const {
+      headerLeftActions,
+      headerRightActions,
+      footerLeftActions,
+      footerRightActions
+    } = transformedClientActions;
     const {
       isMyFormFetching,
       isDependencyFetching,
@@ -33,6 +76,7 @@ export default class FormTranslator {
       };
     } else {
       return { ...state,
+        ...zclientAction,
         viewModel: {
           sections: sections.map(section => {
             const sectionViewModel = SectionTranslator({
@@ -42,10 +86,23 @@ export default class FormTranslator {
             });
             return sectionViewModel;
           }),
+          isHeaderEnabled,
+          isFooterEnabled,
+          headerLeftActions,
+          headerRightActions,
+          footerLeftActions,
+          footerRightActions,
           isLoading: false
         }
       };
     }
   }
 
-}
+}
+
+const mapper = clientAction => ({
+  headerLeftActions: clientAction.filter(action => action.location === 'header_left_actions'),
+  headerRightActions: clientAction.filter(action => action.location === 'header_right_actions'),
+  footerLeftActions: clientAction.filter(action => action.location === 'footer_left_actions'),
+  footerRightActions: clientAction.filter(action => action.location === 'footer_right_actions')
+});

package/es/platform/zform/adapters/presenter/translators/SectionTranslator.js

@@ -10,6 +10,12 @@ function SectionTranslator(_ref) {
     context
   } = _ref;
   const mapping = componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$sec = componentMapping.sections) === null || _componentMapping$sec === void 0 ? void 0 : _componentMapping$sec[section.name];
+
+  const sectionVisibility = section => {
+    let allFieldHidden = section.fields.every(field => !field.isVisible);
+    return !allFieldHidden;
+  };
+
   const defaultViewModel = {
     type: mapping !== null && mapping !== void 0 && mapping.UIComponentName ? mapping.UIComponentName : DefaultFormSectionUIType,
     id: section.id + '',
@@ -17,7 +23,7 @@ function SectionTranslator(_ref) {
     title: section.i18NLabel,
     description: section.description,
     isCollapsed: section.isCollapsed,
-    isVisible: section.isVisible,
+    isVisible: section.isVisible && sectionVisibility(section),
     fields: section.fields.map(field => {
       var _componentMapping$fie;
 

package/es/platform/zform/adapters/presenter/utils/DefaultClientActions.js

@@ -0,0 +1,59 @@
+function getDefaultFormAction(_ref) {
+  let {
+    type,
+    text,
+    isEnabled
+  } = _ref;
+  const isSubmit = type === "submit";
+  return {
+    id: isSubmit ? "4000000080010" : "4000000080013",
+    name: "FORM ACTION",
+    component: "form",
+    location: "footer_left_actions",
+    uiComponentMapping: {
+      id: isSubmit ? "4000000080011" : "4000000080014",
+      name: isSubmit ? "Submit Button" : "Cancel Button",
+      component: "Button",
+      propertiesValueMapping: {
+        text: text || (isSubmit ? "Submit" : "Cancel"),
+        palette: isSubmit ? "primaryFilled" : "secondary"
+      },
+      eventMappings: [{
+        id: isSubmit ? "4000000080012" : "4000000080015",
+        sourceEvent: "BUTTON#CLICKED",
+        targetEvent: isSubmit ? "SMART_FORM#SUBMIT_CLICKED" : "SMART_FORM#CANCEL_CLICKED",
+        payloadValueMapping: {}
+      }]
+    },
+    modules: ["static_module"],
+    conditions: {
+      fields: [],
+      pattern: ""
+    }
+  };
+}
+
+export default function DefaultFormClientActions(props) {
+  const {
+    submitConfig,
+    cancelConfig,
+    clientActions = []
+  } = props;
+  const finalClientActions = [];
+
+  if (submitConfig !== null && submitConfig !== void 0 && submitConfig.isEnabled) {
+    finalClientActions.push(getDefaultFormAction({
+      type: "submit",
+      ...submitConfig
+    }));
+  }
+
+  if (cancelConfig !== null && cancelConfig !== void 0 && cancelConfig.isEnabled) {
+    finalClientActions.push(getDefaultFormAction({
+      type: "cancel",
+      ...cancelConfig
+    }));
+  }
+
+  return [...finalClientActions, ...clientActions];
+}

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

@@ -2,6 +2,7 @@ import AbstractUseCase from "./AbstractUseCase";
 import { ZFORM_MY_LAYOUTS_SUCCESS } from "../../../../bc/zform/Symbol";
 import { DATA_SOURCE_EXECUTE as DATA_BROKER_EXECUTE } from "../../../../bc/zdata-source/Constants";
 import { DATA_SOURCE_SUCCESS as DATA_BROKER_SUCCESS, DATA_SOURCE_NO_CONTENT as DATA_BROKER_NO_CONTENT } from "../../../../bc/zdata-source/Symbols";
+import { CLIENTACTION_BEHAVIOUR_EXECUTE } from "../../../client-actions/bc/zclient-actions/Constants";
 
 class InitializeUseCase extends AbstractUseCase {
   execute(input) {
@@ -10,6 +11,21 @@ class InitializeUseCase extends AbstractUseCase {
     } = input;
     const zformEntity = this.dependencies.repository.getFormEntity();
     const context = zformEntity.getContext();
+    dispatch({
+      type: CLIENTACTION_BEHAVIOUR_EXECUTE,
+      payload: {
+        actionName: 'getClientActions',
+        props: {
+          moduleName: 'static_module',
+          component: 'smart_form',
+          limit: '1',
+          from: '12',
+          servicePrefix: 'zform',
+          orgName: 'orgName'
+        },
+        apiName: 'clientActions'
+      }
+    });
     dispatch({
       type: DATA_BROKER_EXECUTE,
       payload: {

package/es/platform/zform/frameworks/layout-rules/calculateLayoutRulesResult.js

@@ -191,7 +191,7 @@ export function calculateLayoutRulesResult(state, formValues) {
   clearNotExistingData(hideFieldIds, isFieldExists);
   clearNotExistingData(showFieldIds, isFieldExists);
   clearNotExistingData(hideSectionIds, isSectionExists);
-  clearNotExistingData(hideSectionIds, isSectionExists);
+  clearNotExistingData(showSectionIds, isSectionExists);
   clearNotExistingData(removeMandatoryFieldIds, isFieldExists);
   clearNotExistingData(setMandatoryFieldIds, isFieldExists);
   return {

package/es/platform/zform/frameworks/layout-rules/runSingleFieldCondition.js

@@ -29,9 +29,9 @@ export function runSingleFieldCondition(_ref) {
   conditions.forEach((conditionObj, i) => {
     const {
       condition,
-      value,
       fieldName
     } = conditionObj;
+    const value = 'value' in conditionObj ? conditionObj.value : undefined;
 
     if (!fields[fieldName]) {
       isSomeFiledMissing = true;

package/es/platform/zform/frameworks/layout-rules/validator.js

@@ -312,7 +312,6 @@ export function validateCondition() {
               value[0] = getRelatedDateISOString(value[0], false);
               value[1] = getRelatedDateISOString(value[1], false);
             } else {
-              resultConditions;
               value = getRelatedDateISOString(value, false);
             }
           }