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

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 {
@@ -28,6 +47,12 @@ export default class TableTranslator {
 
     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,
@@ -38,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, rowActionsUiType);
+    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/applications/entities-factory/ListFactory.js

@@ -5,9 +5,10 @@ class ListFactory {
     const {
       limit,
       sortBy,
-      filter
+      filter,
+      pageContext
     } = input;
-    return new List(limit, sortBy, filter);
+    return new List(limit, sortBy, filter, pageContext);
   }
 
 }

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

@@ -1,24 +1,28 @@
 import { RECORD_EXECUTE, RECORD_FETCH_MORE, RECORD_REFETCH, RecordApiActionName } from "../../../../bc/zrecord/Constants";
 import { FIELD_EXECUTE, FIELD_REFETCH } from "../../../../bc/zfield/Constants";
 import { ZLIST_RECORD_DELETE_FAILED, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE_FAILED, ZLIST_RECORD_UPDATE_SUCCEEDED } from "../../../../bc/zlist/Constants";
+import { CLIENTACTION_BEHAVIOUR_EXECUTE } from "../../../../bc/zclient-actions/Constants";
 
 class List {
-  constructor(limit, sortBy, filter) {
+  constructor(limit, sortBy, filter, pageContext) {
     this.limit = limit;
     this.sortBy = sortBy;
     this.filter = filter;
+    this.pageContext = pageContext;
   }
 
   createApiProps() {
     const {
       filter,
       limit,
-      sortBy
+      sortBy,
+      pageContext
     } = this;
     return {
       limit,
       sortBy,
-      ...filter
+      ...filter,
+      ...pageContext
     };
   }
 
@@ -28,8 +32,7 @@ class List {
   }
 
   getInitialMountFetchActions() {
-    return [this.createRecordsFetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction() // TODO: this.createUIActionsFetchAction(),
-    ];
+    return [this.createRecordsFetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction(), this.createClientActionsFetchAction()];
   }
 
   getPropertiesChangeRefetchActions(previousProperties, currentProperties) {
@@ -234,14 +237,14 @@ class List {
     };
   }
 
-  createUIActionsFetchAction() {
+  createClientActionsFetchAction() {
     const props = this.createApiProps();
     return {
-      type: RECORD_EXECUTE,
+      type: CLIENTACTION_BEHAVIOUR_EXECUTE,
       payload: {
-        actionName: 'getUIActions',
+        actionName: 'getClientActions',
         props,
-        apiName: 'uiActions'
+        apiName: 'clientActions'
       }
     };
   }
@@ -282,18 +285,6 @@ class List {
     };
   }
 
-  createUIActionsRefetchAction() {
-    const props = this.createApiProps();
-    return {
-      type: RECORD_REFETCH,
-      payload: {
-        actionName: 'getUIActions',
-        props,
-        apiName: 'uiActions'
-      }
-    };
-  }
-
 }
 
 export default List;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.0-exp.1",
+  "version": "1.1.0-exp.2",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -24,8 +24,8 @@
     "lint:setup": "ZDPrecommit setupPlugins",
     "lint": "eslint -c .eslintrc.js --ext .ts,.js,.tsx",
     "lint:analytics": "ZDLintingFramework lint",
-    "lint:exemption":"ZDLintingFramework exemption-report",
-    "lint:ci":"ZDLintingFramework lint-ci",
+    "lint:exemption": "ZDLintingFramework exemption-report",
+    "lint:ci": "ZDLintingFramework lint-ci",
     "prettify": "node prettify.js staged"
   },
   "author": "",
@@ -39,39 +39,40 @@
     "@typescript-eslint/parser": "^7.11.0",
     "@zoho/SecurityJS": "5.0.2",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk-private/desk-components": "1.2.0",
-    "@zohodesk-private/node-plugins": "1.1.7",
-    "@zohodesk/a11y": "2.2.3",
+    "@zohodesk-private/desk-components": "1.2.4",
+    "@zohodesk-private/node-plugins": "1.1.9",
+    "@zohodesk/a11y": "2.2.6",
     "@zohodesk/codestandard-analytics": "0.0.2",
     "@zohodesk/codestandard-validator": "0.0.4",
-    "@zohodesk/components": "1.2.39",
-    "@zohodesk/dot": "1.4.18",
+    "@zohodesk/components": "1.2.46",
+    "@zohodesk/dot": "1.7.0",
     "@zohodesk/eslint-plugin-architecturerules": "0.0.4",
-    "@zohodesk/hooks": "2.0.4",
+    "@zohodesk/hooks": "2.0.5",
     "@zohodesk/i18n": "1.0.0-beta.26",
-    "@zohodesk/icons": "1.0.50",
+    "@zohodesk/icons": "1.0.61",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.1.15",
-    "@zohodesk/utils": "1.3.13",
+    "@zohodesk/svg": "1.1.22",
+    "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
     "color": "4.2.3",
     "dependency-cruiser": "12.0.1",
     "eslint": "^8.26.0",
+    "jest-fetch-mock": "^3.0.3",
     "prettier": "3.3.3",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
-    "@zohodesk-private/desk-components": "1.2.0",
-    "@zohodesk/a11y": "2.2.3",
-    "@zohodesk/components": "1.2.39",
-    "@zohodesk/dot": "1.4.18",
-    "@zohodesk/hooks": "2.0.4",
+    "@zohodesk-private/desk-components": "1.2.4",
+    "@zohodesk/a11y": "2.2.6",
+    "@zohodesk/components": "1.2.46",
+    "@zohodesk/dot": "1.7.0",
+    "@zohodesk/hooks": "2.0.5",
     "@zohodesk/i18n": "1.0.0-beta.26",
-    "@zohodesk/icons": "1.0.50",
+    "@zohodesk/icons": "1.0.61",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.1.15",
-    "@zohodesk/utils": "1.3.13",
+    "@zohodesk/svg": "1.1.22",
+    "@zohodesk/utils": "1.3.14",
     "color": "4.2.3"
   },
   "dependencies": {

package/es/platform/data-broker/http-template/getUIActions.js

@@ -1,22 +0,0 @@
-import Transformer from "../utils/transformer/Transformer";
-let getUIActions = {
-  name: "uiActions",
-  api: "https://vimal-19789.tsi.zohocorpin.com:9090/api/v2/records",
-  parameters: `{
-        "cf_model_name":"{{modelName}}",
-        "module":"{{modelName}}"
-    }`,
-  type: "GET",
-  transformer: data => Transformer.transform(data, "UIActionName"),
-  properties: {
-    modelName: {
-      required: true,
-      typeMetadata: {
-        schema: {
-          type: "string"
-        }
-      }
-    }
-  }
-};
-export default getUIActions;