@zohodesk/library-platform 1.1.1-exp.6 → 1.1.2-exp.0

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

@@ -61,7 +61,7 @@ class FieldManager {
     const {
       apiName
     } = metaData;
-    return apiName === 'availableFields' || apiName === 'selectedFields';
+    return apiName === 'availableFields' || apiName === 'selectedFields' || apiName === FieldApiName.UPDATE_SELECTED_FIELDS;
   }
 
   startFetching(apiName) {
@@ -85,6 +85,8 @@ class FieldManager {
       this.fields = data;
     } else if (apiName === FieldApiName.SELECTED_FIELDS) {
       this.selectedFields = data;
+    } else if (apiName === FieldApiName.UPDATE_SELECTED_FIELDS) {
+      this.selectedFields = data;
     }
   }
 

package/es/platform/zfield/domain/entities/interfaces/FieldApiName.js

@@ -1,6 +1,7 @@
 var FieldApiName = /*#__PURE__*/function (FieldApiName) {
   FieldApiName["AVAILABLE_FIELDS"] = "availableFields";
   FieldApiName["SELECTED_FIELDS"] = "selectedFields";
+  FieldApiName["UPDATE_SELECTED_FIELDS"] = "updateSelectedFields";
   return FieldApiName;
 }(FieldApiName || {});
 

package/es/platform/zfield/frameworks/ZFieldBehaviourFactory.js

@@ -4,7 +4,12 @@ class ZFieldBehaviourFactory {
   static create(apiTemplates) {
     return {
       name: 'zfield',
-      setInitialState: () => ({}),
+      setInitialState: () => ({
+        fields: [],
+        selectedFields: [],
+        isFieldsFetching: false,
+        isSelectedFieldsFetching: false
+      }),
       eventHandlers: ActionHandlerFactory.create(apiTemplates),
       properties: {}
     };

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

@@ -21,7 +21,8 @@ class Repository {
       context
     } = this.state.properties;
     const {
-      sortBy
+      sortBy,
+      errorRecordFailed
     } = this.getZListState();
     const list = ListFactory.createList({
       context,
@@ -32,7 +33,8 @@ class Repository {
         ...query
       },
       sortBy: new SortBy(sortBy.id, sortBy.name, sortBy.order),
-      limit: 50
+      limit: 50,
+      errorRecordFailed
     });
     return list;
   }

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

@@ -0,0 +1,92 @@
+/* eslint-disable @zohodesk/architecturerules/define-property-schema */
+
+/* eslint-disable max-lines-per-function */
+import ClientActionsTranslator from "../../../client-actions/translators/client-actions-translator";
+import DefaultClientActions from "./utils/DefaultClientActions";
+export default function SelectionTranslator(state) {
+  const {
+    behaviours,
+    properties
+  } = state;
+  const {
+    columnChooserConfig,
+    selectionConfig,
+    context,
+    moduleName
+  } = properties;
+  const {
+    zfield,
+    selection,
+    columnChooser
+  } = behaviours;
+  const {
+    selected,
+    hasAllSelected
+  } = selection;
+  const availableFields = zfield.fields;
+  const columnChooserProps = getColumnChooserProps(columnChooser, availableFields, context, moduleName);
+  const clientActions = generateClientActions(selectionConfig, columnChooserConfig, hasAllSelected, columnChooserProps);
+  const contextAppliedActions = ClientActionsTranslator.transform(clientActions, context);
+  return {
+    selected,
+    hasAllSelected,
+    actions: contextAppliedActions
+  };
+}
+
+function generateClientActions(selectionConfig, columnChooserConfig, hasAllSelected, columnChooserProps) {
+  const clientActions = [];
+
+  if (selectionConfig.isEnabled) {
+    if (columnChooserConfig.isEnabled) {
+      const columnChooserAction = DefaultClientActions.createColumnChooserAction(columnChooserProps);
+      clientActions.push(columnChooserAction);
+    } else if (selectionConfig.isSelectAllEnabled) {
+      const selectAllColumnsAction = DefaultClientActions.createSelectAllAction(hasAllSelected);
+      clientActions.push(selectAllColumnsAction);
+    }
+  }
+
+  return clientActions;
+}
+
+function getColumnChooserProps(columnChooser) {
+  var _context$modules, _context$modules$find;
+
+  let availableFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let context = arguments.length > 2 ? arguments[2] : undefined;
+  let moduleName = arguments.length > 3 ? arguments[3] : undefined;
+  const {
+    searchText: searchString,
+    fieldsOrder,
+    selected,
+    isMaxSelectionReached
+  } = columnChooser;
+  const fieldMap = mapFieldsToObject(availableFields);
+  const disabledFieldName = (_context$modules = context.modules) === null || _context$modules === void 0 ? void 0 : (_context$modules$find = _context$modules.find(module => module.apiKey === moduleName)) === null || _context$modules$find === void 0 ? void 0 : _context$modules$find.nameField;
+  const columnChooserOptions = fieldsOrder.map(fieldName => getOption(fieldMap[fieldName], !!selected[fieldName], disabledFieldName === fieldName));
+  return {
+    options: columnChooserOptions,
+    searchString,
+    hasSearch: searchString !== '' || columnChooserOptions.length > 3,
+    errorMessage: isMaxSelectionReached ? "You've reached the limit of 15 columns." : ''
+  };
+}
+
+function getOption(field, checked, disabled) {
+  return {
+    id: field.name,
+    disabled,
+    locked: false,
+    // TODO - field.isLocked,
+    value: field.i18NLabel,
+    checked
+  };
+}
+
+function mapFieldsToObject(availableFields) {
+  return availableFields.reduce((acc, field) => {
+    acc[field.name] = field;
+    return acc;
+  }, {});
+}

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

@@ -1,3 +1,5 @@
+/* eslint-disable @zohodesk/architecturerules/define-property-schema */
+
 /* eslint-disable max-lines-per-function */
 import { Width as ColumnWidth } from "../../../../cc/table-list/data-types/Header";
 import HeadersTranslator from "./translators/HeadersTranslator";
@@ -8,6 +10,7 @@ import { TableListConstants } from "../../../../cc/table-list";
 import { ResizerStateTranslator } from "./translators/ResizerStateTranslator";
 import { calculateFieldWidths } from "./utils/calculateFieldWidths";
 import DefaultClientActions from "./utils/DefaultClientActions";
+import SelectionTranslator from "./SelectionTranslator";
 const EMPTY_OBJECT = {};
 const EMPTY_ARRAY = [];
 
@@ -27,11 +30,13 @@ export default class TableTranslator {
     } = properties;
     const {
       localStorage: localStorageBehaviour,
-      columnResizer
+      columnResizer,
+      keyboardControls
     } = behaviours;
     const {
       resizeConfig,
-      preferences
+      preferences,
+      keyboardControlsConfig
     } = properties;
     context['servicePrefix'] = 'supportapi/zd'; // FIX: servicePrefix defaultValue should be available from properties
 
@@ -46,6 +51,10 @@ export default class TableTranslator {
       sortBy
     } = fallbackToDefault(zlist, {}); // FIX: zlist should be available by default
 
+    const {
+      focussedIndex
+    } = fallbackToDefault(keyboardControls, {}); // FIX: KeyboardControls should be available by default
+
     const {
       records,
       isFetching: isRecordsFetching
@@ -93,23 +102,27 @@ export default class TableTranslator {
     return {
       properties,
       behaviours,
-      selection: behaviours === null || behaviours === void 0 ? void 0 : behaviours.selection,
-      sortBy,
-      rowCursor,
-      resizerState: ResizerStateTranslator({
-        columnResizer: columnResizer,
-        resizeConfig: resizeConfig,
-        headerNames: selectedFields,
-        modifiedWidths
-      }),
-      rowActionsConfig: {
-        hasActions: Boolean(rowActions === null || rowActions === void 0 ? void 0 : rowActions.length),
-        // Boolean(newRowActions?.length),
-        columnWidth: ColumnWidth.XSmall
-      },
-      isLoading,
-      emptyStateUiType: componentMapping.emptyState || '',
-      data
+      viewModel: {
+        selection: SelectionTranslator(state),
+        focussedRow: focussedIndex,
+        sortBy,
+        rowCursor,
+        resizerState: ResizerStateTranslator({
+          columnResizer: columnResizer,
+          resizeConfig: resizeConfig,
+          headerNames: selectedFields,
+          modifiedWidths
+        }),
+        rowActionsConfig: {
+          hasActions: Boolean(rowActions === null || rowActions === void 0 ? void 0 : rowActions.length),
+          // Boolean(newRowActions?.length),
+          columnWidth: ColumnWidth.XSmall
+        },
+        keyboardControlsConfig,
+        isLoading,
+        emptyStateUiType: componentMapping.emptyState || '',
+        data
+      }
     };
   }
 

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

@@ -2,11 +2,26 @@ import EmptyViewModel from "./EmptyViewModel";
 import * as FieldTranslators from "./fields";
 import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 
-function ColumnTranslator(fieldModel, record, fieldComponentMapping, fieldActions) {
+//hacking temp url construction for lookup
+function getLookupUrlConstructions(_ref) {
+  var _field$lookup, _field$lookup$module;
+
+  let {
+    field,
+    value,
+    context
+  } = _ref;
+  let {
+    orgName,
+    departmentName
+  } = context;
+  let lookupModuleName = field === null || field === void 0 ? void 0 : (_field$lookup = field.lookup) === null || _field$lookup === void 0 ? void 0 : (_field$lookup$module = _field$lookup.module) === null || _field$lookup$module === void 0 ? void 0 : _field$lookup$module.apiName;
+  return `/agent/${orgName}/${departmentName}/${lookupModuleName}/details/${value.id}`;
+}
+
+function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context) {
   var _record$cf;
 
-  const field = { ...fieldModel
-  };
   const {
     isCustomField,
     name,
@@ -33,6 +48,14 @@ function ColumnTranslator(fieldModel, record, fieldComponentMapping, fieldAction
     return EmptyViewModel();
   }
 
+  if (field.type == "LookUp") {
+    value.url = getLookupUrlConstructions({
+      field,
+      value,
+      context
+    });
+  }
+
   return {
     actions,
     ...fieldTranslator(field, value, {

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

@@ -15,7 +15,7 @@ export default function RowTranslator(_ref) {
   });
   return {
     id: record.id,
-    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions)),
+    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context)),
     rowActionLocation: {
       type: rowActionsUiType,
       actions

package/es/platform/zlist/adapters/presenters/translators/fields/FormulaFieldTranslator.js

@@ -0,0 +1,26 @@
+import FieldTypes from "../../../../../../cc/fields/field/Types";
+import FormulaFieldModel from "../../../../../../cc/fields/formula/Model";
+
+const FormulaFieldTranslator = (field, value, appendToActionPayload) => {
+  const {
+    uiType,
+    name
+  } = field;
+  const fieldTypeFactory = {
+    STRING: FieldTypes.SingleLineField,
+    BOOLEAN: FieldTypes.CheckboxField,
+    DECIMAL: FieldTypes.DecimalField,
+    CURRENCY: FieldTypes.CurrencyField,
+    DATE: FieldTypes.DateField,
+    DATETIME: FieldTypes.DateTimeField
+  };
+  const setFieldType = fieldTypeFactory[field.returnType] || FieldTypes.SingleLineField;
+  return FormulaFieldModel({
+    uiType: uiType || setFieldType,
+    appendToActionPayload,
+    name,
+    value
+  });
+};
+
+export default FormulaFieldTranslator;

package/es/platform/zlist/adapters/presenters/translators/fields/LookUpFieldTranslator.js

@@ -8,19 +8,19 @@ const LookUpFieldTranslator = (field, value, appendToActionPayload) => {
   } = field;
   const {
     id,
-    firstName,
-    lastName,
-    photoURL = ''
+    name: nameValue,
+    photoURL,
+    url
   } = value;
-  const lookupName = `${firstName} ${lastName}`;
   return LookupFieldModel({
     uiType: uiType || FieldTypes.LookUpField,
     appendToActionPayload,
     name,
     value: {
       id,
-      name: lookupName,
-      photoURL
+      name: nameValue,
+      photoURL,
+      url
     }
   });
 };

package/es/platform/zlist/adapters/presenters/translators/fields/index.js

@@ -13,7 +13,8 @@ export { default as Date } from "./DateFieldTranslator";
 export { default as DateTime } from "./DateTimeFieldTranslator";
 export { default as Picklist } from "./PickListFieldTranslator";
 export { default as Multiselect } from "./MultiSelectFieldTranslator";
-export { default as LookUp } from "./LookUpFieldTranslator"; // // Field Name is to be similar to the API response
+export { default as LookUp } from "./LookUpFieldTranslator";
+export { default as Formula } from "./FormulaFieldTranslator"; // // Field Name is to be similar to the API response
 // class FieldTranslator {
 //   static translate(field, value) {
 //     const { type } = field;

package/es/platform/zlist/adapters/presenters/translators/interfaces/State.js

@@ -1 +1,2 @@
-export {};
+import { BehaviourState as ColumnChooserBehaviourState } from "../../../../../column-chooser/applications/interfaces/output/BehaviourState";
+export { ColumnChooserBehaviourState };

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

@@ -1,8 +1,18 @@
+/* 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";
+const CHECKBOX_TOGGLED = CheckboxConstants.CHECKBOX_TOGGLED;
+const TABLE_LIST_TOGGLE_ALL_SELECTION = TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION;
 
 class DefaultClientActions {
   static constructAction(clientAction) {
-    return new ClientAction(clientAction).toObject();
+    return new ClientAction({ ...clientAction,
+      modules: ['MODULE'],
+      component: 'SmartTable',
+      modifiedTime: '2024-11-21T06:11:59.000Z',
+      createdTime: '2024-11-21T06:11:59.000Z'
+    }).toObject();
   }
 
   static constructSortAction() {
@@ -37,16 +47,78 @@ class DefaultClientActions {
       },
       location: 'header_actions',
       id: '4000000080009',
-      modules: ['MODULE'],
-      name: 'SortBy Action',
-      component: 'SmartTable',
-      modifiedTime: '2024-11-21T06:11:59.000Z',
-      createdTime: '2024-11-21T06:11:59.000Z'
+      name: 'SortBy Action'
     });
   }
 
   static createSortActions(fields, clientActions) {
     return [...clientActions, this.constructSortAction()];
+  } // TODO: maxLimit: 15,
+  // TODO: saveLabel: 'Save',
+  // TODO: cancelLabel: 'Cancel',
+  // TODO: searchPlaceholder: 'Search',
+  // TODO: iconTooltip: 'Column Chooser',
+  // TODO: heading: 'Select & Reorder Column',
+  // TODO: infoText: 'Info Content',
+  // TODO: emptySearchMessage: 'No Results',
+  // TODO: maxLimitMessage: "You've reached the limit of 15 columns."
+
+
+  static createColumnChooserAction(_ref) {
+    let {
+      options,
+      searchString,
+      hasSearch,
+      errorMessage
+    } = _ref;
+    return this.constructAction({
+      uiComponentMapping: {
+        component: 'TableColumnChooser',
+        name: 'ColumnChooser',
+        propertiesValueMapping: {
+          options,
+          searchString,
+          hasSearch,
+          errorMessage
+        },
+        eventMappings: [],
+        id: '4000000080013'
+      },
+      conditions: {
+        fields: [],
+        pattern: '1'
+      },
+      location: 'non_field_header_actions',
+      id: '4000000080019',
+      name: 'ColumnChooser Action'
+    });
+  }
+
+  static createSelectAllAction() {
+    let isChecked = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    return this.constructAction({
+      uiComponentMapping: {
+        component: 'TableSelectAll',
+        name: 'SelectAll',
+        propertiesValueMapping: {
+          checked: isChecked
+        },
+        eventMappings: [{
+          payloadValueMapping: {},
+          sourceEvent: CHECKBOX_TOGGLED,
+          targetEvent: TABLE_LIST_TOGGLE_ALL_SELECTION,
+          id: '4000000080025'
+        }],
+        id: '4000000080023'
+      },
+      conditions: {
+        fields: [],
+        pattern: '1'
+      },
+      location: 'non_field_header_actions',
+      id: '4000000080029',
+      name: 'SelectAll Action'
+    });
   }
 
 }

package/es/platform/zlist/applications/entities-factory/ListFactory.js

@@ -6,9 +6,10 @@ class ListFactory {
       limit,
       sortBy,
       query,
-      context
+      context,
+      errorRecordFailed
     } = input;
-    return new List(limit, sortBy, query, context);
+    return new List(limit, sortBy, query, context, errorRecordFailed);
   }
 
 }

package/es/platform/zlist/applications/usecases/FetchMoreUseCase.js

@@ -9,7 +9,10 @@ class FetchMoreUseCase extends AbstractUseCase {
       repository
     } = this.dependencies;
     const list = repository.getList();
-    dispatch(list.createMoreRecordFetchAction());
+
+    if (!list.getErrorRecordFailed()) {
+      dispatch(list.createMoreRecordFetchAction());
+    }
   }
 
 }

package/es/platform/zlist/applications/usecases/RecordExecuteFailedUseCase.js

@@ -8,10 +8,12 @@ class RecordExecuteFailedUseCase extends AbstractUseCase {
       payload
     } = input;
     const {
-      repository
+      repository,
+      presenter
     } = this.dependencies;
     const list = repository.getList();
     const actions = list.getRecordExecuteFailedActions(payload, metaData);
+    presenter.updateView(list.toObject());
     actions.forEach(action => {
       dispatch(action);
     });

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

@@ -6,16 +6,18 @@ import { SmartTableConstants } from "../../../../cc/table-connected";
 import SortBy from "./SortBy";
 
 class List {
-  constructor(limit, sortBy, query, context) {
+  constructor(limit, sortBy, query, context, errorRecordFailed) {
     this.limit = limit;
     this.sortBy = sortBy;
     this.query = query;
     this.context = context;
+    this.errorRecordFailed = errorRecordFailed;
   }
 
   toObject() {
     return {
-      sortBy: this.sortBy.toObject()
+      sortBy: this.sortBy.toObject(),
+      errorRecordFailed: this.errorRecordFailed
     };
   }
 
@@ -207,12 +209,22 @@ class List {
     return actions;
   }
 
+  getErrorRecordFailed() {
+    return this.errorRecordFailed;
+  }
+
   getRecordExecuteFailedActions(payload, metaData) {
     const {
       actionName
     } = metaData;
     const actions = [];
 
+    if (actionName === RecordApiActionName.GET_RECORDS) {
+      if (metaData.isAppend) {
+        this.errorRecordFailed = true;
+      }
+    }
+
     if (actionName === RecordApiActionName.DELETE_RECORD) {
       const {
         recordId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.1-exp.6",
+  "version": "1.1.2-exp.0",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -44,7 +44,7 @@
     "@typescript-eslint/parser": "^7.11.0",
     "@zoho/SecurityJS": "5.0.2",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk-private/desk-components": "1.3.2",
+    "@zohodesk-private/desk-components": "1.0.0-temp-52",
     "@zohodesk-private/node-plugins": "1.1.9",
     "@zohodesk/a11y": "2.2.6",
     "@zohodesk/codestandard-analytics": "0.0.2",
@@ -71,11 +71,12 @@
     "jest-stare": "2.5.2",
     "jsep": "^0.3.5",
     "prettier": "3.3.3",
+    "react-sortable-hoc": "1.11.0",
     "ts-jest": "29.2.6",
     "typescript": "4.9.5"
   },
   "peerDependencies": {
-    "@zohodesk-private/desk-components": "1.3.2",
+    "@zohodesk-private/desk-components": "1.0.0-temp-52",
     "@zohodesk/a11y": "2.2.6",
     "@zohodesk/components": "1.2.62",
     "@zohodesk/dot": "1.7.8",
@@ -85,7 +86,8 @@
     "@zohodesk/layout": "3.1.0",
     "@zohodesk/svg": "1.1.27",
     "@zohodesk/utils": "1.3.14",
-    "color": "4.2.3"
+    "color": "4.2.3",
+    "react-sortable-hoc": "1.11.0"
   },
   "dependencies": {
     "ajv": "6.12.6",

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/SelectAll.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import CheckBox from '@zohodesk/components/es/CheckBox/CheckBox';
-import TableHeadFirstNode from '@zohodesk-private/desk-components/es/table/TableHeadFirstNode/TableHeadFirstNode';
-import { TableListConstants } from "../../../../../../../../cc/table-list";
-
-function SelectAll(_ref) {
-  let {
-    isSelectionEnabled,
-    isSelectAllEnabled,
-    hasAllSelected,
-    dispatch
-  } = _ref;
-
-  if (!isSelectionEnabled) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(TableHeadFirstNode, null, isSelectAllEnabled && /*#__PURE__*/React.createElement(CheckBox, {
-    checked: hasAllSelected,
-    onChange: () => dispatch({
-      type: TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION
-    })
-  }));
-}
-
-export default SelectAll;