@zohodesk/library-platform 1.0.1 → 1.0.2-exp.4

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";
+const columnSizeMapping = {
+  Multiselect: Width.XXLarge,
+  Email: Width.XLarge,
+  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/ColumnTranslator.js

@@ -1,7 +1,8 @@
 import EmptyViewModel from "./EmptyViewModel";
 import * as FieldTranslators from "./fields";
+import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 
-function ColumnTranslator(field, record, fieldUiMapping) {
+function ColumnTranslator(field, record, fieldComponentMapping, fieldActions) {
   var _record$cf;
 
   const {
@@ -10,25 +11,32 @@ function ColumnTranslator(field, record, fieldUiMapping) {
     type
   } = field;
   const value = isCustomField ? (_record$cf = record.cf) === null || _record$cf === void 0 ? void 0 : _record$cf[name] : record[name];
+  const actions = ClientActionsTranslator.transform(fieldActions, {
+    field,
+    record
+  });
 
   if (!value && value !== false) {
-    return EmptyViewModel(type);
+    return EmptyViewModel();
   }
 
-  if (fieldUiMapping[name]) {
-    field.uiType = fieldUiMapping[name];
+  if (fieldComponentMapping[name]) {
+    field.uiType = fieldComponentMapping[name];
   }
 
   const fieldTranslator = FieldTranslators[type];
 
   if (!fieldTranslator) {
     console.error(`Field type ${type} not supported`);
-    return EmptyViewModel(type);
+    return EmptyViewModel();
   }
 
-  return fieldTranslator(field, value, {
-    recordId: record.id
-  });
+  return {
+    actions,
+    ...fieldTranslator(field, value, {
+      recordId: record.id
+    })
+  };
 }
 
 export default ColumnTranslator;

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

@@ -1,6 +1,8 @@
-import { Alignment, Size } from "../../../../../cc/table-list/data-types/Header";
+import ColumnSizeTranslator from "./ColumnSizeTranslator";
+import ColumnAlignmentTranslator from "./ColumnAlignmentTranslator";
+import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 
-function HeaderTranslator(field) {
+function HeaderTranslator(field, actions, context) {
   const {
     id,
     name,
@@ -8,13 +10,17 @@ function HeaderTranslator(field) {
     isSortable,
     type
   } = field;
+  const transformedActions = ClientActionsTranslator.transform(actions, { ...context,
+    field
+  });
   return {
     id: id,
     name: name,
     text: displayLabel,
     sortable: isSortable,
-    alignment: type === 'Boolean' ? Alignment.Center : Alignment.Left,
-    size: Size.Large
+    alignment: ColumnAlignmentTranslator(type),
+    width: ColumnSizeTranslator(type),
+    actions: transformedActions
   };
 }
 

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

@@ -1,7 +1,9 @@
 import HeaderTranslator from "./Header";
 export default class HeadersTranslator {
-  constructor(fields) {
+  constructor(fields, actions, context) {
     this.fields = fields;
+    this.actions = actions;
+    this.context = context;
     this.pipe = this.pipe.bind(this);
   }
 
@@ -10,7 +12,7 @@ export default class HeadersTranslator {
       return [];
     }
 
-    return this.fields.map(field => HeaderTranslator(field));
+    return this.fields.map(field => HeaderTranslator(field, this.actions, this.context));
   }
 
   pipe(viewModel) {

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

@@ -1,16 +1,24 @@
 import ColumnTranslator from "./ColumnTranslator";
-import RowActionTranslator from "./RowActionTranslator";
+import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 export default function RowTranslator(_ref) {
   let {
     record,
     fields,
-    fieldUiMapping,
+    fieldComponentMapping,
+    rowActionsUiType,
     rowActions,
-    pageContext
+    fieldActions,
+    context
   } = _ref;
+  const actions = ClientActionsTranslator.transform(rowActions, { ...context,
+    record
+  });
   return {
     id: record.id,
-    columns: fields.map(field => ColumnTranslator(field, record, fieldUiMapping)),
-    rowActions: rowActions.map(rowAction => RowActionTranslator(rowAction, record, pageContext))
+    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions)),
+    rowActionLocation: {
+      type: rowActionsUiType,
+      actions
+    }
   };
 }

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

@@ -1,25 +1,32 @@
-import TemplateHelpers from "../../../../zdata-broker/adapters/gateways/TemplateHelpers";
-export default function RowActionTranslator(rowAction, record, pageContext) {
+import TemplateHelpers from "../../../../zdata-source/adapters/gateways/TemplateHelpers";
+const templateHelpers = new TemplateHelpers();
+export default function RowActionTranslator(rowAction, record, context) {
+  const templateContext = {
+    orgName: context.orgName,
+    departmentName: context.departmentName,
+    moduleSanitatedName: context.moduleSanitatedName,
+    record,
+    moduleName: context.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))
     };
   });
 }

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

@@ -1,11 +1,13 @@
 import RowTranslator from "./Row";
 export default class RowsTranslator {
-  constructor(records, fields, rowActions, pageContext, fieldUiMapping) {
+  constructor(records, fields, rowActions, context, fieldComponentMapping, rowActionsUiType, fieldActions) {
     this.records = records;
     this.fields = fields;
     this.rowActions = rowActions;
-    this.pageContext = pageContext;
-    this.fieldUiMapping = fieldUiMapping;
+    this.context = context;
+    this.fieldComponentMapping = fieldComponentMapping;
+    this.rowActionsUiType = rowActionsUiType;
+    this.fieldActions = fieldActions;
     this.pipe = this.pipe.bind(this);
   }
 
@@ -17,9 +19,11 @@ export default class RowsTranslator {
     return this.records.map(record => RowTranslator({
       record,
       fields: this.fields,
-      fieldUiMapping: this.fieldUiMapping,
+      fieldComponentMapping: this.fieldComponentMapping,
+      rowActionsUiType: this.rowActionsUiType,
       rowActions: this.rowActions,
-      pageContext: this.pageContext
+      fieldActions: this.fieldActions,
+      context: this.context
     }));
   }
 

package/es/platform/zlist/adapters/presenters/translators/actions/ActionsTranslator.js

@@ -0,0 +1,89 @@
+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 ClientActionsTranslator from "../../../../../client-actions/translators/client-actions-translator";
+
+class ActionsTranslator {
+  constructor() {
+    let actions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let records = arguments.length > 1 ? arguments[1] : undefined;
+    let fields = arguments.length > 2 ? arguments[2] : undefined;
+    let context = arguments.length > 3 ? arguments[3] : undefined;
+    this.records = records;
+    this.fields = fields;
+    this.context = context;
+
+    _defineProperty(this, "headerActions", void 0);
+
+    _defineProperty(this, "fieldActions", void 0);
+
+    _defineProperty(this, "rowActions", void 0);
+
+    _defineProperty(this, "noLocation", void 0);
+
+    this.pipe = this.pipe.bind(this);
+    this.headerActions = actions.filter(action => (action === null || action === void 0 ? void 0 : action.location) === 'header_actions');
+    this.fieldActions = actions.filter(action => (action === null || action === void 0 ? void 0 : action.location) === 'field_actions');
+    this.rowActions = actions.filter(action => (action === null || action === void 0 ? void 0 : action.location) === 'row_actions');
+    this.noLocation = actions.filter(action => !(action !== null && action !== void 0 && action.location));
+  }
+
+  getTranslator() {
+    return {
+      name: 'actionsTranslator',
+      mapping: this.pipe
+    };
+  }
+
+  getField(field_name) {
+    return this.fields.find(field => field.name === field_name);
+  }
+
+  getRecord(record_id) {
+    return this.records.find(record => record.id === record_id);
+  }
+
+  translateHeadersActions(headers) {
+    return headers.map(header => {
+      return { ...header,
+        actions: ClientActionsTranslator.transform(this.headerActions, { ...this.context,
+          field: this.getField(header.name)
+        })
+      };
+    });
+  }
+
+  translateFieldActions(row) {
+    return row.columns.map(column => {
+      return { ...column,
+        actions: ClientActionsTranslator.transform(this.fieldActions, { ...this.context,
+          record: this.getRecord(row.id),
+          field: this.getField(column.name)
+        })
+      };
+    });
+  }
+
+  translateRowsActions(data) {
+    return data.rows.map(row => {
+      return { ...row,
+        columns: this.translateFieldActions(row),
+        rowActionLocation: {
+          actions: ClientActionsTranslator.transform(this.rowActions, { ...this.context,
+            record: this.getRecord(row.id)
+          })
+        }
+      };
+    });
+  }
+
+  pipe(data) {
+    const newModel = { ...data,
+      headers: this.translateHeadersActions(data.headers),
+      rows: this.translateRowsActions(data)
+    };
+    return newModel;
+  }
+
+}
+
+export default ActionsTranslator;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,16 @@
+import List from "../../domain/entities/List";
+
+class ListFactory {
+  static createList(input) {
+    const {
+      limit,
+      sortBy,
+      filter,
+      context
+    } = input;
+    return new List(limit, sortBy, filter, context);
+  }
+
+}
+
+export default ListFactory;

package/es/platform/zlist/applications/interfaces/State.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/UseCaseDependencies.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/gateways/IRepository.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/gateways/IService.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/gateways/ISortBy.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/DeleteMultipleRecordUseCaseInput.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/DeleteSingleRecordUseCaseInput.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/FetchMoreInput.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/FieldChangeUseCaseInput.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/InitializeInput.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/PropertiesChangeUseCaseInput.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/RecordExecuteFailedUseCaseInput.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/RecordExecuteSucceededUseCaseInput.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/RecordUpdateUseCaseInput.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/applications/interfaces/input/SortingInputModel.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class DeleteSuccessUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch,
+      recordId
+    } = input;
+    const {
+      repository
+    } = this.dependencies;
+    const list = repository.getList();
+    const action = list.getDeleteSuccessAction(recordId);
+    dispatch(action);
+  }
+
+}
+
+export default DeleteSuccessUseCase;

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

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class UpdateSuccessUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch,
+      recordId
+    } = input;
+    const {
+      repository
+    } = this.dependencies;
+    const list = repository.getList();
+    const action = list.getUpdateSuccessAction(recordId);
+    dispatch(action);
+  }
+
+}
+
+export default UpdateSuccessUseCase;

package/es/platform/zlist/{entities → domain/entities}/List.js

@@ -1,24 +1,29 @@
-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 { 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 "../../../client-actions/bc/zclient-actions/Constants";
+import { SMART_TABLE_EVENTS } from "../../../../cc/table-connected/Constants";
 
 class List {
-  constructor(limit, sortBy, filter) {
+  constructor(limit, sortBy, filter, context) {
     this.limit = limit;
     this.sortBy = sortBy;
     this.filter = filter;
+    this.context = context;
   }
 
   createApiProps() {
     const {
       filter,
       limit,
-      sortBy
+      sortBy,
+      context
     } = this;
     return {
       limit,
       sortBy,
-      ...filter
+      ...filter,
+      ...context
     };
   }
 
@@ -28,30 +33,54 @@ class List {
   }
 
   getInitialMountFetchActions() {
-    return [this.createRecordsFetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction() // TODO: this.createUIActionsFetchAction(),
-    ];
+    return [this.createRecordsFetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction(), this.createClientActionsFetchAction()];
+  }
+
+  shallowDiff(obj1, obj2) {
+    const allKeys = new Set([...Object.keys(obj1), ...Object.keys(obj2)]);
+
+    for (const key of allKeys) {
+      if (obj1[key] !== obj2[key]) {
+        return true;
+      }
+    }
+
+    return false;
   }
 
   getPropertiesChangeRefetchActions(previousProperties, currentProperties) {
     const {
       sortBy: prevSortBy,
-      filter: prevFilter
+      departmentId: preDepartmentId,
+      viewId: preViewId
     } = previousProperties;
     const {
       sortBy: sortBy,
-      filter: currentFilter
+      departmentId: currentDepartmentId,
+      viewId: currentViewId
     } = currentProperties;
 
     if (prevSortBy !== sortBy) {
       return [this.createRecordsRefetchAction()];
     }
 
-    if (prevFilter.departmentId !== currentFilter.departmentId || prevFilter.viewId !== currentFilter.viewId) {
-      return [this.createRecordsRefetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction() // TODO: this.createAvailableFieldsRefetchAction(),
-      // TODO: this.createSelectedFieldsRefetchAction()
-      ];
+    if (preDepartmentId !== currentDepartmentId) {
+      return [this.createRecordsRefetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction()];
     }
 
+    if (preViewId !== currentViewId) {
+      return [this.createRecordsRefetchAction(), this.createSelectedFieldsFetchAction()];
+    } // if (this.shallowDiff(prevFilter, currentFilter)) {
+    //   return [
+    //     this.createRecordsRefetchAction(),
+    //     this.createAvailableFieldsFetchAction(),
+    //     this.createSelectedFieldsFetchAction()
+    //     // TODO: this.createAvailableFieldsRefetchAction(),
+    //     // TODO: this.createSelectedFieldsRefetchAction()
+    //   ];
+    // }
+
+
     return [];
   }
 
@@ -112,6 +141,20 @@ class List {
     };
   }
 
+  getDeleteSuccessAction(recordIds) {
+    return {
+      type: SMART_TABLE_EVENTS.DELETE_RECORDS_SUCCESS,
+      payload: recordIds
+    };
+  }
+
+  getUpdateSuccessAction(recordId) {
+    return {
+      type: SMART_TABLE_EVENTS.UPDATE_RECORDS_SUCCESS,
+      payload: recordId
+    };
+  }
+
   getRecordExecuteSucceededActions(payload, metaData) {
     const {
       actionName
@@ -234,14 +277,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 +325,6 @@ class List {
     };
   }
 
-  createUIActionsRefetchAction() {
-    const props = this.createApiProps();
-    return {
-      type: RECORD_REFETCH,
-      payload: {
-        actionName: 'getUIActions',
-        props,
-        apiName: 'uiActions'
-      }
-    };
-  }
-
 }
 
 export default List;

package/es/platform/zlist/domain/entities/interfaces/ActionModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/domain/entities/interfaces/ApiPropsModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/domain/entities/interfaces/IList.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/domain/entities/interfaces/Properties.js

@@ -0,0 +1 @@
+export {};

package/es/platform/zlist/domain/entities/interfaces/RecordExecuteAfterMetaData.js

@@ -0,0 +1 @@
+export {};