@zohodesk/library-platform 1.1.10-exp.1 → 1.1.10-exp.3

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

@@ -17,7 +17,7 @@ function getLookupUrlConstructions(_ref) {
   return `/agent/${orgName}/${departmentName}/${lookupModuleName}/details/${value.id}`;
 }
 
-function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences) {
+function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, moduleName) {
   const {
     isCustomField,
     name,
@@ -32,7 +32,7 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
 
   let tempValue = undefined;
   let value = isCustomField ? record.cf?.[name] : record[name];
-  const actions = ClientActionsTranslator.transform(fieldActions, {
+  const actions = ClientActionsTranslator.transform(fieldActions, instanceName, moduleName, {
     field,
     record
   });
@@ -71,28 +71,39 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
     finalValue = fieldToUiValue;
   }
 
-  if (fieldEntry && typeof fieldEntry === 'object') {
-    let data = {
-      actions,
-      ...fieldTranslator(field, tempValue ? tempValue : finalValue, {
-        recordId: record.id
-      }, context, preferences)
-    };
-    data.value = fieldEntry.fieldToUIComponentTranslator({
-      field,
-      record,
-      context
-    });
-    data.type = fieldEntry.UIComponentName;
-    return data;
-  }
-
-  return {
+  finalValue = tempValue ? tempValue : finalValue;
+  const viewModel = {
     actions,
     ...fieldTranslator(field, finalValue, {
       recordId: record.id
     }, context, preferences)
   };
+
+  if (fieldEntry && typeof fieldEntry === 'object') {
+    viewModel.type = fieldEntry.UIComponentName;
+
+    if (fieldEntry.fieldToUIComponentTranslator) {
+      viewModel.value = fieldEntry.fieldToUIComponentTranslator({
+        field,
+        record,
+        context
+      });
+    }
+
+    if (fieldEntry.translator) {
+      const newViewModel = fieldEntry.translator({
+        viewModel,
+        field,
+        context
+      });
+      newViewModel.type = fieldEntry.UIComponentName;
+      return newViewModel;
+    }
+
+    return viewModel;
+  }
+
+  return viewModel;
 }
 
 export default ColumnTranslator;

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

@@ -1,20 +1,19 @@
-import ColumnAlignmentTranslator from "./ColumnAlignmentTranslator";
+import { Alignment } from "../../../../../cc/table-list/data-types/Header";
 import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 import { SortOrder } from "../../../../zlist/domain/entities/interfaces/Properties";
 import { i18NProviderUtils } from '@zohodesk/i18n';
 
-function HeaderTranslator(field, actions, context, modifiedWidths, sortBy, records) {
+function HeaderTranslator(field, actions, context, modifiedWidths, sortBy, records, instanceName, moduleName) {
   const {
     id,
     name,
     displayLabel,
-    isSortable,
-    type
+    isSortable
   } = field;
   const newField = { ...field,
     sort: translateSortBy(field.id, sortBy)
   };
-  const transformedActions = ClientActionsTranslator.transform(actions, { ...context,
+  const transformedActions = ClientActionsTranslator.transform(actions, instanceName, moduleName, { ...context,
     field: newField,
     recordsLength: records.length.toString()
   });
@@ -24,7 +23,7 @@ function HeaderTranslator(field, actions, context, modifiedWidths, sortBy, recor
     name: name,
     text: displayLabel,
     sortable: isSortable,
-    alignment: ColumnAlignmentTranslator(type),
+    alignment: Alignment.Left,
     width,
     actions: transformedActions
   };

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

@@ -1,12 +1,14 @@
 import HeaderTranslator from "./Header";
 export default class HeadersTranslator {
-  constructor(fields, actions, context, modifiedWidths, sortBy, records) {
+  constructor(fields, actions, context, modifiedWidths, sortBy, records, instanceName, moduleName) {
     this.fields = fields;
     this.actions = actions;
     this.context = context;
     this.modifiedWidths = modifiedWidths;
     this.sortBy = sortBy;
     this.records = records;
+    this.instanceName = instanceName;
+    this.moduleName = moduleName;
     this.pipe = this.pipe.bind(this);
   }
 
@@ -15,7 +17,7 @@ export default class HeadersTranslator {
       return [];
     }
 
-    return this.fields.map(field => HeaderTranslator(field, this.actions, this.context, this.modifiedWidths, this.sortBy, this.records));
+    return this.fields.map(field => HeaderTranslator(field, this.actions, this.context, this.modifiedWidths, this.sortBy, this.records, this.instanceName, this.moduleName));
   }
 
   pipe(viewModel) {

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

@@ -9,14 +9,16 @@ export default function RowTranslator(_ref) {
     rowActions,
     fieldActions,
     context,
-    preferences
+    preferences,
+    instanceName,
+    moduleName
   } = _ref;
-  const actions = ClientActionsTranslator.transform(rowActions, { ...context,
+  const actions = ClientActionsTranslator.transform(rowActions, instanceName, moduleName, { ...context,
     record
   });
   return {
     id: record.id,
-    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences)),
+    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, moduleName)),
     rowActionLocation: {
       type: rowActionsUiType,
       actions

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

@@ -1,6 +1,6 @@
 import RowTranslator from "./Row";
 export default class RowsTranslator {
-  constructor(records, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions) {
+  constructor(records, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions, instanceName, moduleName) {
     this.records = records;
     this.fields = fields;
     this.rowActions = rowActions;
@@ -9,6 +9,8 @@ export default class RowsTranslator {
     this.fieldComponentMapping = fieldComponentMapping;
     this.rowActionsUiType = rowActionsUiType;
     this.fieldActions = fieldActions;
+    this.instanceName = instanceName;
+    this.moduleName = moduleName;
     this.pipe = this.pipe.bind(this);
   }
 
@@ -25,7 +27,9 @@ export default class RowsTranslator {
       rowActions: this.rowActions,
       fieldActions: this.fieldActions,
       context: this.context,
-      preferences: this.preferences
+      preferences: this.preferences,
+      instanceName: this.instanceName,
+      moduleName: this.moduleName
     }));
   }
 

package/es/platform/zlist/adapters/presenters/utils/DefaultClientActions.js

@@ -1,7 +1,7 @@
 /* eslint-disable max-lines-per-function */
-import ClientAction from "../../../../client-actions/behaviour/zclient-actions/domain/entities/ClientAction";
 import { TableListConstants } from "../../../../../cc/table-list";
 import { CheckboxConstants } from "../../../../../cc/checkbox";
+import ClientAction from "../../../../client-actions/behaviour/zclient-actions/domain/entities/ClientAction";
 const CHECKBOX_TOGGLED = CheckboxConstants.CHECKBOX_TOGGLED;
 const TABLE_LIST_TOGGLE_ALL_SELECTION = TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION;
 

package/es/platform/zlist/domain/entities/List.js

@@ -1,9 +1,10 @@
 import { RECORD_EXECUTE, RECORD_FETCH_MORE, RECORD_REFETCH, RecordApiActionName } from "../../../../bc/zrecord/Constants";
 import { FIELD_EXECUTE, FIELD_REFETCH } from "../../../../bc/zfield/Constants";
-import { CLIENT_ACTION_TABLE_LIST_COMPONENT_NAME, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE_SUCCEEDED } from "../../../../bc/zlist/Constants";
 import { CLIENTACTION_BEHAVIOUR_EXECUTE } from "../../../client-actions/bc/zclient-actions/Constants";
+import { CLIENT_ACTION_TABLE_LIST_COMPONENT_NAME, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE_SUCCEEDED } from "../../../../bc/zlist/Constants";
 import { SmartTableConstants } from "../../../../cc/table-connected";
 import SortBy from "./SortBy";
+import { CLIENTSCRIPT_FETCH } from "../../../client-scripts/bc/zclient-scripts-fetch/Constants";
 
 class List {
   constructor(limit, sortBy, query, context, isReOrderLoading, errorState) {
@@ -75,7 +76,7 @@ class List {
   }
 
   getInitialMountFetchActions() {
-    return [this.createRecordsFetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction(), this.createClientActionsFetchAction()];
+    return [this.createRecordsFetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction(), this.createClientActionsFetchAction(), this.createClientScriptsFetchAction()];
   }
 
   shallowDiff(obj1, obj2) {
@@ -333,6 +334,20 @@ class List {
     };
   }
 
+  createClientScriptsFetchAction() {
+    const props = this.createApiProps();
+    props.components = 'TableList';
+    props.modules = props.moduleName;
+    return {
+      type: CLIENTSCRIPT_FETCH,
+      payload: {
+        actionName: 'getClientScripts',
+        props,
+        apiName: 'clientScripts'
+      }
+    };
+  }
+
   createRecordsRefetchAction(triggerer) {
     const props = this.createApiProps();
     const metaData = triggerer === 'sortBy' && {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.10-exp.1",
+  "version": "1.1.10-exp.3",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -42,7 +42,7 @@
     "@typescript-eslint/parser": "^7.11.0",
     "@zoho/SecurityJS": "7.2.4",
     "@zohodesk-private/css-variable-migrator": "^1.0.8",
-    "@zohodesk-private/desk-components": "1.0.0-temp-57.1",
+    "@zohodesk-private/desk-components": "1.3.13",
     "@zohodesk-private/dot-registry": "0.0.2",
     "@zohodesk-private/node-plugins": "1.1.9",
     "@zohodesk/a11y": "2.3.6",
@@ -77,7 +77,7 @@
     "typescript": "4.9.5"
   },
   "peerDependencies": {
-    "@zohodesk-private/desk-components": "1.0.0-temp-57.1",
+    "@zohodesk-private/desk-components": "1.3.13",
     "@zohodesk-private/dot-registry": "0.0.2",
     "@zohodesk/a11y": "2.3.6",
     "@zohodesk/components": "1.4.5",

package/es/library/custom-component/applications/usecases/MountUseCase copy.js

@@ -1,28 +0,0 @@
-import AbstractUseCase from "./AbstractUseCase";
-
-class MountUsecase extends AbstractUseCase {
-  execute() {
-    const {
-      repository,
-      presenter,
-      eventManager
-    } = this.dependencies;
-    const component = repository.getComponent();
-    const mountAction = component.getMountAction();
-    const eventHandlers = component.getEventHandlersWrapper();
-
-    try {
-      eventManager.subscribe(eventHandlers);
-
-      if (!component.hasBreakingError()) {
-        eventManager.dispatch(mountAction);
-      }
-    } catch (e) {
-      component.setError(e);
-      presenter.setError(e);
-    }
-  }
-
-}
-
-export default MountUsecase;

package/es/platform/app-context-behaviour/adapters/controllers/InitializeController.js

@@ -1,19 +0,0 @@
-import { AbstractController } from "./AbstractController";
-export class InitializeController extends AbstractController {
-  handle(_ref) {
-    let {
-      state
-    } = _ref;
-    const {
-      service
-    } = this;
-    const context = state.properties.context;
-    const {
-      initializeUseCase
-    } = service;
-    initializeUseCase.execute({
-      context
-    });
-  }
-
-}

package/es/platform/app-context-behaviour/adapters/gateways/Service.js

@@ -1,7 +0,0 @@
-import { InitializeUseCase } from "../../applications/usecases/InitializeUseCase";
-export class Service {
-  constructor(dependencies) {
-    this.initializeUseCase = new InitializeUseCase(dependencies);
-  }
-
-}

package/es/platform/app-context-behaviour/adapters/presenters/Presenter.js

@@ -1,18 +0,0 @@
-// import { State } from '../gateways/State';
-class Presenter {
-  updateDependencies(state, updateState) {
-    this.state = state;
-    this.updateState = updateState;
-  }
-
-  updateView(view) {
-    this.updateState({ ...this.state,
-      behaviours: { ...this.state.behaviours,
-        appContext: view
-      }
-    });
-  }
-
-}
-
-export default Presenter;

package/es/platform/app-context-behaviour/adapters/resources/AppResource.js

@@ -1,25 +0,0 @@
-import { AbstractResource } from "../../../sdk/application/interfaces/gateways/AbstractResource";
-
-/** Sample Implementation of AppResource */
-export class AppResource extends AbstractResource {
-  initialize() {}
-
-  destroy() {}
-
-  initializeContext(context) {
-    this.context = context;
-  }
-
-  initializeApiHeader(headers) {
-    this.headers = headers;
-  }
-
-  getContext() {
-    return this.context;
-  }
-
-  getApiHeader() {
-    return this.headers;
-  }
-
-}

package/es/platform/app-context-behaviour/applications/AbstractUseCase.js

@@ -1,6 +0,0 @@
-export default class AbstractUseCase {
-  constructor(dependencies) {
-    this.dependencies = dependencies;
-  }
-
-}

package/es/platform/app-context-behaviour/applications/usecases/InitializeUseCase.js

@@ -1,15 +0,0 @@
-import AbstractUseCase from "../AbstractUseCase";
-export class InitializeUseCase extends AbstractUseCase {
-  execute(_ref) {
-    let {
-      instanceName
-    } = _ref;
-    const {
-      appResource,
-      presenter
-    } = this.dependencies;
-    const context = appResource.getContext();
-    presenter.updateView(context);
-  }
-
-}

package/es/platform/app-context-behaviour/frameworks/EventHandlerFactory.js

@@ -1,25 +0,0 @@
-import LifeCycleEvents from "../../../cc/component/LifeCycleEventsEnum";
-import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
-import { Service } from "../adapters/gateways/Service";
-import { InitializeController } from "../adapters/controllers/InitializeController";
-import { platformSDK } from "../../sdk/frameworks/Sdk";
-import Presenter from "../adapters/presenters/Presenter";
-
-class EventHandlerFactory {
-  static create() {
-    const appResource = platformSDK[ResourceNamesEnum.APP]; // NOTE: here 'app' should match the resource name in the sdk registry
-
-    const presenter = new Presenter();
-    const dependencies = {
-      appResource,
-      presenter
-    };
-    const service = new Service(dependencies);
-    return {
-      [LifeCycleEvents.MOUNT]: new InitializeController(service).handle
-    };
-  }
-
-}
-
-export default EventHandlerFactory;

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import ErrorState from "../../../../library/dot/legacy-to-new-arch/error-state/frameworks/ui/ErrorState";
-import { ErrorCodes } from "../../../../cc/component/ErrorStructure";
-import ErrorTypes from "../../../../cc/error-state/ErrorTypes";
-
-function FallbackView(_ref, ref) {
-  let {
-    error
-  } = _ref;
-  const map = {
-    [ErrorCodes.API_FAILED]: ErrorTypes.UrlNotFound,
-    [ErrorCodes.PROPERTY_VALIDATION_FAILED]: ErrorTypes.OopsSomethingMiss,
-    [ErrorCodes.EVENT_HANDLER_FAILED]: ErrorTypes.Inconvenience,
-    [ErrorCodes.UNKNOWN_ERROR]: ErrorTypes.Inconvenience
-  };
-  const errorType = map[error.code] === undefined ? ErrorTypes.Inconvenience : map[error.code];
-  return /*#__PURE__*/React.createElement(ErrorState, {
-    type: errorType,
-    getRef: ref
-  });
-}
-
-export default /*#__PURE__*/React.forwardRef(FallbackView);

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import ErrorState from "../../../../library/dot/legacy-to-new-arch/error-state/frameworks/ui/ErrorState";
-import { ErrorCodes } from "../../../../cc/component/ErrorStructure";
-import ErrorTypes from "../../../../cc/error-state/ErrorTypes";
-
-function FormFallbackView(_ref, ref) {
-  let {
-    error
-  } = _ref;
-  const map = {
-    [ErrorCodes.API_FAILED]: ErrorTypes.UrlNotFound,
-    [ErrorCodes.PROPERTY_VALIDATION_FAILED]: ErrorTypes.OopsSomethingMiss,
-    [ErrorCodes.EVENT_HANDLER_FAILED]: ErrorTypes.Inconvenience,
-    [ErrorCodes.UNKNOWN_ERROR]: ErrorTypes.Inconvenience
-  };
-  const errorType = map[error.code] === undefined ? ErrorTypes.Inconvenience : map[error.code];
-  return /*#__PURE__*/React.createElement(ErrorState, {
-    type: errorType,
-    getRef: ref
-  });
-}
-
-export default /*#__PURE__*/React.forwardRef(FormFallbackView);