@zohodesk/library-platform 1.1.0-exp.2 → 1.1.1

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

@@ -1,4 +1,6 @@
+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 */
 
 export default class ListSdkFactory {
@@ -21,25 +23,84 @@ export default class ListSdkFactory {
           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);
         },
 
+        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;
+        },
+
         deleteRecord(recordId) {
+          let output = {
+            data: [{
+              id: recordId,
+              Success: true,
+              error: null
+            }]
+          };
           dispatch({
             type: ZLIST_DELETE_RECORD,
             payload: {
               recordId
             }
           });
+          return output;
         },
 
+        // 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: ZLIST_DELETE_RECORDS,
+            type: DELETE_ACTION,
             payload: {
               recordIds
             }
           });
+
+          for (let recordId of recordIds) {
+            let recordUpdateDetail = {
+              id: recordId,
+              Success: true,
+              error: null
+            };
+            output.data.push(recordUpdateDetail);
+          }
+
+          return output;
         },
 
         updateRecord(recordId, record) {
+          let output = {
+            results: [{
+              id: recordId,
+              Success: true,
+              error: null
+            }]
+          };
           dispatch({
             type: ZLIST_RECORD_UPDATE,
             payload: {
@@ -47,8 +108,63 @@ export default class ListSdkFactory {
               record
             }
           });
-        }
+          return output;
+        },
 
+        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;
+        },
+
+        selectRecords: ids => {
+          dispatch({
+            type: LIST_SELECTION_SELECT_ITEM,
+            payload: {
+              ids
+            }
+          });
+        },
+        deselectRecords: ids => {
+          dispatch({
+            type: LIST_SELECTION_DESELECT_ITEM,
+            payload: {
+              ids
+            }
+          });
+        },
+        selectAllRecords: () => {
+          dispatch({
+            type: LIST_SELECTION_SELECT_ITEM,
+            payload: {}
+          });
+        },
+        deselectAllRecords: () => {
+          dispatch({
+            type: LIST_SELECTION_DESELECT_ITEM,
+            payload: {}
+          });
+        }
       }
     };
   }

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

@@ -7,29 +7,44 @@ import ZListBehaviourFactory from "../../../platform/zlist/frameworks/ZListBehav
 import RecordBehaviourFactory from "../../../platform/zrecord/frameworks/RecordBehaviourFactory";
 import EventHandlersFactory from "./EventHandlersFactory";
 import TableConnectedView from "./TableConnectedView";
-import defaultDataBroker from "../../../platform/data-broker";
-import DataBrokerBehaviourFactory from "../../../platform/zdata-broker/frameworks/DataBrokerBehaviourFactory";
-import ClientActionBehaviourFactory from "../../../platform/zclient-actions/frameworks/ClientActionBehaviourFactory";
+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 ListItemSelectionBehaviourFactory from "../../../library/behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory";
 export default class TableConnectedFactory {
   static create(_ref) {
+    var _dataSource2;
+
     let {
       name,
-      dataBroker = defaultDataBroker,
+      dataBroker,
+      dataSource,
       eventHandlers = {},
       View = TableConnectedView
     } = _ref;
+
+    if (!dataSource) {
+      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: [ZHttpBehaviourFactory.create(), DataBrokerBehaviourFactory.create(), RecordBehaviourFactory.create(dataBroker.httpTemplates), ClientActionBehaviourFactory.create({
-        getClientActions: dataBroker.httpTemplates.getClientActions
+      behaviours: [ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
+        getClientActions: _dataSource.httpTemplates.getClientActions
       }), ZFieldBehaviourFactory.create({
-        availableFields: dataBroker.httpTemplates.getAvailableFields,
-        selectedFields: dataBroker.httpTemplates.getSelectedFields
-      }), ZListBehaviourFactory.create()]
+        availableFields: _dataSource.httpTemplates.getAvailableFields,
+        selectedFields: _dataSource.httpTemplates.getSelectedFields
+      }), ZListBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()]
     });
   }
 

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

@@ -11,21 +11,26 @@ function View(_ref, ref) {
     data = [],
     rowActionsConfig,
     rowCursor,
+    selection,
     properties,
     emptyStateUiType
   } = state;
   const {
-    isFlexibleColumns,
+    preferences,
     selectionConfig
   } = properties;
+  const {
+    autoColumnSizing
+  } = preferences || {};
   return /*#__PURE__*/React.createElement(TableList, {
     data: data,
     rowCursor: rowCursor,
     getRef: ref,
-    isFlexibleColumns: isFlexibleColumns,
+    isFlexibleColumns: autoColumnSizing,
     rowActionsConfig: rowActionsConfig,
     isLoading: isLoading,
     emptyStateUiType: emptyStateUiType,
+    selection: selection,
     selectionConfig: selectionConfig
   });
 }

package/es/library/behaviours/list-selection/adapters/controllers/AllSelectionController.js

@@ -4,13 +4,16 @@ class AllSelectionController extends AbstractController {
   handle(event) {
     const {
       state,
-      updateState
+      updateState,
+      dispatch
     } = event;
     const {
       allSelectionUseCase
     } = this.service;
     allSelectionUseCase.updateDependencies(state, updateState);
-    allSelectionUseCase.execute();
+    allSelectionUseCase.execute({
+      dispatch
+    });
   }
 
 }

package/es/library/behaviours/list-selection/adapters/controllers/DeselectController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class DeselectController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState,
+      dispatch
+    } = event;
+    const {
+      ids
+    } = action.payload;
+    const {
+      deselectUseCase
+    } = this.service;
+    deselectUseCase.updateDependencies(state, updateState);
+    deselectUseCase.execute({
+      ids,
+      dispatch
+    });
+  }
+
+}
+
+export default DeselectController;

package/es/library/behaviours/list-selection/adapters/controllers/RangeSelectionController.js

@@ -5,7 +5,8 @@ class RangeSelectionController extends AbstractController {
     const {
       state,
       action,
-      updateState
+      updateState,
+      dispatch
     } = event;
     const {
       id
@@ -15,7 +16,8 @@ class RangeSelectionController extends AbstractController {
     } = this.service;
     rangeSelectionUseCase.updateDependencies(state, updateState);
     rangeSelectionUseCase.execute({
-      id
+      id,
+      dispatch
     });
   }
 

package/es/library/behaviours/list-selection/adapters/controllers/SelectController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class SelectController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState,
+      dispatch
+    } = event;
+    const {
+      ids
+    } = action.payload;
+    const {
+      selectUseCase
+    } = this.service;
+    selectUseCase.updateDependencies(state, updateState);
+    selectUseCase.execute({
+      ids,
+      dispatch
+    });
+  }
+
+}
+
+export default SelectController;

package/es/library/behaviours/list-selection/adapters/controllers/SelectionController.js

@@ -5,7 +5,8 @@ class SelectionController extends AbstractController {
     const {
       state,
       action,
-      updateState
+      updateState,
+      dispatch
     } = event;
     const {
       selected
@@ -15,7 +16,8 @@ class SelectionController extends AbstractController {
     } = this.service;
     selectionUseCase.updateDependencies(state, updateState);
     selectionUseCase.execute({
-      selected
+      selected,
+      dispatch
     });
   }
 

package/es/library/behaviours/list-selection/adapters/gateways/Repository.js

@@ -14,7 +14,8 @@ class Repository {
   getListItemSelection() {
     const {
       behaviours,
-      properties
+      properties,
+      data
     } = this.state;
     /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
 
@@ -24,8 +25,7 @@ class Repository {
     /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
 
     const {
-      selectionConfig,
-      data
+      selectionConfig
     } = properties || {};
     const itemIds = data === null || data === void 0 ? void 0 : data.rows.map(item => item.id);
     const maxSelectionCount = selectionConfig === null || selectionConfig === void 0 ? void 0 : selectionConfig.maxSelectionCount;

package/es/library/behaviours/list-selection/adapters/gateways/Service.js

@@ -5,6 +5,8 @@ import AllItemsSelection from "../../applications/usecases/AllItemSelection";
 import ItemRangeSelection from "../../applications/usecases/RangeSelection";
 import ItemsSelection from "../../applications/usecases/ItemsSelection";
 import Destruct from "../../applications/usecases/Destruct";
+import Select from "../../applications/usecases/Select";
+import Deselect from "../../applications/usecases/Deselect";
 
 class Service {
   constructor(dependencies) {
@@ -18,11 +20,17 @@ class Service {
 
     _defineProperty(this, "rangeSelectionUseCase", void 0);
 
+    _defineProperty(this, "selectUseCase", void 0);
+
+    _defineProperty(this, "deselectUseCase", void 0);
+
     this.initializeUseCase = new Initialize(dependencies);
     this.destructUseCase = new Destruct(dependencies);
     this.selectionUseCase = new ItemsSelection(dependencies);
     this.allSelectionUseCase = new AllItemsSelection(dependencies);
     this.rangeSelectionUseCase = new ItemRangeSelection(dependencies);
+    this.selectUseCase = new Select(dependencies);
+    this.deselectUseCase = new Deselect(dependencies);
   }
 
 }

package/es/library/behaviours/list-selection/applications/usecases/AllItemSelection.js

@@ -1,13 +1,17 @@
 import AbstractUseCase from "./AbstractUseCase";
 
 class AllItemsSelection extends AbstractUseCase {
-  execute() {
+  execute(_ref) {
+    let {
+      dispatch
+    } = _ref;
     const {
       repository,
       presenter
     } = this.dependencies;
     const listItemSelection = repository.getListItemSelection();
     listItemSelection.toggleAll();
+    listItemSelection.createDispatchProps().map(event => dispatch(event));
     presenter.updateListItemSelection(listItemSelection.toObject());
   }
 

package/es/library/behaviours/list-selection/applications/usecases/Deselect.js

@@ -0,0 +1,21 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class Deselect extends AbstractUseCase {
+  execute(inputModel) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const {
+      ids,
+      dispatch
+    } = inputModel;
+    const listItemSelection = repository.getListItemSelection();
+    listItemSelection.deselectItems(ids);
+    listItemSelection.createDispatchProps().map(event => dispatch(event));
+    presenter.updateListItemSelection(listItemSelection.toObject());
+  }
+
+}
+
+export default Deselect;

package/es/library/behaviours/list-selection/applications/usecases/ItemsSelection.js

@@ -7,10 +7,12 @@ class ItemsSelection extends AbstractUseCase {
       presenter
     } = this.dependencies;
     const {
-      selected
+      selected,
+      dispatch
     } = inputModel;
     const listItemSelection = repository.getListItemSelection();
     listItemSelection.toggleItems(selected);
+    listItemSelection.createDispatchProps().map(event => dispatch(event));
     presenter.updateListItemSelection(listItemSelection.toObject());
   }
 

package/es/library/behaviours/list-selection/applications/usecases/RangeSelection.js

@@ -7,10 +7,12 @@ class ItemRangeSelection extends AbstractUseCase {
       presenter
     } = this.dependencies;
     const {
-      id
+      id,
+      dispatch
     } = inputModel;
     let listItemSelection = repository.getListItemSelection();
     listItemSelection.toggleUpto(id);
+    listItemSelection.createDispatchProps().map(event => dispatch(event));
     presenter.updateListItemSelection(listItemSelection.toObject());
   }
 

package/es/library/behaviours/list-selection/applications/usecases/Select.js

@@ -0,0 +1,21 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class Select extends AbstractUseCase {
+  execute(inputModel) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const {
+      ids,
+      dispatch
+    } = inputModel;
+    const listItemSelection = repository.getListItemSelection();
+    listItemSelection.selectItems(ids);
+    listItemSelection.createDispatchProps().map(event => dispatch(event));
+    presenter.updateListItemSelection(listItemSelection.toObject());
+  }
+
+}
+
+export default Select;

package/es/library/behaviours/list-selection/domain/entities/ListItemSelection.js

@@ -1,34 +1,46 @@
+import Event from "../../../../custom-component/domain/entities/Event";
+import { LIST_SELECTION_RECORDS_DESELECTED, LIST_SELECTION_RECORDS_SELECTED, LIST_SELECTION_SELECTION_LIMIT_EXCEEDED } from "../../../../../bc/list-selection/Constants";
+
 class ListItemSelection {
   constructor(selected, itemIds, maxSelectionCount) {
+    let selectionStatus = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'na';
     this.selected = selected;
     this.itemIds = itemIds;
     this.maxSelectionCount = maxSelectionCount;
+    this.selectionStatus = selectionStatus;
     this.selected = this.selected.filter(selectedId => this.itemIds.includes(selectedId)); // NOTE: Remove items that does not exist
   }
 
-  selectItem(id) {
-    this.selected.push(id);
-  }
+  selectItems(ids) {
+    if (!ids) {
+      this.selectAllItems();
+      return;
+    }
 
-  deselectItem(id) {
-    this.selected = this.selected.filter(selectedId => selectedId !== id);
+    ids.forEach(id => !this.hasAllSelected() && this.selectItem(id));
   }
 
-  isSelected(id) {
-    return this.selected.includes(id);
+  deselectItems(ids) {
+    if (!ids) {
+      this.deselectAllItems();
+      return;
+    }
+
+    ids.forEach(id => this.deselectItem(id));
   }
 
-  hasAllSelected() {
-    const hasMaxSelected = this.selected.length >= this.maxSelectionCount;
-    const allItemsSelected = this.selected.length === this.itemIds.length && this.selected.length > 0;
-    return hasMaxSelected || allItemsSelected;
+  selectAllItems() {
+    this.itemIds.forEach(id => !this.hasAllSelected() && this.selectItem(id));
   }
 
-  getStrategy(id) {
-    return (this.isSelected(id) ? this.deselectItem : this.selectItem).bind(this);
+  deselectAllItems() {
+    this.selected = [];
+    this.selectionStatus = 'na';
   }
 
   toggleItems(ids) {
+    // let selectingItems = ids.filter(id => !this.isSelected(id));
+    // this.selectItems(selectingItems);
     for (let id of ids) {
       if (this.isSelected(id)) {
         this.deselectItem(id);
@@ -54,8 +66,68 @@ class ListItemSelection {
         }
       }
     } else {
-      this.selected = [];
+      this.deselectAllItems();
+    }
+  }
+
+  toggleUpto(id) {
+    let lastItem = this.selected.at(-1) || id;
+    let startIndex = this.itemIds.indexOf(lastItem);
+    let endIndex = this.itemIds.indexOf(id);
+    this.toggleRange(startIndex, endIndex);
+  }
+
+  toObject() {
+    return {
+      selected: this.selected,
+      hasAllSelected: this.hasAllSelected()
+    };
+  }
+
+  createDispatchProps() {
+    const events = [];
+
+    if (this.selectionStatus === 'selected') {
+      events.push(new Event(LIST_SELECTION_RECORDS_SELECTED, {
+        recordIds: this.selected
+      }));
+    }
+
+    if (this.selectionStatus === 'deselected') {
+      events.push(new Event(LIST_SELECTION_RECORDS_DESELECTED, {
+        recordIds: this.selected
+      }));
+    }
+
+    if (this.selectionStatus === 'na' && this.hasAllSelected()) {
+      events.push(new Event(LIST_SELECTION_SELECTION_LIMIT_EXCEEDED));
     }
+
+    return events.map(event => event.toObject());
+  }
+
+  selectItem(id) {
+    this.selected.push(id);
+    this.selectionStatus = 'selected';
+  }
+
+  deselectItem(id) {
+    this.selected = this.selected.filter(selectedId => selectedId !== id);
+    this.selectionStatus = 'deselected';
+  }
+
+  isSelected(id) {
+    return this.selected.includes(id);
+  }
+
+  hasAllSelected() {
+    const hasMaxSelected = this.selected.length >= this.maxSelectionCount;
+    const allItemsSelected = this.selected.length === this.itemIds.length && this.selected.length > 0;
+    return hasMaxSelected || allItemsSelected;
+  }
+
+  getStrategy(id) {
+    return (this.isSelected(id) ? this.deselectItem : this.selectItem).bind(this);
   }
 
   toggleRange(startIndex, endIndex) {
@@ -94,20 +166,6 @@ class ListItemSelection {
     }
   }
 
-  toggleUpto(id) {
-    let lastItem = this.selected.at(-1) || id;
-    let startIndex = this.itemIds.indexOf(lastItem);
-    let endIndex = this.itemIds.indexOf(id);
-    this.toggleRange(startIndex, endIndex);
-  }
-
-  toObject() {
-    return {
-      selected: this.selected,
-      hasAllSelected: this.hasAllSelected()
-    };
-  }
-
 }
 
 export default ListItemSelection;

package/es/library/behaviours/list-selection/frameworks/ActionHandlerFactory.js

@@ -1,4 +1,4 @@
-import { LIST_SELECTION_TOGGLE_ALL, LIST_SELECTION_TOGGLE_ITEMS, LIST_SELECTION_TOGGLE_ITEMS_IN_RANGE } from "../../../../bc/list-selection/Constants";
+import { LIST_SELECTION_DESELECT_ITEM, LIST_SELECTION_SELECT_ITEM, LIST_SELECTION_TOGGLE_ALL, LIST_SELECTION_TOGGLE_ITEMS, LIST_SELECTION_TOGGLE_ITEMS_IN_RANGE } from "../../../../bc/list-selection/Constants";
 import InitializeController from "../adapters/controllers/InitializeController";
 import Repository from "../adapters/gateways/Repository";
 import Presenter from "../adapters/presenters/Presenter";
@@ -8,6 +8,8 @@ import AllSelectionController from "../adapters/controllers/AllSelectionControll
 import RangeSelectionController from "../adapters/controllers/RangeSelectionController";
 import UpdateController from "../adapters/controllers/UpdateController";
 import DestructController from "../adapters/controllers/DestructController";
+import SelectController from "../adapters/controllers/SelectController";
+import DeselectController from "../adapters/controllers/DeselectController";
 
 class ActionHandlerFactory {
   static create() {
@@ -29,6 +31,8 @@ class ActionHandlerFactory {
       ['MOUNT']: new InitializeController(service).handle,
       ['UPDATE_PROPERTIES']: new UpdateController(service).handle,
       ['UNMOUNT']: new DestructController(service).handle,
+      [LIST_SELECTION_SELECT_ITEM]: new SelectController(service).handle,
+      [LIST_SELECTION_DESELECT_ITEM]: new DeselectController(service).handle,
       [LIST_SELECTION_TOGGLE_ITEMS]: new SelectionController(service).handle,
       [LIST_SELECTION_TOGGLE_ALL]: new AllSelectionController(service).handle,
       [LIST_SELECTION_TOGGLE_ITEMS_IN_RANGE]: new RangeSelectionController(service).handle