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

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

@@ -1,14 +1,22 @@
 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 ResizeStartController from "../adapters/controllers/ResizeStartController";
 import ResizeByMouseController from "../adapters/controllers/ResizeByMouseController";
 import ResizeEndController from "../adapters/controllers/ResizeEndController";
-import { RESIZE_FINISHED } from "../../../bc/table-column-resizer/Constants";
 import { ResizeFinishController } from "../adapters/controllers/ResizeFinishController";
 import ScrollController from "../adapters/controllers/ScrollController";
-import { ZLIST_SORT } from "../../../bc/zlist/Constants";
+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;
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
@@ -19,12 +27,13 @@ const {
 function createHandlerWithSdk(handler) {
   return input => {
     const {
-      state,
-      dispatch
+      state
     } = input;
-    handler(input, ListSdkFactory.create({
-      state,
-      dispatch
+    const instanceName = state.properties.instanceName;
+    handler({ ...input,
+      sdk
+    }, ListSdkFactory.create({
+      instanceName
     }));
   };
 }
@@ -52,6 +61,8 @@ export default class EventHandlersFactory {
       },
       [TABLE_LIST_RESIZE_END_REQUESTED]: new ResizeEndController().handle,
       [TABLE_LIST_SCROLLED]: new ScrollController().handle,
+      [COLUMN_CHOOSER_BEHAVIOUR_UPDATED]: new ColumnChooserUpdateController().handle,
+      [COLUMN_CHOOSER_OPEN_REQUESTED]: new ColumnChooserOpenedController().handle,
       [LIST_SELECTION_RECORDS_SELECTED]: _ref2 => {
         let {
           action,

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

@@ -1,169 +1,54 @@
-import { LIST_SELECTION_DESELECT_ITEM, LIST_SELECTION_SELECT_ITEM } from "../../../bc/list-selection/Constants";
-import { ZLIST_DELETE_RECORD, ZLIST_DELETE_RECORDS, ZLIST_RECORD_UPDATE } from "../../../bc/zlist/Constants";
-import { RECORD_LOCAL_MULTIPLE_DELETE, RECORD_LOCAL_UPDATE } from "../../../bc/zrecord/Constants";
-/* eslint-disable max-lines-per-function */
-
+import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
+import { sdk } from "../../../platform/sdk/frameworks/Sdk";
 export default class ListSdkFactory {
   static create(_ref) {
     let {
-      state,
-      dispatch
+      instanceName
     } = _ref;
+    const smartTable = sdk[ResourceNamesEnum.SMART_TABLE](instanceName);
     return {
       zlist: {
         getRecords() {
-          var _state$behaviours;
-
-          return (_state$behaviours = state.behaviours) === null || _state$behaviours === void 0 ? void 0 : _state$behaviours.zrecord.records;
+          return smartTable.getRecords();
         },
 
         getRecord(recordId) {
-          var _state$behaviours2, _state$behaviours2$zr;
-
-          return (_state$behaviours2 = state.behaviours) === null || _state$behaviours2 === void 0 ? void 0 : (_state$behaviours2$zr = _state$behaviours2.zrecord.records) === null || _state$behaviours2$zr === void 0 ? void 0 : _state$behaviours2$zr.find(r => r.id === recordId);
+          return smartTable.getRecord(recordId);
         },
 
         getContext(variableName) {
-          var _state$properties;
-
-          const {
-            departmentId,
-            viewId,
-            moduleName
-          } = state.properties;
-          const {
-            servicePrefix,
-            ...context
-          } = (_state$properties = state.properties) === null || _state$properties === void 0 ? void 0 : _state$properties.context;
-          const updatedContext = { ...context,
-            departmentId,
-            viewId,
-            moduleName
-          };
-          return variableName ? context === null || context === void 0 ? void 0 : context[variableName] : updatedContext;
+          return smartTable.getContext(variableName);
         },
 
         deleteRecord(recordId) {
-          let output = {
-            data: [{
-              id: recordId,
-              Success: true,
-              error: null
-            }]
-          };
-          dispatch({
-            type: ZLIST_DELETE_RECORD,
-            payload: {
-              recordId
-            }
-          });
-          return output;
+          return smartTable.deleteRecord(recordId);
         },
 
-        // deleteRecords(recordIds) {
-        //   dispatch({
-        //     type: ZLIST_DELETE_RECORDS,
-        //     payload: {
-        //       recordIds
-        //     }
-        //   });
-        // },
         deleteRecords(recordIds) {
           let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-          let output = {
-            data: []
-          };
-          let DELETE_ACTION = shouldFetch ? ZLIST_DELETE_RECORDS : RECORD_LOCAL_MULTIPLE_DELETE;
-          dispatch({
-            type: DELETE_ACTION,
-            payload: {
-              recordIds
-            }
-          });
-
-          for (let recordId of recordIds) {
-            let recordUpdateDetail = {
-              id: recordId,
-              Success: true,
-              error: null
-            };
-            output.data.push(recordUpdateDetail);
-          }
-
-          return output;
+          return smartTable.deleteRecords(recordIds, shouldFetch);
         },
 
         updateRecord(recordId, record) {
-          let output = {
-            results: [{
-              id: recordId,
-              Success: true,
-              error: null
-            }]
-          };
-          dispatch({
-            type: ZLIST_RECORD_UPDATE,
-            payload: {
-              recordId,
-              record
-            }
-          });
-          return output;
+          return smartTable.updateRecord(recordId, record);
         },
 
         updateRecords(recordsMap) {
           let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-          let output = {
-            results: []
-          };
-          let UPDATE_ACTION = shouldFetch ? ZLIST_RECORD_UPDATE : RECORD_LOCAL_UPDATE;
-
-          for (let record of recordsMap) {
-            dispatch({
-              type: UPDATE_ACTION,
-              payload: {
-                recordId: record.id,
-                record: record
-              }
-            });
-            let recordUpdateDetail = {
-              id: record.id,
-              Success: true,
-              error: null
-            };
-            output.results.push(recordUpdateDetail);
-          }
-
-          return output;
+          return smartTable.updateRecords(recordsMap, shouldFetch);
         },
 
         selectRecords: ids => {
-          dispatch({
-            type: LIST_SELECTION_SELECT_ITEM,
-            payload: {
-              ids
-            }
-          });
+          smartTable.selectRecords(ids);
         },
         deselectRecords: ids => {
-          dispatch({
-            type: LIST_SELECTION_DESELECT_ITEM,
-            payload: {
-              ids
-            }
-          });
+          smartTable.deselectRecords(ids);
         },
         selectAllRecords: () => {
-          dispatch({
-            type: LIST_SELECTION_SELECT_ITEM,
-            payload: {}
-          });
+          smartTable.selectAllRecords();
         },
         deselectAllRecords: () => {
-          dispatch({
-            type: LIST_SELECTION_DESELECT_ITEM,
-            payload: {}
-          });
+          smartTable.deselectAllRecords();
         }
       }
     };

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

@@ -13,6 +13,16 @@ import ClientActionsBehaviourFactory from "../../../platform/client-actions/beha
 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;
@@ -41,12 +51,13 @@ export default class TableConnectedFactory {
       properties: Properties,
       eventHandlers: EventHandlersFactory.create(eventHandlers),
       transformState: TableTranslator.transformState,
-      behaviours: [TableColumnResizerBehaviorFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
+      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(), ListItemSelectionBehaviourFactory.create()]
+      }), ZListBehaviourFactory.create(), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()]
     });
   }
 

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

@@ -13,16 +13,17 @@ function View(_ref, ref) {
     rowCursor,
     sortBy,
     selection,
-    properties,
-    emptyStateUiType
-  } = state;
+    emptyStateUiType,
+    focussedRow,
+    keyboardControlsConfig
+  } = state.viewModel;
   const {
     resizerState
-  } = state;
+  } = state.viewModel;
   const {
     preferences,
     selectionConfig
-  } = properties;
+  } = state.properties;
   const {
     autoColumnSizing
   } = preferences || {};
@@ -37,7 +38,9 @@ function View(_ref, ref) {
     isLoading: isLoading,
     emptyStateUiType: emptyStateUiType,
     selection: selection,
-    selectionConfig: selectionConfig
+    selectionConfig: selectionConfig,
+    keyboardControlsConfig: keyboardControlsConfig,
+    focussedRow: focussedRow
   });
 }
 

package/es/desk-frameworks/table-connected/frameworks/resources/ISmartTableResource.js

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

package/es/desk-frameworks/table-connected/frameworks/resources/SmartTableResource.js

@@ -0,0 +1,233 @@
+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";
+export class SmartTableResource extends AbstractResource {
+  getRecordDependencies() {
+    const dependencies = {
+      repository: new ZRecordRepository(),
+      presenter: new ZRecordPresenter()
+    };
+    return dependencies;
+  }
+
+  getListDependencies() {
+    const dependencies = {
+      repository: new ZListRepository(),
+      presenter: new ZListPresenters(),
+      sortBy: new ZListSortBy()
+    };
+    return dependencies;
+  }
+
+  getListSelectDependencies() {
+    const dependencies = {
+      repository: new ListSelectRepository(),
+      presenter: new ListSelectPresenter()
+    };
+    return dependencies;
+  }
+
+  createUseCase(dependencies, UseCaseClass) {
+    var _usecase$updateDepend, _usecase$updateDepend2;
+
+    const {
+      state,
+      updateState
+    } = this.dependencies;
+    const usecase = new UseCaseClass(dependencies);
+    (_usecase$updateDepend = usecase.updateDependency) === null || _usecase$updateDepend === void 0 ? void 0 : _usecase$updateDepend.call(usecase, state, updateState);
+    (_usecase$updateDepend2 = usecase.updateDependencies) === null || _usecase$updateDepend2 === void 0 ? void 0 : _usecase$updateDepend2.call(usecase, state, updateState);
+    return usecase;
+  }
+
+  createCallback() {
+    let temp = null;
+    return {
+      setData: data => {
+        temp = data;
+      },
+      getData: () => temp
+    };
+  }
+
+  getRecords() {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, GetMultipleRecordUseCase);
+    usecase.execute({
+      callback: setData
+    });
+    return getData();
+  }
+
+  getRecord(recordId) {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, GetSingleRecordUseCase);
+    usecase.execute({
+      recordId,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getContext(variableName) {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, GetContextUseCase);
+    usecase.execute({
+      variableName,
+      callback: setData
+    });
+    return getData();
+  }
+
+  deleteRecord(recordId) {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, DeleteSingleRecordUseCase);
+    usecase.execute({
+      recordId,
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  deleteRecords(recordIds) {
+    let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, DeleteMultipleRecordUseCase);
+    usecase.execute({
+      recordIds,
+      dispatch,
+      callback: setData,
+      shouldFetch
+    });
+    return getData();
+  }
+
+  updateRecord(recordId, record) {
+    let shouldFetch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, RecordUpdateUseCase);
+    usecase.execute({
+      recordId,
+      dispatch,
+      callback: setData,
+      record,
+      shouldFetch
+    });
+    return getData();
+  }
+
+  updateRecords(recordsMap) {
+    let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, UpdateMultipleRecordUseCase);
+    usecase.execute({
+      recordsMap,
+      dispatch,
+      callback: setData,
+      shouldFetch
+    });
+    return getData();
+  }
+
+  selectRecords(ids) {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListSelectDependencies();
+    const usecase = this.createUseCase(dependencies, ListSelectSelectUsecase);
+    usecase.execute({
+      ids,
+      dispatch
+    });
+  }
+
+  deselectRecords(ids) {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListSelectDependencies();
+    const usecase = this.createUseCase(dependencies, ListSelectDeselectUsecase);
+    usecase.execute({
+      ids,
+      dispatch
+    });
+  }
+
+  selectAllRecords() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListSelectDependencies();
+    const usecase = this.createUseCase(dependencies, ListSelectSelectUsecase);
+    usecase.execute({
+      dispatch
+    });
+  }
+
+  deselectAllRecords() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListSelectDependencies();
+    const usecase = this.createUseCase(dependencies, ListSelectDeselectUsecase);
+    usecase.execute({
+      dispatch
+    });
+  }
+
+}

package/es/index.js

@@ -6,4 +6,6 @@ export { TableConnectedFactory } from "./desk-frameworks";
 export { ComponentRegistry, createCustomComponent } from "./library";
 export { default as TableFieldComponents } from "./library/dot/legacy-to-new-arch/table-field-components";
 import * as _Components from "./library/dot/legacy-to-new-arch";
-export { _Components as Components };
+export { _Components as Components };
+export { sdk } from "./platform/sdk/frameworks/Sdk";
+export { sdkRegistry } from "./platform/sdk/frameworks/SdkRegistry";

package/es/library/behaviours/keyboard-controls/adapters/controllers/AbstractController.js

@@ -0,0 +1,9 @@
+class AbstractController {
+  constructor(service) {
+    this.service = service;
+    this.handle = this.handle.bind(this);
+  }
+
+}
+
+export default AbstractController;

package/es/library/behaviours/keyboard-controls/adapters/controllers/DestructController.js

@@ -0,0 +1,20 @@
+import AbstractController from "./AbstractController";
+
+class DestructController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      host
+    } = event;
+    const {
+      DestructUsecase
+    } = this.service;
+    DestructUsecase.updateDependencies(state, updateState, dispatch, host);
+    DestructUsecase.execute(host);
+  }
+
+}
+
+export default DestructController;

package/es/library/behaviours/keyboard-controls/adapters/controllers/DownArrowPressController.js

@@ -0,0 +1,20 @@
+import AbstractController from "./AbstractController";
+
+class DownArrowPressController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      host
+    } = event;
+    const {
+      DownArrowPressUsecase
+    } = this.service;
+    DownArrowPressUsecase.updateDependencies(state, updateState, dispatch, host);
+    DownArrowPressUsecase.execute();
+  }
+
+}
+
+export default DownArrowPressController;

package/es/library/behaviours/keyboard-controls/adapters/controllers/EnterPressController.js

@@ -0,0 +1,24 @@
+import AbstractController from "./AbstractController";
+
+class EnterPressController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action,
+      host
+    } = event;
+    const {
+      EnterPressUsecase
+    } = this.service;
+    EnterPressUsecase.updateDependencies(state, updateState, dispatch, host);
+    EnterPressUsecase.execute({
+      dispatch,
+      event: action.payload.event
+    });
+  }
+
+}
+
+export default EnterPressController;

package/es/library/behaviours/keyboard-controls/adapters/controllers/FocusNextController.js

@@ -0,0 +1,20 @@
+import AbstractController from "./AbstractController";
+
+class FocusNextController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      host
+    } = event;
+    const {
+      FocusNextUsecase
+    } = this.service;
+    FocusNextUsecase.updateDependencies(state, updateState, dispatch, host);
+    FocusNextUsecase.execute();
+  }
+
+}
+
+export default FocusNextController;

package/es/library/behaviours/keyboard-controls/adapters/controllers/FocusPreviousController.js

@@ -0,0 +1,20 @@
+import AbstractController from "./AbstractController";
+
+class FocusPreviousController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      host
+    } = event;
+    const {
+      FocusPreviousUsecase
+    } = this.service;
+    FocusPreviousUsecase.updateDependencies(state, updateState, dispatch, host);
+    FocusPreviousUsecase.execute();
+  }
+
+}
+
+export default FocusPreviousController;