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

package/es/{desk-frameworks/table-connected/frameworks → platform/components/table-connected/adapters}/resources/SmartTableResource.js

@@ -1,21 +1,26 @@
-import { AbstractResource } from "../../../../platform/sdk/frameworks/AbstractResource";
-import ZListRepository from "../../../../platform/zlist/adapters/gateways/Repository";
-import ZListSortBy from "../../../../platform/zlist/adapters/gateways/SortBy";
-import ZListPresenters from "../../../../platform/zlist/adapters/presenters/Presenters";
-import ZRecordRepository from "../../../../platform/zrecord/adapters/gateways/Repository";
-import ZRecordPresenter from "../../../../platform/zrecord/adapters/presenters/Presenter";
-import ListSelectRepository from "../../../../library/behaviours/list-selection/adapters/gateways/Repository";
-import ListSelectPresenter from "../../../../library/behaviours/list-selection/adapters/presenters/Presenter";
-import ListSelectSelectUsecase from "../../../../library/behaviours/list-selection/applications/usecases/Select";
-import ListSelectDeselectUsecase from "../../../../library/behaviours/list-selection/applications/usecases/Deselect";
-import GetMultipleRecordUseCase from "../../../../platform/zrecord/applications/usecases/GetMultipleRecordUseCase";
-import GetSingleRecordUseCase from "../../../../platform/zrecord/applications/usecases/GetSingleRecordUseCase";
-import DeleteSingleRecordUseCase from "../../../../platform/zlist/applications/usecases/DeleteSingleRecordUseCase";
-import DeleteMultipleRecordUseCase from "../../../../platform/zlist/applications/usecases/DeleteMultipleRecordUseCase";
-import RecordUpdateUseCase from "../../../../platform/zlist/applications/usecases/RecordUpdateUseCase";
-import UpdateMultipleRecordUseCase from "../../../../platform/zlist/applications/usecases/UpdateMultipleRecordUseCase";
-import GetContextUseCase from "../../../../platform/zlist/applications/usecases/GetContextUseCase";
+import { AbstractResource } from "../../../../sdk/application/interfaces/gateways/AbstractResource";
+import ZListRepository from "../../../../zlist/adapters/gateways/Repository";
+import ZListSortBy from "../../../../zlist/adapters/gateways/SortBy";
+import ZListPresenters from "../../../../zlist/adapters/presenters/Presenters";
+import ZRecordRepository from "../../../../zrecord/adapters/gateways/Repository";
+import ZRecordPresenter from "../../../../zrecord/adapters/presenters/Presenter";
+import ListSelectRepository from "../../../../../library/behaviours/list-selection/adapters/gateways/Repository";
+import ListSelectPresenter from "../../../../../library/behaviours/list-selection/adapters/presenters/Presenter";
+import ListSelectSelectUsecase from "../../../../../library/behaviours/list-selection/applications/usecases/Select";
+import ListSelectDeselectUsecase from "../../../../../library/behaviours/list-selection/applications/usecases/Deselect";
+import GetMultipleRecordUseCase from "../../../../zrecord/applications/usecases/GetMultipleRecordUseCase";
+import GetSingleRecordUseCase from "../../../../zrecord/applications/usecases/GetSingleRecordUseCase";
+import DeleteSingleRecordUseCase from "../../../../zlist/applications/usecases/DeleteSingleRecordUseCase";
+import DeleteMultipleRecordUseCase from "../../../../zlist/applications/usecases/DeleteMultipleRecordUseCase";
+import RecordUpdateUseCase from "../../../../zlist/applications/usecases/RecordUpdateUseCase";
+import UpdateMultipleRecordUseCase from "../../../../zlist/applications/usecases/UpdateMultipleRecordUseCase";
+import GetContextUseCase from "../../../../zlist/applications/usecases/GetContextUseCase";
+import ReOrderUseCase from "../../../../zlist/applications/usecases/ReOrderUseCase";
 export class SmartTableResource extends AbstractResource {
+  initialize() {}
+
+  destroy() {}
+
   getRecordDependencies() {
     const dependencies = {
       repository: new ZRecordRepository(),
@@ -230,4 +235,17 @@ export class SmartTableResource extends AbstractResource {
     });
   }
 
+  reOrderRecord(fromIndex, toIndex) {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, ReOrderUseCase);
+    usecase.execute({
+      newIndex: toIndex,
+      oldIndex: fromIndex,
+      dispatch
+    });
+  }
+
 }

package/es/{desk-frameworks → platform/components}/table-connected/frameworks/EventHandlersFactory.js

@@ -1,27 +1,26 @@
-import { LIST_SELECTION_RECORDS_DESELECTED, LIST_SELECTION_RECORDS_SELECTED, LIST_SELECTION_SELECTION_LIMIT_EXCEEDED } from "../../../bc/list-selection/Constants";
-import { RESIZE_FINISHED } from "../../../bc/table-column-resizer/Constants";
-import { ZLIST_SORT } from "../../../bc/zlist/Constants";
-import { COLUMN_CHOOSER_BEHAVIOUR_UPDATED } from "../../../bc/column-chooser/Constants";
-import { COLUMN_CHOOSER_OPEN_REQUESTED } from "../../../cc/table-column-chooser/Constants";
+import { LIST_SELECTION_RECORDS_DESELECTED, LIST_SELECTION_RECORDS_SELECTED, LIST_SELECTION_SELECTION_LIMIT_EXCEEDED } from "../../../../bc/list-selection/Constants";
+import { RESIZE_FINISHED } from "../../../../bc/table-column-resizer/Constants";
+import { ZLIST_SORT } from "../../../../bc/zlist/Constants";
+import { COLUMN_CHOOSER_BEHAVIOUR_UPDATED } from "../../../../bc/column-chooser/Constants";
+import { COLUMN_CHOOSER_OPEN_REQUESTED } from "../../../../cc/table-column-chooser/Constants";
 import ListSdkFactory from "./ListSdkFactory";
-import { SmartTableConstants } from "../../../cc/table-connected";
-import TableListEventConstants from "../../../cc/table-list/Constants";
+import { SmartTableConstants } from "../../../../cc/table-connected";
+import TableListEventConstants from "../../../../cc/table-list/Constants";
 import ResizeStartController from "../adapters/controllers/ResizeStartController";
 import ResizeByMouseController from "../adapters/controllers/ResizeByMouseController";
 import ResizeEndController from "../adapters/controllers/ResizeEndController";
 import { ResizeFinishController } from "../adapters/controllers/ResizeFinishController";
+import { ReOrderFinishController } from "../adapters/controllers/ReOrderFinishController";
 import ScrollController from "../adapters/controllers/ScrollController";
 import ColumnChooserUpdateController from "../adapters/controllers/ColumnChooserUpdateController";
 import ColumnChooserOpenedController from "../adapters/controllers/ColumnChooserOpenedController";
-import { sdkRegistry } from "../../../platform/sdk/frameworks/SdkRegistry";
-import { sdk } from "../../../platform/sdk/frameworks/Sdk";
-window.sdkRegistry = sdkRegistry;
-window.sdk = sdk;
+import { platformSDK } from "../../../sdk/frameworks/Sdk";
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
   TABLE_LIST_RESIZE_END_REQUESTED,
-  TABLE_LIST_SCROLLED
+  TABLE_LIST_SCROLLED,
+  TABLE_LIST_ROW_DRAG_END
 } = TableListEventConstants;
 
 function createHandlerWithSdk(handler) {
@@ -31,7 +30,7 @@ function createHandlerWithSdk(handler) {
     } = input;
     const instanceName = state.properties.instanceName;
     handler({ ...input,
-      sdk
+      platformSDK
     }, ListSdkFactory.create({
       instanceName
     }));
@@ -39,12 +38,15 @@ function createHandlerWithSdk(handler) {
 }
 
 export default class EventHandlersFactory {
-  static create(eventHandlers) {
-    const wrapped = Object.fromEntries(Object.keys(eventHandlers).map(eventName => {
+  static getSdkWrappedEventHandler(eventHandlers) {
+    return Object.fromEntries(Object.keys(eventHandlers).map(eventName => {
       const handler = createHandlerWithSdk(eventHandlers[eventName]);
       return [eventName, handler];
     }));
-    return { ...wrapped,
+  }
+
+  static create(eventHandlers) {
+    return { ...EventHandlersFactory.getSdkWrappedEventHandler(eventHandlers),
       NAVIGATION: NavigationHandler,
       [RESIZE_FINISHED]: new ResizeFinishController().handle,
       [TABLE_LIST_RESIZE_START_REQUESTED]: new ResizeStartController().handle,
@@ -92,7 +94,8 @@ export default class EventHandlersFactory {
           type: SmartTableConstants.Events.SELECTION_LIMIT_EXCEEDED,
           payload: action.payload
         });
-      }
+      },
+      [TABLE_LIST_ROW_DRAG_END]: new ReOrderFinishController().handle
     };
   }
 

package/es/platform/components/table-connected/frameworks/ListSdkFactory.js

@@ -0,0 +1,57 @@
+import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
+import { platformSDK } from "../../../sdk/frameworks/Sdk";
+export default class ListSdkFactory {
+  static getRecordSdks(smartTable) {
+    return {
+      getRecords: () => smartTable.getRecords(),
+      getRecord: recordId => smartTable.getRecord(recordId),
+      getContext: variableName => smartTable.getContext(variableName),
+      deleteRecord: recordId => smartTable.deleteRecord(recordId),
+      deleteRecords: function (recordIds) {
+        let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        return smartTable.deleteRecords(recordIds, shouldFetch);
+      },
+      updateRecord: (recordId, record) => smartTable.updateRecord(recordId, record),
+      updateRecords: function (recordsMap) {
+        let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+        return smartTable.updateRecords(recordsMap, shouldFetch);
+      },
+      reOrderRecord: (fromIndex, toIndex) => smartTable.reOrderRecord(fromIndex, toIndex)
+    };
+  }
+
+  static getSelectionSdks(smartTable) {
+    return {
+      selectRecords: ids => smartTable.selectRecords(ids),
+      deselectRecords: ids => smartTable.deselectRecords(ids),
+      selectAllRecords: () => smartTable.selectAllRecords(),
+      deselectAllRecords: () => smartTable.deselectAllRecords()
+    };
+  }
+
+  static create(_ref) {
+    let {
+      instanceName
+    } = _ref;
+    const smartTable = platformSDK[ResourceNamesEnum.SMART_TABLE](instanceName);
+    const recordSdks = ListSdkFactory.getRecordSdks(smartTable);
+    const selectionSdks = ListSdkFactory.getSelectionSdks(smartTable);
+    return {
+      zlist: {
+        getRecords: recordSdks.getRecords,
+        getRecord: recordSdks.getRecord,
+        getContext: recordSdks.getContext,
+        deleteRecord: recordSdks.deleteRecord,
+        deleteRecords: recordSdks.deleteRecords,
+        updateRecord: recordSdks.updateRecord,
+        updateRecords: recordSdks.updateRecords,
+        selectRecords: selectionSdks.selectRecords,
+        deselectRecords: selectionSdks.deselectRecords,
+        selectAllRecords: selectionSdks.selectAllRecords,
+        deselectAllRecords: selectionSdks.deselectAllRecords,
+        reOrderRecord: recordSdks.reOrderRecord
+      }
+    };
+  }
+
+}

package/es/platform/components/table-connected/frameworks/TableConnectedFactory.js

@@ -0,0 +1,76 @@
+import Properties from "../../../../cc/table-connected/Properties";
+import { createCustomComponent } from "../../../../library/custom-component";
+import ZFieldBehaviourFactory from "../../../zfield/frameworks/ZFieldBehaviourFactory";
+import ZHttpBehaviourFactory from "../../../zhttp/frameworks/ZHttpBehaviourFactory";
+import TableTranslator from "../../../zlist/adapters/presenters/TableTranslator";
+import ZListBehaviourFactory from "../../../zlist/frameworks/ZListBehaviourFactory";
+import RecordBehaviourFactory from "../../../zrecord/frameworks/RecordBehaviourFactory";
+import EventHandlersFactory from "./EventHandlersFactory";
+import TableConnectedView from "./TableConnectedView";
+import defaultDataSource from "../../../data-source";
+import DataSourceBehaviourFactory from "../../../zdata-source/frameworks/DataBrokerBehaviourFactory";
+import ClientActionsBehaviourFactory from "../../../client-actions/behaviour/zclient-actions/frameworks/ClientActionsBehaviourFactory";
+import LocalStorageBehaviourFactory from "../../../../library/behaviours/local-storage/frameworks/LocalStorageBehaviourFactory";
+import TableColumnResizerBehaviorFactory from "../../../../library/behaviours/table-column-resizer/frameworks/TableColumnResizerBehaviorFactory";
+import ListItemSelectionBehaviourFactory from "../../../../library/behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory";
+import ColumnChooserBehaviourFactory from "../../../column-chooser/frameworks/ColumnChooserBehaviourFactory";
+import SdkBehaviourFactory from "../../../sdk-behaviour/frameworks/SdkBehaviourFactory";
+import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
+import { sdkRegistry } from "../../../sdk/frameworks/SdkRegistry";
+import { SmartTableResource } from "../adapters/resources/SmartTableResource";
+sdkRegistry.registerResource({
+  resourceName: ResourceNamesEnum.SMART_TABLE,
+  resource: SmartTableResource
+});
+import KeyboardControlBehaviourFactory from "../../../../library/behaviours/keyboard-controls/frameworks/KeyboardControlBehaviourFactory";
+
+function combineDataSourceWithDefault(dataSource) {
+  return { ...defaultDataSource,
+    ...dataSource,
+    httpTemplates: { ...defaultDataSource.httpTemplates,
+      ...(dataSource === null || dataSource === void 0 ? void 0 : dataSource.httpTemplates)
+    }
+  };
+}
+
+export default class TableConnectedFactory {
+  static create(_ref) {
+    let {
+      name,
+      dataBroker,
+      dataSource,
+      eventHandlers = {},
+      View = TableConnectedView
+    } = _ref;
+
+    if (dataBroker) {
+      console.warn('Desk Platform Warning: dataBroker is deprecated, use dataSource instead');
+    }
+
+    const _dataSource = combineDataSourceWithDefault(dataBroker ? dataBroker : dataSource);
+
+    return createCustomComponent({
+      name: name,
+      View: View,
+      properties: Properties,
+      eventHandlers: EventHandlersFactory.create(eventHandlers),
+      transformState: TableTranslator.transformState,
+      behaviours: TableConnectedFactory.getBehaviours(_dataSource)
+    });
+  }
+
+  static getBehaviours(_dataSource) {
+    return [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_TABLE]), TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), ...TableConnectedFactory.getPlatformBehaviours(_dataSource), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()];
+  }
+
+  static getPlatformBehaviours(_dataSource) {
+    return [RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
+      getClientActions: _dataSource.httpTemplates.getClientActions
+    }), ZFieldBehaviourFactory.create({
+      availableFields: _dataSource.httpTemplates.getAvailableFields,
+      updateSelectedFields: _dataSource.httpTemplates.updateSelectedFields,
+      selectedFields: _dataSource.httpTemplates.getSelectedFields
+    }), ZListBehaviourFactory.create()];
+  }
+
+}

package/es/{desk-frameworks → platform/components}/table-connected/frameworks/TableConnectedView.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import TableList from "../../../library/dot/components/table-list/frameworks/ui/TableList";
+import TableList from "../../../../library/dot/components/table-list/frameworks/ui/TableList";
 
 function View(_ref, ref) {
   let {
@@ -15,7 +15,8 @@ function View(_ref, ref) {
     selection,
     emptyStateUiType,
     focussedRow,
-    keyboardControlsConfig
+    keyboardControlsConfig,
+    reOrderConfig
   } = state.viewModel;
   const {
     resizerState
@@ -26,8 +27,9 @@ function View(_ref, ref) {
   } = state.properties;
   const {
     autoColumnSizing
-  } = preferences || {};
+  } = preferences ? preferences : {};
   return /*#__PURE__*/React.createElement(TableList, {
+    reOrderConfig: reOrderConfig,
     data: data,
     rowCursor: rowCursor,
     sortBy: sortBy,

package/es/platform/data-source/http-template/reOrderRecord.js

@@ -0,0 +1,44 @@
+const reOrderRecord = {
+  name: 'records',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/{{moduleName}}/reorder',
+  parameters: `{}`,
+  type: 'POST',
+  transformer: data => data,
+  getResponse: _ref => {
+    let {
+      payload
+    } = _ref;
+    let {
+      oldIndex,
+      newIndex
+    } = payload;
+    return {
+      oldIndex,
+      newIndex,
+      status: 'success'
+    }; // return Promise.reject({
+    //     status: 500,
+    //     error: "Something went wrong",
+    // });
+  },
+  requestBody: '{ "oldIndex": {{oldIndex}}, "newIndex": {{newIndex}} }',
+  properties: {
+    moduleName: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    recordId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default reOrderRecord;

package/es/platform/data-source/index.js

@@ -5,6 +5,7 @@ import deleteRecords from "./http-template/deleteRecords";
 import getAvailableFields from "./http-template/getAvailableFields";
 import getSelectedFields from "./http-template/getSelectedFields";
 import getClientActions from "./http-template/getClientActions";
+import reOrderRecord from "./http-template/reOrderRecord";
 import { RecordApiActionName } from "../../bc/zrecord/Constants";
 import deleteRecord from "./http-template/deleteRecord";
 import fetchMyLayouts from "./http-template/fetchMyFormLayout";
@@ -22,6 +23,7 @@ let dataSource = {
     [RecordApiActionName.DELETE_RECORD]: deleteRecord,
     [RecordApiActionName.CREATE_RECORD]: createRecord,
     [RecordApiActionName.GET_CLIENTACTIONS]: getClientActions,
+    [RecordApiActionName.GET_REORDERRECORD]: reOrderRecord,
     getAvailableFields,
     getSelectedFields,
     updateSelectedFields,

package/es/platform/sdk/{frameworks → application/interfaces/gateways}/AbstractResource.js

@@ -1,16 +1,13 @@
 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; }
 
+// export { SdkResourceDependencies };
 export class AbstractResource {
   constructor() {
     _defineProperty(this, "dependencies", void 0);
   }
 
-  initialize() {}
-
   updateDependencies(dependencies) {
     this.dependencies = dependencies;
   }
 
-  destroy() {}
-
 }

package/es/platform/sdk/domain/entities/ResourceManager.js

@@ -78,7 +78,7 @@ export class ResourceManager {
       resourceInstances
     } = this;
     const instance = (_resourceInstances$re3 = resourceInstances[resourceName]) === null || _resourceInstances$re3 === void 0 ? void 0 : _resourceInstances$re3[instanceName];
-    instance.updateDependencies({
+    instance && instance.updateDependencies({
       state,
       dispatch,
       updateState

package/es/platform/sdk/frameworks/Sdk.js

@@ -1,6 +1,6 @@
 import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
 import { sdkRegistry } from "./SdkRegistry";
-export const sdk = {
+export const platformSDK = {
   [ResourceNamesEnum.SMART_TABLE](instanceName) {
     return sdkRegistry.getResourceInstance({
       resourceName: ResourceNamesEnum.SMART_TABLE,

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,
@@ -46,6 +47,7 @@ export default class TableTranslator {
       zfield,
       zclientAction
     } = fallbackToDefault(behaviours, {}); // FIX: behaviours should be available by default
+    // const { sortBy, isReOrderLoading } = fallbackToDefault(zlist, {}); // FIX: zlist should be available by default
 
     const {
       sortBy
@@ -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;