@zohodesk/library-platform 1.0.2 → 1.1.0-exp.2

package/es/platform/zclient-actions/domain/entities/EventMappings.js

@@ -0,0 +1,15 @@
+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 EventMapping from "./EventMapping";
+export default class EventMappings {
+  constructor(eventMappings) {
+    _defineProperty(this, "input", void 0);
+
+    this.input = eventMappings.map(eventMapping => new EventMapping(eventMapping));
+  }
+
+  toArray() {
+    return this.input;
+  }
+
+}

package/es/platform/zclient-actions/domain/entities/GetClientActionsStrategy.js

@@ -0,0 +1,44 @@
+import { CLIENTACTION_EXECUTE_FAILED, CLIENTACTION_EXECUTE_SUCCEEDED, CLIENTACTION_EXECUTE_SUCCEEDED_NO_CONTENT, SET_CLIENTACTIONS } from "../../../../bc/zclient-actions/Constants";
+export default class GetClientActionsStrategy {
+  createSuccessEvents(response, metaData) {
+    const events = [];
+    const clientActions = response;
+    events.push({
+      type: SET_CLIENTACTIONS,
+      payload: {
+        clientActions
+      }
+    });
+    events.push({
+      type: CLIENTACTION_EXECUTE_SUCCEEDED,
+      payload: {
+        clientActions
+      },
+      metaData
+    });
+    return events;
+  }
+
+  createNoContentEvents(metaData) {
+    const events = [];
+    events.push({
+      type: CLIENTACTION_EXECUTE_SUCCEEDED_NO_CONTENT,
+      payload: {},
+      metaData
+    });
+    return events;
+  }
+
+  createFailureEvents(error, metaData) {
+    const events = [];
+    events.push({
+      type: CLIENTACTION_EXECUTE_FAILED,
+      payload: {
+        error
+      },
+      metaData
+    });
+    return events;
+  }
+
+}

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

@@ -0,0 +1,37 @@
+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 EventMappings from "./EventMappings";
+export default class UIComponentMapping {
+  constructor(uiComponentMappingObj) {
+    _defineProperty(this, "id", void 0);
+
+    _defineProperty(this, "name", void 0);
+
+    _defineProperty(this, "component", void 0);
+
+    _defineProperty(this, "properties", void 0);
+
+    _defineProperty(this, "eventMappings", void 0);
+
+    this.id = uiComponentMappingObj.id;
+    this.name = uiComponentMappingObj.name;
+    this.component = uiComponentMappingObj.component;
+    this.properties = uiComponentMappingObj.properties;
+    this.eventMappings = new EventMappings(uiComponentMappingObj.eventMappings);
+  }
+
+  toObject() {
+    return {
+      id: this.id,
+      name: this.name,
+      component: this.component,
+      properties: this.properties,
+      eventMappings: this.eventMappings.toArray().map(eventMapping => eventMapping.toObject())
+    };
+  }
+
+  getId() {
+    return this.id;
+  }
+
+}

package/es/platform/zclient-actions/frameworks/ActionsHandlersFactory.js

@@ -0,0 +1,47 @@
+import MountController from "../adapters/controllers/MountController";
+import Presenter from "../adapters/presenters/Presenter";
+import Repository from "../adapters/gateways/Repository";
+import Service from "../adapters/gateways/Service";
+import ClientActionBehaviourExecutorController from "../adapters/controllers/ClientActionBehaviourExecutorController";
+import FailureController from "../adapters/controllers/FailureController";
+import SuccessController from "../adapters/controllers/SuccessController";
+import NoContentController from "../adapters/controllers/NoContentController";
+import SetClientActionsController from "../adapters/controllers/SetClientActionsController";
+import FetchStateStopController from "../adapters/controllers/FetchStateStopController";
+import { CLIENTACTION_BEHAVIOUR_EXECUTE, CLIENTACTION_EXECUTE_FAIL_CALLBACK, CLIENTACTION_EXECUTE_FAILED, CLIENTACTION_EXECUTE_SUCCEEDED, CLIENTACTION_EXECUTE_SUCCEEDED_NO_CONTENT, CLIENTACTION_EXECUTE_SUCCESS_CALLBACK, SET_CLIENTACTIONS, CLIENTACTION_EXECUTE_SUCCESS_NO_CONTENT_CALLBACK } from "../../../bc/zclient-actions/Constants";
+export default class ActionsHandlersFactory {
+  static getClientActionControllerHandles(service) {
+    return {
+      executeClientActionBehaviour: new ClientActionBehaviourExecutorController(service).handle,
+      failure: new FailureController(service).handle,
+      success: new SuccessController(service).handle,
+      noContent: new NoContentController(service).handle,
+      setClientActions: new SetClientActionsController(service).handle,
+      fetchStateStop: new FetchStateStopController(service).handle
+    };
+  }
+
+  static create(apiDetails) {
+    const presenter = new Presenter();
+    const repository = new Repository();
+    const dependencies = {
+      presenter,
+      repository
+    };
+    const service = new Service(dependencies);
+    const mountController = new MountController(apiDetails, service);
+    const clientActionControllerHandle = ActionsHandlersFactory.getClientActionControllerHandles(service);
+    return {
+      MOUNT: mountController.handle,
+      [CLIENTACTION_BEHAVIOUR_EXECUTE]: clientActionControllerHandle.executeClientActionBehaviour,
+      [CLIENTACTION_EXECUTE_FAIL_CALLBACK]: clientActionControllerHandle.failure,
+      [CLIENTACTION_EXECUTE_SUCCESS_CALLBACK]: clientActionControllerHandle.success,
+      [CLIENTACTION_EXECUTE_SUCCEEDED]: clientActionControllerHandle.fetchStateStop,
+      [CLIENTACTION_EXECUTE_FAILED]: clientActionControllerHandle.fetchStateStop,
+      [CLIENTACTION_EXECUTE_SUCCEEDED_NO_CONTENT]: clientActionControllerHandle.fetchStateStop,
+      [SET_CLIENTACTIONS]: clientActionControllerHandle.setClientActions,
+      [CLIENTACTION_EXECUTE_SUCCESS_NO_CONTENT_CALLBACK]: clientActionControllerHandle.noContent
+    };
+  }
+
+}

package/es/platform/zclient-actions/frameworks/ClientActionBehaviourFactory.js

@@ -0,0 +1,12 @@
+import ActionsHandlersFactory from "./ActionsHandlersFactory";
+export default class ClientActionBehaviourFactory {
+  static create(apiDetails) {
+    return {
+      name: 'zclientAction',
+      eventHandlers: ActionsHandlersFactory.create(apiDetails),
+      properties: {},
+      setInitialState: () => ({})
+    };
+  }
+
+}

package/es/platform/zdata-broker/adapters/controllers/{ActionExecutorController.js → DataBrokerExecutorController.js}

@@ -1,5 +1,5 @@
 import AbstractController from "./AbstractController";
-export default class ActionExecutorController extends AbstractController {
+export default class DataBrokerExecutorController extends AbstractController {
   handle(event) {
     const {
       state,

package/es/platform/zdata-broker/adapters/gateways/Repository.js

@@ -1,6 +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 DataBrokerFactory from "../../usecases/entities-factory/DataBrokerFactory";
+import DataBrokerFactory from "../../applications/entities-factory/DataBrokerFactory";
 export default class Repository {
   constructor() {
     _defineProperty(this, "state", void 0);

package/es/platform/zdata-broker/adapters/gateways/Service.js

@@ -1,10 +1,10 @@
 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 RegisterUseCase from "../../usecases/interactors/RegisterUseCase";
-import ExecuteActionUseCase from "../../usecases/interactors/ExecuteActionUseCase";
-import FailureUseCase from "../../usecases/interactors/FailureUseCase";
-import SuccessUseCase from "../../usecases/interactors/SuccessUseCase";
-import NoContentUseCase from "../../usecases/interactors/NoContentUseCase";
+import RegisterUseCase from "../../applications/usecases/RegisterUseCase";
+import ExecuteActionUseCase from "../../applications/usecases/ExecuteActionUseCase";
+import FailureUseCase from "../../applications/usecases/FailureUseCase";
+import SuccessUseCase from "../../applications/usecases/SuccessUseCase";
+import NoContentUseCase from "../../applications/usecases/NoContentUseCase";
 export default class Service {
   constructor(dependencies) {
     _defineProperty(this, "registerUseCase", void 0);

package/es/platform/zdata-broker/adapters/gateways/TemplateHelpers.js

@@ -17,6 +17,27 @@ export default class TemplateHelpers {
     });
   }
 
+  isOnlyTemplateVariables(inputString) {
+    return /^{{(.*?)}}$/.test(inputString);
+  }
+
+  replaceTemplateVariablesInObject(properties, replacementObj) {
+    const replaced = {};
+    Object.entries(properties).forEach(_ref => {
+      let [key, value] = _ref;
+
+      if (typeof value === 'string' && this.isOnlyTemplateVariables(value)) {
+        const path = value.replace(/{{(.*?)}}/g, '$1');
+        replaced[key] = this.getPathValue(path, replacementObj);
+      } else if (typeof value === 'string' && value.includes('{{')) {
+        replaced[key] = this.replaceTemplateVariables(value, replacementObj);
+      } else {
+        replaced[key] = value;
+      }
+    });
+    return replaced;
+  }
+
   objectToQueryString(obj) {
     return Object.keys(obj).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(obj[key])).join('&');
   }

package/es/platform/zdata-broker/{usecases → applications}/entities-factory/APITemplatesFactory.js

@@ -1,5 +1,5 @@
-import APITemplate from "../../entities/APITemplate";
-import APITemplates from "../../entities/APITemplates";
+import APITemplate from "../../domain/entities/APITemplate";
+import APITemplates from "../../domain/entities/APITemplates";
 export default class APITemplatesFactory {
   static create(httpTemplates, templateHelpers) {
     const apiTemplatesMap = new Map();

package/es/platform/zdata-broker/{usecases → applications}/entities-factory/DataBrokerFactory.js

@@ -1,5 +1,5 @@
 import APITemplatesFactory from "./APITemplatesFactory";
-import DataBroker from "../../entities/DataBroker";
+import DataBroker from "../../domain/entities/DataBroker";
 export default class DataBrokerFactory {
   static create(httpTemplates, templateHelpers) {
     const apiTemplates = APITemplatesFactory.create(httpTemplates, templateHelpers);

package/es/platform/zdata-broker/applications/interfaces/gateways/ITemplateHelpers.js

@@ -0,0 +1 @@
+export { ITemplateHelpers } from "../../../domain/entities/interfaces/ITemplateHelpers";

package/es/platform/zdata-broker/{entities → domain/entities}/DataBroker.js

@@ -1,6 +1,6 @@
-import { FETCH } from "../../../bc/zhttp/Constants";
-import { DATA_BROKER_EXECUTE_FAILED, DATA_BROKER_EXECUTE_NO_CONTENT_SUCCEEDED, DATA_BROKER_EXECUTE_SUCCEEDED } from "../../../bc/zdata-broker/Constants";
-import { DATA_BROKER_FAILURE, DATA_BROKER_NO_CONTENT, DATA_BROKER_SIGNATURE, DATA_BROKER_SUCCESS } from "../../../bc/zdata-broker/Symbols";
+import { FETCH } from "../../../../bc/zhttp/Constants";
+import { DATA_BROKER_EXECUTE_FAILED, DATA_BROKER_EXECUTE_NO_CONTENT_SUCCEEDED, DATA_BROKER_EXECUTE_SUCCEEDED } from "../../../../bc/zdata-broker/Constants";
+import { DATA_BROKER_FAILURE, DATA_BROKER_NO_CONTENT, DATA_BROKER_SIGNATURE, DATA_BROKER_SUCCESS } from "../../../../bc/zdata-broker/Symbols";
 export default class DataBroker {
   constructor(apiTemplates) {
     this.apiTemplates = apiTemplates;

package/es/platform/zdata-broker/{entities → domain/entities}/interfaces/MetaData.js

@@ -1 +1 @@
-import { DATA_BROKER_FAILURE, DATA_BROKER_NO_CONTENT, DATA_BROKER_SUCCESS } from "../../../../bc/zdata-broker/Symbols";
+import { DATA_BROKER_FAILURE, DATA_BROKER_NO_CONTENT, DATA_BROKER_SUCCESS } from "../../../../../bc/zdata-broker/Symbols";

package/es/platform/zdata-broker/frameworks/EventHandlersFactory.js

@@ -3,7 +3,7 @@ import { FETCH_FAILED, FETCH_SUCCESS, FETCH_SUCCESS_NO_CONTENT } from "../../../
 import Presenter from "../adapters/presenters/Presenter";
 import Repository from "../adapters/gateways/Repository";
 import RegisterController from "../adapters/controllers/RegisterController";
-import ActionExecutorController from "../adapters/controllers/ActionExecutorController";
+import DataBrokerExecutorController from "../adapters/controllers/DataBrokerExecutorController";
 import FailureController from "../adapters/controllers/FailureController";
 import SuccessController from "../adapters/controllers/SuccessController";
 import NoContentController from "../adapters/controllers/NoContentController";
@@ -26,13 +26,13 @@ export default class EventHandlersFactory {
   static create() {
     const service = this.createService();
     const registerController = new RegisterController(service);
-    const executeController = new ActionExecutorController(service);
+    const dataBrokerExecuteController = new DataBrokerExecutorController(service);
     const failureController = new FailureController(service);
     const successController = new SuccessController(service);
     const noContentController = new NoContentController(service);
     return {
       [DATA_BROKER_REGISTER]: registerController.handle,
-      [DATA_BROKER_EXECUTE]: executeController.handle,
+      [DATA_BROKER_EXECUTE]: dataBrokerExecuteController.handle,
       [FETCH_FAILED]: failureController.handle,
       [FETCH_SUCCESS]: successController.handle,
       [FETCH_SUCCESS_NO_CONTENT]: noContentController.handle

package/es/platform/zfield/adapters/gateways/Repository.js

@@ -1,6 +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 FieldsManagerBuilder from "../../usecases/entities-factory/FieldsManagerBuilder";
+import FieldsManagerBuilder from "../../applications/entities-factory/FieldsManagerBuilder";
 
 class Repository {
   constructor() {

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

@@ -1,11 +1,11 @@
 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 ExecuteActionUseCase from "../../usecases/interactors/ExecuteActionUseCase";
-import FetchNoContentUseCase from "../../usecases/interactors/FetchNoContentUseCase";
-import FetchSuccessUseCase from "../../usecases/interactors/FetchSuccessUseCase";
-import RefetchUseCase from "../../usecases/interactors/RefetchUseCase";
-import InitializeUseCase from "../../usecases/interactors/InitializeUseCase";
-import FetchFailureUseCase from "../../usecases/interactors/FetchFailureUseCase";
+import ExecuteActionUseCase from "../../applications/usecases/ExecuteActionUseCase";
+import FetchNoContentUseCase from "../../applications/usecases/FetchNoContentUseCase";
+import FetchSuccessUseCase from "../../applications/usecases/FetchSuccessUseCase";
+import RefetchUseCase from "../../applications/usecases/RefetchUseCase";
+import InitializeUseCase from "../../applications/usecases/InitializeUseCase";
+import FetchFailureUseCase from "../../applications/usecases/FetchFailureUseCase";
 
 class Service {
   constructor(dependencies) {

package/es/platform/zfield/{usecases → applications}/entities-factory/FieldsManagerBuilder.js

@@ -1,6 +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 FieldsManager from "../../entities/fields-manager/FieldsManager";
+import FieldsManager from "../../domain/entities/fields-manager/FieldsManager";
 
 class FieldsManagerBuilder {
   constructor() {

package/es/platform/zfield/applications/interfaces/input/FetchInputModel.js

@@ -0,0 +1,2 @@
+import FieldApiName from "../../../domain/entities/interfaces/FieldApiName";
+export { FieldApiName };

package/es/platform/zfield/{entities → domain/entities}/fields-manager/AvailableFieldsManager.js

@@ -1,5 +1,5 @@
-import { FETCH } from "../../../../bc/zhttp/Constants";
-import { FIELD_FETCH, FIELD_FETCH_FAILURE, FIELD_FETCH_NO_CONTENT, FIELD_FETCH_SUCCESS, FIELD_REFETCH } from "../../../../bc/zfield/Constants";
+import { FETCH } from "../../../../../bc/zhttp/Constants";
+import { FIELD_FETCH, FIELD_FETCH_FAILURE, FIELD_FETCH_NO_CONTENT, FIELD_FETCH_SUCCESS, FIELD_REFETCH } from "../../../../../bc/zfield/Constants";
 
 class AvailableFieldsManager {
   constructor(availableFields, isAvailableFieldsFetching) {

package/es/platform/zfield/{entities → domain/entities}/fields-manager/FieldsManager.js

@@ -1,7 +1,7 @@
-import { FIELD_FETCH_FAILURE, FIELD_FETCH_NO_CONTENT, FIELD_FETCH_SUCCESS } from "../../../../bc/zfield/Constants";
+import { FIELD_FETCH_FAILURE, FIELD_FETCH_NO_CONTENT, FIELD_FETCH_SUCCESS } from "../../../../../bc/zfield/Constants";
 import FieldApiName from "../interfaces/FieldApiName";
-import { DATA_BROKER_EXECUTE } from "../../../../bc/zdata-broker/Constants";
-import { DATA_BROKER_SUCCESS } from "../../../../bc/zdata-broker/Symbols";
+import { DATA_BROKER_EXECUTE } from "../../../../../bc/zdata-broker/Constants";
+import { DATA_BROKER_SUCCESS } from "../../../../../bc/zdata-broker/Symbols";
 
 class FieldManager {
   constructor(fields, selectedFields, isFieldsFetching, isSelectedFieldsFetching) {

package/es/platform/zfield/{entities → domain/entities}/fields-manager/SelectedFieldsManager.js

@@ -1,5 +1,5 @@
-import { FIELD_FETCH, FIELD_FETCH_FAILURE, FIELD_FETCH_NO_CONTENT, FIELD_FETCH_SUCCESS, FIELD_REFETCH } from "../../../../bc/zfield/Constants";
-import { FETCH } from "../../../../bc/zhttp/Constants";
+import { FIELD_FETCH, FIELD_FETCH_FAILURE, FIELD_FETCH_NO_CONTENT, FIELD_FETCH_SUCCESS, FIELD_REFETCH } from "../../../../../bc/zfield/Constants";
+import { FETCH } from "../../../../../bc/zhttp/Constants";
 
 class SelectedFieldsManager {
   constructor(selectedFields, isSelectedFieldsFetching) {

package/es/platform/zfield/{entities → domain/entities}/interfaces/MetaData.js

@@ -1 +1 @@
-import { FIELD_FETCH_FAILURE, FIELD_FETCH_NO_CONTENT, FIELD_FETCH_SUCCESS } from "../../../../bc/zfield/Constants";
+import { FIELD_FETCH_FAILURE, FIELD_FETCH_NO_CONTENT, FIELD_FETCH_SUCCESS } from "../../../../../bc/zfield/Constants";

package/es/platform/zhttp/frameworks/ActionsHandlerFactory.js

@@ -1,6 +1,6 @@
 import { FETCH } from "../../../bc/zhttp/Constants";
 import FetchController from "../adapters/controllers/FetchController";
-import FetchUseCase from "../usecases/interactors/FetchUseCase";
+import FetchUseCase from "../applications/usecases/FetchUseCase";
 import FetchGateWay from "../adapters/gateway/FetchGateWay";
 
 class ActionsHandlersFactory {

package/es/platform/zhttp/frameworks/ZHttpBehaviourFactory.js

@@ -1,9 +1,10 @@
+import Properties from "../../../bc/zhttp/Properties";
 import ActionsHandlersFactory from "./ActionsHandlerFactory";
 export default class ZHttpBehaviourFactory {
   static create() {
     const behaviour = {
       name: 'zhttp',
-      properties: {},
+      properties: Properties,
       setInitialState: () => ({}),
       eventHandlers: ActionsHandlersFactory.create(window.fetch.bind(window))
     };

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

@@ -1,6 +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 ListFactory from "../../usecases/entities-factory/ListFactory";
+import ListFactory from "../../applications/entities-factory/ListFactory";
 
 class Repository {
   constructor() {
@@ -16,9 +16,11 @@ class Repository {
       limit,
       sortBy,
       filter,
-      moduleName
+      moduleName,
+      pageContext
     } = this.state.properties;
     const list = ListFactory.createList({
+      pageContext,
       filter: { ...filter,
         departmentId: filter.departmentId,
         viewId: filter.viewId,

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

@@ -1,15 +1,15 @@
 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 InitializeUseCase from "../../usecases/interactors/InitializeUseCase";
-import PropertiesChangeUseCase from "../../usecases/interactors/PropertiesChangeUseCase";
-import FetchMoreUseCase from "../../usecases/interactors/FetchMoreUseCase";
-import FieldChangeUseCase from "../../usecases/interactors/FieldChangeUseCase";
-import DeleteMultipleRecordUseCase from "../../usecases/interactors/DeleteMultipleRecordUseCase";
-import SortUseCase from "../../usecases/interactors/SortUseCase";
-import RecordUpdateUseCase from "../../usecases/interactors/RecordUpdateUseCase";
-import DeleteSingleRecordUseCase from "../../usecases/interactors/DeleteSingleRecordUseCase";
-import RecordExecuteSucceededUseCase from "../../usecases/interactors/RecordExecuteSucceededUseCase";
-import RecordExecuteFailedUseCase from "../../usecases/interactors/RecordExecuteFailedUseCase";
+import InitializeUseCase from "../../applications/usecases/InitializeUseCase";
+import PropertiesChangeUseCase from "../../applications/usecases/PropertiesChangeUseCase";
+import FetchMoreUseCase from "../../applications/usecases/FetchMoreUseCase";
+import FieldChangeUseCase from "../../applications/usecases/FieldChangeUseCase";
+import DeleteMultipleRecordUseCase from "../../applications/usecases/DeleteMultipleRecordUseCase";
+import SortUseCase from "../../applications/usecases/SortUseCase";
+import RecordUpdateUseCase from "../../applications/usecases/RecordUpdateUseCase";
+import DeleteSingleRecordUseCase from "../../applications/usecases/DeleteSingleRecordUseCase";
+import RecordExecuteSucceededUseCase from "../../applications/usecases/RecordExecuteSucceededUseCase";
+import RecordExecuteFailedUseCase from "../../applications/usecases/RecordExecuteFailedUseCase";
 
 class Service {
   constructor(dependencies) {

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

@@ -1,10 +1,29 @@
 /* eslint-disable max-lines-per-function */
+import { Width as ColumnWidth } from "../../../../cc/table-list/data-types/Header";
 import HeadersTranslator from "./translators/HeadersTranslator";
 import RowsTranslator from "./translators/RowsTranslator";
 import Pipeline from "./utils/Pipeline";
+import RowCursor from "../../../../cc/table-list/data-types/RowCursor";
+import { TableListConstants } from "../../../../cc/table-list";
 
 const fallbackToDefault = (value, defaultValue) => [undefined, null].includes(value) ? defaultValue : value;
 
+const splitActions = rowActions => {
+  const noUiActions = [];
+  const newRowActions = [];
+  rowActions.forEach(action => {
+    if (!action.uiType || action.uiType === 'no-ui') {
+      noUiActions.push(action);
+    } else {
+      newRowActions.push(action);
+    }
+  });
+  return {
+    noUiActions,
+    newRowActions
+  };
+};
+
 export default class TableTranslator {
   static transformState(state) {
     const {
@@ -27,6 +46,13 @@ export default class TableTranslator {
     } = fallbackToDefault(zrecord, {}); // FIX: zrecord should be available by default
 
     const fieldUiMapping = uiMapping.fields;
+    const rowActionsUiType = uiMapping.rowActionsComponentName;
+    const {
+      noUiActions,
+      newRowActions
+    } = splitActions(rowActions);
+    const isRowClickable = noUiActions.some(action => action.eventMapping.some(mapping => mapping.action.dispatchType === TableListConstants.TABLE_LIST_ROW_CLICKED));
+    const rowCursor = isRowClickable ? RowCursor.Pointer : RowCursor.Default;
     const {
       fields: availableFields,
       selectedFields,
@@ -37,13 +63,17 @@ export default class TableTranslator {
     const isLoading = !!(isRecordsFetching || isAvailableFieldsFetching || isSelectedFieldsFetching);
     const fields = selectedFields === null || selectedFields === void 0 ? void 0 : selectedFields.map(selectedField => availableFields === null || availableFields === void 0 ? void 0 : availableFields.find(availableField => availableField.name === selectedField)).filter(f => f != undefined);
     const headersTranslator = new HeadersTranslator(fields);
-    const rowsTranslator = new RowsTranslator(records, fields, rowActions, pageContext, fieldUiMapping);
+    const rowsTranslator = new RowsTranslator(records, fields, newRowActions, pageContext, fieldUiMapping, rowActionsUiType);
     const translators = [headersTranslator.getTranslator(), rowsTranslator.getTranslator()]; // TODO: Implement ModuleTableModel, and move data and isLoading to tableViewModel Object
 
     return {
       properties,
       behaviours,
-      hasRowActions: Boolean(rowActions === null || rowActions === void 0 ? void 0 : rowActions.length),
+      rowCursor,
+      rowActionsConfig: {
+        hasActions: Boolean(newRowActions === null || newRowActions === void 0 ? void 0 : newRowActions.length),
+        columnWidth: ColumnWidth.XSmall
+      },
       isLoading,
       emptyStateUiType: uiMapping.emptyState || '',
       data: Pipeline.run(translators, {})

package/es/platform/zlist/adapters/presenters/translators/ColumnAlignmentTranslator.js

@@ -0,0 +1,11 @@
+import { Alignment } from "../../../../../cc/table-list/data-types/Header";
+
+function ColumnAlignmentTranslator(type) {
+  if (type === 'Boolean') {
+    return Alignment.Center;
+  } else {
+    return Alignment.Left;
+  }
+}
+
+export default ColumnAlignmentTranslator;

package/es/platform/zlist/adapters/presenters/translators/ColumnSizeTranslator.js

@@ -0,0 +1,23 @@
+import { Width } from "../../../../../cc/table-list/data-types/Header"; // TODO: Need to get the final column width from the visual team
+
+const columnSizeMapping = {
+  Multiselect: Width.XXLarge,
+  Boolean: Width.Medium,
+  Number: Width.Medium,
+  Decimal: Width.Medium,
+  Currency: Width.Medium,
+  Date: Width.Medium,
+  Percent: Width.Medium
+};
+
+function ColumnSizeTranslator(type) {
+  const columnSize = columnSizeMapping[type];
+
+  if (columnSize) {
+    return columnSize;
+  }
+
+  return Width.Large;
+}
+
+export default ColumnSizeTranslator;

package/es/platform/zlist/adapters/presenters/translators/Header.js

@@ -1,4 +1,5 @@
-import { Alignment, Size } from "../../../../../cc/table-list/data-types/Header";
+import ColumnSizeTranslator from "./ColumnSizeTranslator";
+import ColumnAlignmentTranslator from "./ColumnAlignmentTranslator";
 
 function HeaderTranslator(field) {
   const {
@@ -13,8 +14,8 @@ function HeaderTranslator(field) {
     name: name,
     text: displayLabel,
     sortable: isSortable,
-    alignment: type === 'Boolean' ? Alignment.Center : Alignment.Left,
-    size: Size.Large
+    alignment: ColumnAlignmentTranslator(type),
+    width: ColumnSizeTranslator(type)
   };
 }
 

package/es/platform/zlist/adapters/presenters/translators/Row.js

@@ -5,12 +5,16 @@ export default function RowTranslator(_ref) {
     record,
     fields,
     fieldUiMapping,
+    rowActionsUiType,
     rowActions,
     pageContext
   } = _ref;
   return {
     id: record.id,
     columns: fields.map(field => ColumnTranslator(field, record, fieldUiMapping)),
-    rowActions: rowActions.map(rowAction => RowActionTranslator(rowAction, record, pageContext))
+    rowActionLocation: {
+      type: rowActionsUiType || '',
+      actions: rowActions.map(rowAction => RowActionTranslator(rowAction, record, pageContext))
+    }
   };
 }

package/es/platform/zlist/adapters/presenters/translators/RowActionTranslator.js

@@ -1,25 +1,32 @@
 import TemplateHelpers from "../../../../zdata-broker/adapters/gateways/TemplateHelpers";
+const templateHelpers = new TemplateHelpers();
 export default function RowActionTranslator(rowAction, record, pageContext) {
+  const templateContext = {
+    orgName: pageContext.orgName,
+    departmentName: pageContext.departmentName,
+    moduleSanitatedName: pageContext.moduleSanitatedName,
+    record,
+    moduleName: pageContext.moduleName,
+    recordId: record.id
+  };
+  const properties = PropertiesTranslator(rowAction.properties, templateContext);
   return {
     type: rowAction.uiType,
-    eventMappings: EventMappingTranslator(rowAction.eventMapping, record, pageContext),
-    properties: rowAction.properties
+    eventMappings: EventMappingTranslator(rowAction.eventMapping, templateContext),
+    properties
   };
 }
-const templateHelpers = new TemplateHelpers();
 
-function EventMappingTranslator(eventMapping, record, pageContext) {
+function PropertiesTranslator(properties, templateContext) {
+  return templateHelpers.replaceTemplateVariablesInObject(properties, templateContext);
+}
+
+function EventMappingTranslator(eventMapping, templateContext) {
   return eventMapping.map(eventMapping => {
     return {
       action: eventMapping.action,
       eventType: eventMapping.eventType,
-      payload: JSON.parse(templateHelpers.replaceTemplateVariables(eventMapping.payloadMapping, {
-        orgName: pageContext.orgName,
-        departmentName: pageContext.departmentName,
-        moduleSanitatedName: pageContext.moduleSanitatedName,
-        moduleName: pageContext.moduleName,
-        recordId: record.id
-      }))
+      payload: JSON.parse(templateHelpers.replaceTemplateVariables(eventMapping.payloadMapping, templateContext))
     };
   });
 }