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

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.1",
+  "version": "1.1.3-exp.2",
   "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",
     "@zohodesk-private/node-plugins": "1.1.9",
     "@zohodesk/a11y": "2.2.6",
     "@zohodesk/codestandard-analytics": "0.0.2",
@@ -52,7 +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/eslint-plugin-no-hardcoding": "1.0.6",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.72",
     "@zohodesk/layout": "3.1.0",
@@ -76,7 +76,7 @@
     "typescript": "4.9.5"
   },
   "peerDependencies": {
-    "@zohodesk-private/desk-components": "1.3.7",
+    "@zohodesk-private/desk-components": "1.0.0-temp-53",
     "@zohodesk/a11y": "2.2.6",
     "@zohodesk/components": "1.2.62",
     "@zohodesk/dot": "1.7.8",
@@ -90,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"
   }

package/es/desk-frameworks/form-connected/frameworks/FormConnectedFactory.js

@@ -1,33 +0,0 @@
-import Properties from "../../../cc/form-connected/Properties";
-import { createCustomComponent } from "../../../library/custom-component";
-import ZHttpBehaviourFactory from "../../../platform/zhttp/frameworks/ZHttpBehaviourFactory";
-import RecordBehaviourFactory from "../../../platform/zrecord/frameworks/RecordBehaviourFactory";
-import FormConnectedView from "./FormConnectedView";
-import defaultDataBroker from "../../../platform/data-source";
-import DataBrokerBehaviourFactory from "../../../platform/zdata-source/frameworks/DataBrokerBehaviourFactory";
-import FormTranslator from "../../../platform/zform/adapters/presenter/FormTranslator";
-import ZFormBehaviourFactory from "../../../platform/zform/frameworks/ui/ZFormBehaviourFactory";
-import FieldValidationBehaviourFactory from "../../../library/behaviours/field-validation/frameworks/ui/FieldValidationBehaviourFactory";
-import EventHandlersfactory from "./EventHandlersFactory";
-export default class FormConnectedFactory {
-  static create(_ref) {
-    let {
-      name,
-      customValidators,
-      dataBroker = defaultDataBroker,
-      eventHandlers = {},
-      View = FormConnectedView
-    } = _ref;
-    return createCustomComponent({
-      name: name,
-      View: View,
-      properties: Properties,
-      eventHandlers: EventHandlersfactory.create(eventHandlers),
-      transformState: FormTranslator.transformState,
-      behaviours: [ZHttpBehaviourFactory.create(), DataBrokerBehaviourFactory.create(), RecordBehaviourFactory.create(dataBroker.httpTemplates), FieldValidationBehaviourFactory.create(), ZFormBehaviourFactory.create({
-        customValidators
-      })]
-    });
-  }
-
-}

package/es/desk-frameworks/table-connected/adapters/controllers/ColumnChooserOpenedController.js

@@ -1,36 +0,0 @@
-import AbstractController from "./AbstractController";
-import { COLUMN_CHOOSER_BEHAVIOUR_OPENED } from "../../../../bc/column-chooser/Constants";
-export default class ColumnChooserOpenedController extends AbstractController {
-  handle(event) {
-    const state = event.state;
-    const {
-      zfield
-    } = state.behaviours;
-    const {
-      fields: availableFields,
-      selectedFields
-    } = zfield;
-    const columnChooserOptionsOrder = this.getColumnChooserOptionsOrder(availableFields, selectedFields);
-    event.dispatch({
-      type: COLUMN_CHOOSER_BEHAVIOUR_OPENED,
-      payload: {
-        order: columnChooserOptionsOrder,
-        selectedArray: selectedFields
-      }
-    });
-  }
-
-  getColumnChooserOptionsOrder() {
-    let availableFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let selectedFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-    let searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-
-    if (availableFields.length === 0 || selectedFields.length === 0) {
-      return [];
-    }
-
-    const columnChooserOptions = selectedFields.concat(availableFields.filter(field => !selectedFields.includes(field.name)).map(field => field.name));
-    return columnChooserOptions;
-  }
-
-}

package/es/desk-frameworks/table-connected/frameworks/ListSdkFactory.js

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

package/es/desk-frameworks/table-connected/frameworks/TableConnectedFactory.js

@@ -1,64 +0,0 @@
-import Properties from "../../../cc/table-connected/Properties";
-import { createCustomComponent } from "../../../library/custom-component";
-import ZFieldBehaviourFactory from "../../../platform/zfield/frameworks/ZFieldBehaviourFactory";
-import ZHttpBehaviourFactory from "../../../platform/zhttp/frameworks/ZHttpBehaviourFactory";
-import TableTranslator from "../../../platform/zlist/adapters/presenters/TableTranslator";
-import ZListBehaviourFactory from "../../../platform/zlist/frameworks/ZListBehaviourFactory";
-import RecordBehaviourFactory from "../../../platform/zrecord/frameworks/RecordBehaviourFactory";
-import EventHandlersFactory from "./EventHandlersFactory";
-import TableConnectedView from "./TableConnectedView";
-import defaultDataSource from "../../../platform/data-source";
-import DataSourceBehaviourFactory from "../../../platform/zdata-source/frameworks/DataBrokerBehaviourFactory";
-import ClientActionsBehaviourFactory from "../../../platform/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 "../../../platform/column-chooser/frameworks/ColumnChooserBehaviourFactory";
-import SdkBehaviourFactory from "../../../platform/sdk-behaviour/frameworks/SdkBehaviourFactory";
-import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
-import { sdkRegistry } from "../../../platform/sdk/frameworks/SdkRegistry";
-import { SmartTableResource } from "./resources/SmartTableResource";
-sdkRegistry.registerResource({
-  resourceName: ResourceNamesEnum.SMART_TABLE,
-  resource: SmartTableResource
-});
-import KeyboardControlBehaviourFactory from "../../../library/behaviours/keyboard-controls/frameworks/KeyboardControlBehaviourFactory";
-export default class TableConnectedFactory {
-  static create(_ref) {
-    var _dataSource2;
-
-    let {
-      name,
-      dataBroker,
-      dataSource,
-      eventHandlers = {},
-      View = TableConnectedView
-    } = _ref;
-
-    if (dataBroker) {
-      console.warn('Desk Platform Warning: dataBroker is deprecated, use dataSource instead');
-      dataSource = dataBroker;
-    }
-
-    const _dataSource = { ...dataSource,
-      httpTemplates: { ...defaultDataSource.httpTemplates,
-        ...((_dataSource2 = dataSource) === null || _dataSource2 === void 0 ? void 0 : _dataSource2.httpTemplates)
-      }
-    };
-    return createCustomComponent({
-      name: name,
-      View: View,
-      properties: Properties,
-      eventHandlers: EventHandlersFactory.create(eventHandlers),
-      transformState: TableTranslator.transformState,
-      behaviours: [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_TABLE]), TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), 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(), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()]
-    });
-  }
-
-}