@zohodesk/library-platform 1.1.3-exp.3 → 1.1.3-temp-1

package/es/platform/zlist/adapters/controllers/ReOrderController.js

@@ -0,0 +1,25 @@
+import AbstractController from "./AbstractController";
+export default class ReOrderController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      newIndex,
+      oldIndex
+    } = action.payload;
+    const {
+      reOrderUseCase
+    } = this.service;
+    reOrderUseCase.updateDependency(state, updateState);
+    reOrderUseCase.execute({
+      dispatch,
+      newIndex,
+      oldIndex
+    });
+  }
+
+}

package/es/platform/zlist/adapters/controllers/ReOrderFailedController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+export default class ReOrderController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      newIndex,
+      oldIndex
+    } = action.payload;
+    const {
+      reOrderFailedUseCase
+    } = this.service;
+    reOrderFailedUseCase.updateDependency(state, updateState);
+    reOrderFailedUseCase.execute({
+      dispatch,
+      newIndex,
+      oldIndex,
+      metaData: action.metaData
+    });
+  }
+
+}

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

@@ -39,6 +39,13 @@ class Repository {
     return list;
   }
 
+  getRecords() {
+    const {
+      zrecord
+    } = this.state.behaviours;
+    return zrecord.records;
+  }
+
   getZListState() {
     const {
       zlist

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

@@ -13,6 +13,8 @@ import RecordExecuteFailedUseCase from "../../applications/usecases/RecordExecut
 import UpdateSuccessUseCase from "../../applications/usecases/UpdateSuccessUseCase";
 import DeleteSuccessUseCase from "../../applications/usecases/DeleteSuccessUseCase";
 import RecordSuccessCallbackUsecase from "../../applications/usecases/RecordSuccessCallbackUsecase";
+import ReOrderUseCase from "../../applications/usecases/ReOrderUseCase";
+import ReOrderFailedUseCase from "../../applications/usecases/ReOrderFailedUseCase";
 
 class Service {
   constructor(dependencies) {
@@ -44,6 +46,10 @@ class Service {
 
     _defineProperty(this, "deleteSuccessUseCase", void 0);
 
+    _defineProperty(this, "reOrderUseCase", void 0);
+
+    _defineProperty(this, "reOrderFailedUseCase", void 0);
+
     this.initializeUseCase = new InitializeUseCase(this.dependencies);
     this.propertiesChangeUseCase = new PropertiesChangeUseCase(this.dependencies);
     this.fetchMoreUseCase = new FetchMoreUseCase(this.dependencies);
@@ -57,6 +63,8 @@ class Service {
     this.recordUpdateUseCase = new RecordUpdateUseCase(this.dependencies);
     this.updateSuccessUseCase = new UpdateSuccessUseCase(this.dependencies);
     this.deleteSuccessUseCase = new DeleteSuccessUseCase(this.dependencies);
+    this.reOrderUseCase = new ReOrderUseCase(this.dependencies);
+    this.reOrderFailedUseCase = new ReOrderFailedUseCase(this.dependencies);
   }
 
 }

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

@@ -26,7 +26,8 @@ export default class TableTranslator {
     } = state;
     const {
       componentMapping,
-      context
+      context,
+      reOrderConfig
     } = properties;
     const {
       localStorage: localStorageBehaviour,
@@ -48,7 +49,8 @@ export default class TableTranslator {
     } = fallbackToDefault(behaviours, {}); // FIX: behaviours should be available by default
 
     const {
-      sortBy
+      sortBy,
+      isReOrderLoading
     } = fallbackToDefault(zlist, {}); // FIX: zlist should be available by default
 
     const {
@@ -103,6 +105,7 @@ export default class TableTranslator {
       properties,
       behaviours,
       viewModel: {
+        reOrderConfig,
         selection: SelectionTranslator(state),
         focussedRow: focussedIndex,
         sortBy,
@@ -120,6 +123,7 @@ export default class TableTranslator {
         },
         keyboardControlsConfig,
         isLoading,
+        isReOrderLoading,
         emptyStateUiType: componentMapping.emptyState || '',
         data: fields.length ? data : {
           headers: EMPTY_ARRAY,

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

@@ -34,7 +34,8 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
     console.warn(`The string format for componentMapping will soon be deprecated. Please update to the new JSON format. REF : ${JSON.stringify(fieldEntry)}`);
   }
 
-  const value = isCustomField ? (_record$cf = record.cf) === null || _record$cf === void 0 ? void 0 : _record$cf[name] : record[name];
+  let tempValue = undefined;
+  let 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
@@ -56,7 +57,12 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
   }
 
   if (field.type == "LookUp") {
-    value.url = getLookupUrlConstructions({
+    // temp fix for when lookup field don't have value !object
+    tempValue = typeof value !== 'object' ? {
+      name: value,
+      id: value
+    } : value;
+    tempValue.url = getLookupUrlConstructions({
       field,
       value,
       context
@@ -72,7 +78,7 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
   if (fieldEntry && typeof fieldEntry === 'object') {
     let data = {
       actions,
-      ...fieldTranslator(field, finalValue, {
+      ...fieldTranslator(field, tempValue ? tempValue : finalValue, {
         recordId: record.id
       })
     };
@@ -82,16 +88,9 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
       context
     });
     data.type = fieldEntry.UIComponentName;
-    console.log(data, "====>>> custom field modal");
     return data;
   }
 
-  console.log({
-    actions,
-    ...fieldTranslator(field, finalValue, {
-      recordId: record.id
-    })
-  }, "====>>> normal pre-defined field modal");
   return {
     actions,
     ...fieldTranslator(field, finalValue, {

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

@@ -39,7 +39,7 @@ class DefaultClientActions {
       },
       conditions: {
         fields: [{
-          fieldName: 'field.isSortable',
+          fieldName: '{{@context.field.isSortable}}',
           condition: '=',
           value: ['true']
         }],

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

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

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

@@ -0,0 +1,22 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ReOrderFailedUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      metaData
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const list = repository.getList();
+
+    if (metaData.isReOrder) {
+      list.reOrderEnded();
+      presenter.updateView(list.toObject());
+    }
+  }
+
+}
+
+export default ReOrderFailedUseCase;

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

@@ -0,0 +1,25 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ReOrderUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch,
+      newIndex,
+      oldIndex
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const list = repository.getList();
+    list.reOrderStarted();
+    presenter.updateView(list.toObject());
+    dispatch(list.getReOrderRecordAction({
+      newIndex,
+      oldIndex
+    }));
+  }
+
+}
+
+export default ReOrderUseCase;

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

@@ -1,18 +1,39 @@
+import { SET_RECORDS } from "../../../../bc/zrecord/Constants";
 import AbstractUseCase from "./AbstractUseCase";
 
 class RecordSuccessCallbackUsecase extends AbstractUseCase {
-  execute(input) {
-    const {
+  execute(_ref) {
+    var _metaData$sourceMetaD;
+
+    let {
       dispatch,
       payload,
       metaData
-    } = input;
+    } = _ref;
     const {
       repository,
       presenter
     } = this.dependencies;
     const list = repository.getList();
 
+    if ((_metaData$sourceMetaD = metaData.sourceMetaData) !== null && _metaData$sourceMetaD !== void 0 && _metaData$sourceMetaD.isReOrder) {
+      list.reOrderEnded();
+      presenter.updateView(list.toObject()); // convert to separate use-case
+
+      const {
+        oldIndex,
+        newIndex
+      } = payload.response;
+      const records = repository.getRecords();
+      const reordered = oldIndex === newIndex ? records : list.arrayMoveImmutable(records, oldIndex, newIndex);
+      dispatch({
+        type: SET_RECORDS,
+        payload: {
+          records: reordered
+        }
+      });
+    }
+
     if (list.isAcknowledgeBySortBy(metaData)) {
       list.setSortBy(metaData);
       presenter.updateView(list.toObject());

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

@@ -1,26 +1,36 @@
 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 { ZLIST_RECORD_DELETE_FAILED, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE_FAILED, ZLIST_RECORD_UPDATE_SUCCEEDED, ZLIST_RECORD_REORDER_FAILED } from "../../../../bc/zlist/Constants";
 import { CLIENTACTION_BEHAVIOUR_EXECUTE } from "../../../client-actions/bc/zclient-actions/Constants";
 import { SmartTableConstants } from "../../../../cc/table-connected";
 import SortBy from "./SortBy";
 
 class List {
-  constructor(limit, sortBy, query, context, errorRecordFailed) {
+  constructor(limit, sortBy, query, context, isReOrderLoading, errorRecordFailed) {
     this.limit = limit;
     this.sortBy = sortBy;
     this.query = query;
     this.context = context;
+    this.isReOrderLoading = isReOrderLoading;
     this.errorRecordFailed = errorRecordFailed;
   }
 
   toObject() {
     return {
       sortBy: this.sortBy.toObject(),
+      isReOrderLoading: this.isReOrderLoading,
       errorRecordFailed: this.errorRecordFailed
     };
   }
 
+  reOrderStarted() {
+    this.isReOrderLoading = true;
+  }
+
+  reOrderEnded() {
+    this.isReOrderLoading = false;
+  }
+
   setSortBy(sortBy) {
     this.sortBy = new SortBy(sortBy.id, sortBy.name, sortBy.order);
   }
@@ -265,6 +275,21 @@ class List {
       });
     }
 
+    if (actionName === RecordApiActionName.GET_REORDERRECORD) {
+      const {
+        error
+      } = payload;
+      actions.push({
+        type: ZLIST_RECORD_REORDER_FAILED,
+        payload: {
+          error
+        },
+        metaData: {
+          isReOrder: true
+        }
+      });
+    }
+
     return actions;
   }
 
@@ -282,6 +307,28 @@ class List {
     };
   }
 
+  getReOrderRecordAction(_ref2) {
+    let {
+      newIndex,
+      oldIndex
+    } = _ref2;
+    const props = this.createApiProps();
+    return {
+      type: RECORD_EXECUTE,
+      metaData: {
+        isReOrder: true
+      },
+      payload: {
+        actionName: RecordApiActionName.GET_REORDERRECORD,
+        props: { ...props,
+          newIndex,
+          oldIndex
+        },
+        apiName: 'records'
+      }
+    };
+  }
+
   createMoreRecordFetchAction() {
     const props = this.createApiProps();
     return {
@@ -348,6 +395,23 @@ class List {
     };
   }
 
+  arrayMoveImmutable(data, fromIndex, toIndex) {
+    if (fromIndex === toIndex) {
+      return [...data];
+    }
+
+    const newOrder = [...data];
+    const startIndex = fromIndex < 0 ? newOrder.length + fromIndex : fromIndex;
+    const endIndex = toIndex < 0 ? newOrder.length + toIndex : toIndex;
+
+    if (startIndex >= 0 && startIndex < newOrder.length) {
+      const [item] = newOrder.splice(startIndex, 1);
+      newOrder.splice(endIndex, 0, item);
+    }
+
+    return newOrder;
+  }
+
   createAvailableFieldsRefetchAction() {
     const props = this.createApiProps();
     return {

package/es/platform/zlist/frameworks/EventHandlersFactory.js

@@ -4,7 +4,7 @@ import Service from "../adapters/gateways/Service";
 import Repository from "../adapters/gateways/Repository";
 import MountController from "../adapters/controllers/MountController";
 import PropertiesChangeController from "../adapters/controllers/PropertiesChangeController";
-import { ZLIST_DELETE_RECORD, ZLIST_DELETE_RECORDS, ZLIST_FETCH_MORE, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE, ZLIST_RECORD_UPDATE_SUCCEEDED, ZLIST_SORT } from "../../../bc/zlist/Constants";
+import { ZLIST_DELETE_RECORD, ZLIST_DELETE_RECORDS, ZLIST_FETCH_MORE, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE, ZLIST_RECORD_UPDATE_SUCCEEDED, ZLIST_SORT, ZLIST_RECORD_REORDER, ZLIST_RECORD_REORDER_FAILED } from "../../../bc/zlist/Constants";
 import FetchMoreController from "../adapters/controllers/FetchMoreController";
 import SortController from "../adapters/controllers/SortController";
 import FieldChangeController from "../adapters/controllers/FieldChangeController";
@@ -20,6 +20,8 @@ import UpdateSuccessController from "../adapters/controllers/UpdateSuccessContro
 import DeleteSuccessController from "../adapters/controllers/DeleteSuccessController";
 import Presenter from "../adapters/presenters/Presenters";
 import RecordSuccessCallbackController from "../adapters/controllers/RecordSuccessCallbackController";
+import ReOrderController from "../adapters/controllers/ReOrderController";
+import ReOrderFailedController from "../adapters/controllers/ReOrderFailedController";
 export default class ActionHandlersFactory {
   static create() {
     const repository = new Repository();
@@ -44,8 +46,10 @@ export default class ActionHandlersFactory {
       [RECORD_EXECUTE_SUCCESS_CALLBACK]: new RecordSuccessCallbackController(service).handle,
       [ZLIST_RECORD_UPDATE_SUCCEEDED]: new UpdateSuccessController(service).handle,
       // ({ dispatch, action }) => dispatch({ type: 'SMART_TABLE#RECORD_UPDATED', payload: action.payload }),
-      [ZLIST_RECORD_DELETE_SUCCEEDED]: new DeleteSuccessController(service).handle // ({ dispatch, action }) => dispatch({ type: 'SMART_TABLE#RECORD_DELETED', payload: { id: action.payload.id } })
-
+      [ZLIST_RECORD_DELETE_SUCCEEDED]: new DeleteSuccessController(service).handle,
+      // ({ dispatch, action }) => dispatch({ type: 'SMART_TABLE#RECORD_DELETED', payload: { id: action.payload.id } })
+      [ZLIST_RECORD_REORDER]: new ReOrderController(service).handle,
+      [ZLIST_RECORD_REORDER_FAILED]: new ReOrderFailedController(service).handle
     };
   }
 

package/es/platform/zlist/frameworks/ZListBehaviourFactory.js

@@ -9,7 +9,8 @@ export default class ZListBehaviourFactory {
           id: '',
           name: '',
           order: 'none'
-        }
+        },
+        isReOrderLoading: false
       }),
       eventHandlers: EventHandlersFactory.create(),
       properties: Properties

package/es/platform/zrecord/domain/entities/GetReOrderRecordsStrategy.js

@@ -0,0 +1,40 @@
+import { RECORD_EXECUTE_FAILED, RECORD_EXECUTE_SUCCEEDED, RECORD_EXECUTE_SUCCEEDED_NO_CONTENT } from "../../../../bc/zrecord/Constants";
+export default class ReOrderRecordStrategy {
+  createSuccessEvents(response, metaData) {
+    const events = [];
+    let {
+      oldIndex,
+      newIndex
+    } = metaData.props;
+    events.push({
+      type: RECORD_EXECUTE_SUCCEEDED,
+      payload: {
+        oldIndex,
+        newIndex
+      },
+      metaData
+    });
+    return events;
+  }
+
+  createNoContentEvents(metaData) {
+    const events = [];
+    events.push({
+      type: RECORD_EXECUTE_SUCCEEDED_NO_CONTENT,
+      payload: {},
+      metaData
+    });
+    return events;
+  }
+
+  createFailureEvents(error, metaData) {
+    const events = [];
+    events.push({
+      type: RECORD_EXECUTE_FAILED,
+      payload: {},
+      metaData
+    });
+    return events;
+  }
+
+}

package/es/platform/zrecord/domain/entities/RecordsManager.js

@@ -5,11 +5,13 @@ import UpdateRecordStrategy from "./UpdateRecordStrategy";
 import DeleteRecordStrategy from "./DeleteRecordStrategy";
 import DeleteMultipleRecordStrategy from "./DeleteMultipleRecordStrategy";
 import GetRecordsStrategy from "./GetRecordsStrategy";
+import GetReOrderRecordsStrategy from "./GetReOrderRecordsStrategy";
 const recordExecuteStrategiesMap = {
   [RecordApiActionName.UPDATE_RECORD]: new UpdateRecordStrategy(),
   [RecordApiActionName.DELETE_RECORD]: new DeleteRecordStrategy(),
   [RecordApiActionName.DELETE_RECORDS]: new DeleteMultipleRecordStrategy(),
-  [RecordApiActionName.GET_RECORDS]: new GetRecordsStrategy()
+  [RecordApiActionName.GET_RECORDS]: new GetRecordsStrategy(),
+  [RecordApiActionName.GET_REORDERRECORD]: new GetReOrderRecordsStrategy()
 };
 export default class RecordsManager {
   constructor(records) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.3-exp.3",
+  "version": "1.1.3-temp-1",
   "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.7",
+    "@zohodesk-private/desk-components": "1.0.0-temp-53.3",
     "@zohodesk-private/node-plugins": "1.1.9",
     "@zohodesk/a11y": "2.2.6",
     "@zohodesk/codestandard-analytics": "0.0.2",
@@ -52,6 +52,7 @@
     "@zohodesk/components": "1.2.62",
     "@zohodesk/dot": "1.7.8",
     "@zohodesk/eslint-plugin-architecturerules": "0.0.5-exp-3",
+    "@zohodesk/eslint-plugin-no-hardcoding": "1.0.6",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.72",
     "@zohodesk/layout": "3.1.0",
@@ -75,7 +76,7 @@
     "typescript": "4.9.5"
   },
   "peerDependencies": {
-    "@zohodesk-private/desk-components": "1.3.7",
+    "@zohodesk-private/desk-components": "1.0.0-temp-53.3",
     "@zohodesk/a11y": "2.2.6",
     "@zohodesk/components": "1.2.62",
     "@zohodesk/dot": "1.7.8",
@@ -89,7 +90,9 @@
     "react-sortable-hoc": "1.11.0"
   },
   "dependencies": {
+    "@zohodesk/i18n": "^1.0.0-beta.33",
     "ajv": "6.12.6",
+    "array-move": "^4.0.0",
     "jsep": "0.3.5",
     "object-path-immutable": "4.1.2"
   }