@zohodesk/library-platform 1.1.0 → 1.1.1

package/es/bc/list-selection/Constants.js

@@ -1,3 +1,10 @@
 export const LIST_SELECTION_TOGGLE_ITEMS = 'LIST_SELECTION#TOGGLE_ITEMS';
 export const LIST_SELECTION_TOGGLE_ALL = 'LIST_SELECTION#TOGGLE_ALL';
-export const LIST_SELECTION_TOGGLE_ITEMS_IN_RANGE = 'LIST_SELECTION#TOGGLE_ITEMS_IN_RANGE';
+export const LIST_SELECTION_TOGGLE_ITEMS_IN_RANGE = 'LIST_SELECTION#TOGGLE_ITEMS_IN_RANGE';
+export const LIST_SELECTION_SELECT_ITEM = 'LIST_SELECTION#SELECT_ITEM';
+export const LIST_SELECTION_DESELECT_ITEM = 'LIST_SELECTION#DESELECT_ITEM';
+export const LIST_SELECTION_SELECT_ALL = 'LIST_SELECTION#SELECT_ALL';
+export const LIST_SELECTION_DESELECT_ALL = 'LIST_SELECTION#DESELECT_ALL';
+export const LIST_SELECTION_RECORDS_SELECTED = 'LIST_SELECTION#RECORDS_SELECTED';
+export const LIST_SELECTION_RECORDS_DESELECTED = 'LIST_SELECTION#RECORDS_DESELECTED';
+export const LIST_SELECTION_SELECTION_LIMIT_EXCEEDED = 'LIST_SELECTION#SELECTION_LIMIT_EXCEEDED';

package/es/bc/list-selection/Properties.js

@@ -2,9 +2,10 @@ export default {
   selectionConfig: {
     required: false,
     defaultValue: {
-      isEnabled: false,
       maxSelectionCount: 50,
-      limitExceedAlertMessage: 'Max records selected'
+      limitExceedAlertMessage: 'Max records selected',
+      isEnabled: false,
+      isSelectAllEnabled: false
     },
     typeMetadata: {
       schema: {
@@ -18,6 +19,9 @@ export default {
           },
           limitExceedAlertMessage: {
             type: 'string'
+          },
+          isSelectAllEnabled: {
+            type: 'boolean'
           }
         }
       }

package/es/bc/zlist/Properties.js

@@ -23,6 +23,15 @@ export default {
       }
     }
   },
+  query: {
+    required: false,
+    defaultValue: {},
+    typeMetadata: {
+      schema: {
+        type: 'object'
+      }
+    }
+  },
   context: {
     required: true,
     typeMetadata: {

package/es/cc/table-connected/constants/Events.js

@@ -0,0 +1,7 @@
+export default {
+  DELETE_RECORDS_SUCCESS: 'SMART_TABLE#RECORD_DELETED',
+  UPDATE_RECORDS_SUCCESS: 'SMART_TABLE#RECORD_UPDATED',
+  RECORDS_SELECTED: 'SMART_TABLE#RECORDS_SELECTED',
+  RECORDS_DESELECTED: 'SMART_TABLE#RECORDS_DESELECTED',
+  SELECTION_LIMIT_EXCEEDED: 'SMART_TABLE#SELECTION_LIMIT_EXCEEDED'
+};

package/es/cc/table-connected/constants/index.js

@@ -0,0 +1 @@
+export { default as Events } from "./Events";

package/es/cc/table-connected/index.js

@@ -0,0 +1,4 @@
+import * as _SmartTableConstants from "./constants";
+export { _SmartTableConstants as SmartTableConstants };
+import * as _SmartTableProperties from "./Properties";
+export { _SmartTableProperties as SmartTableProperties };

package/es/cc/table-list/Properties.js

@@ -192,6 +192,9 @@ const TableListProperties = {
                 },
                 selectionTooltip: {
                   type: 'string'
+                },
+                isSelectAllEnabled: {
+                  type: 'boolean'
                 }
               },
               required: ['id', 'columns']
@@ -201,6 +204,45 @@ const TableListProperties = {
         required: ['headers', 'rows']
       }
     }
+  },
+  selection: {
+    required: true,
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          selected: {
+            type: 'array',
+            items: {
+              type: 'string'
+            }
+          },
+          hasAllSelected: {
+            type: 'boolean'
+          }
+        },
+        required: ['selected', 'hasAllSelected']
+      }
+    }
+  },
+  selectionConfig: {
+    required: true,
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          maxSelectionCount: {
+            type: 'number'
+          },
+          isEnabled: {
+            type: 'boolean'
+          },
+          isSelectAllEnabled: {
+            type: 'boolean'
+          }
+        }
+      }
+    }
   }
 };
 export default TableListProperties;

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

@@ -1,4 +1,6 @@
+import { LIST_SELECTION_RECORDS_DESELECTED, LIST_SELECTION_RECORDS_SELECTED, LIST_SELECTION_SELECTION_LIMIT_EXCEEDED } from "../../../bc/list-selection/Constants";
 import ListSdkFactory from "./ListSdkFactory";
+import { SmartTableConstants } from "../../../cc/table-connected";
 
 function createHandlerWithSdk(handler) {
   return input => {
@@ -20,7 +22,37 @@ export default class EventHandlersFactory {
       return [eventName, handler];
     }));
     return { ...wrapped,
-      NAVIGATION: NavigationHandler
+      NAVIGATION: NavigationHandler,
+      [LIST_SELECTION_RECORDS_SELECTED]: _ref => {
+        let {
+          action,
+          dispatch
+        } = _ref;
+        return dispatch({
+          type: SmartTableConstants.Events.RECORDS_SELECTED,
+          payload: action.payload
+        });
+      },
+      [LIST_SELECTION_RECORDS_DESELECTED]: _ref2 => {
+        let {
+          action,
+          dispatch
+        } = _ref2;
+        return dispatch({
+          type: SmartTableConstants.Events.RECORDS_DESELECTED,
+          payload: action.payload
+        });
+      },
+      [LIST_SELECTION_SELECTION_LIMIT_EXCEEDED]: _ref3 => {
+        let {
+          action,
+          dispatch
+        } = _ref3;
+        return dispatch({
+          type: SmartTableConstants.Events.SELECTION_LIMIT_EXCEEDED,
+          payload: action.payload
+        });
+      }
     };
   }
 

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

@@ -1,3 +1,4 @@
+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 */
@@ -44,10 +45,10 @@ export default class ListSdkFactory {
 
         deleteRecord(recordId) {
           let output = {
-            "data": [{
-              "id": recordId,
-              "Success": true,
-              "error": null
+            data: [{
+              id: recordId,
+              Success: true,
+              error: null
             }]
           };
           dispatch({
@@ -70,7 +71,7 @@ export default class ListSdkFactory {
         deleteRecords(recordIds) {
           let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
           let output = {
-            "data": []
+            data: []
           };
           let DELETE_ACTION = shouldFetch ? ZLIST_DELETE_RECORDS : RECORD_LOCAL_MULTIPLE_DELETE;
           dispatch({
@@ -82,9 +83,9 @@ export default class ListSdkFactory {
 
           for (let recordId of recordIds) {
             let recordUpdateDetail = {
-              "id": recordId,
-              "Success": true,
-              "error": null
+              id: recordId,
+              Success: true,
+              error: null
             };
             output.data.push(recordUpdateDetail);
           }
@@ -94,10 +95,10 @@ export default class ListSdkFactory {
 
         updateRecord(recordId, record) {
           let output = {
-            "results": [{
-              "id": recordId,
-              "Success": true,
-              "error": null
+            results: [{
+              id: recordId,
+              Success: true,
+              error: null
             }]
           };
           dispatch({
@@ -113,7 +114,7 @@ export default class ListSdkFactory {
         updateRecords(recordsMap) {
           let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
           let output = {
-            "results": []
+            results: []
           };
           let UPDATE_ACTION = shouldFetch ? ZLIST_RECORD_UPDATE : RECORD_LOCAL_UPDATE;
 
@@ -126,16 +127,44 @@ export default class ListSdkFactory {
               }
             });
             let recordUpdateDetail = {
-              "id": record.id,
-              "Success": true,
-              "error": null
+              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

@@ -10,6 +10,7 @@ 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 ListItemSelectionBehaviourFactory from "../../../library/behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory";
 export default class TableConnectedFactory {
   static create(_ref) {
     var _dataSource2;
@@ -43,7 +44,7 @@ export default class TableConnectedFactory {
       }), ZFieldBehaviourFactory.create({
         availableFields: _dataSource.httpTemplates.getAvailableFields,
         selectedFields: _dataSource.httpTemplates.getSelectedFields
-      }), ZListBehaviourFactory.create()]
+      }), ZListBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()]
     });
   }
 

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

@@ -11,6 +11,7 @@ function View(_ref, ref) {
     data = [],
     rowActionsConfig,
     rowCursor,
+    selection,
     properties,
     emptyStateUiType
   } = state;
@@ -29,6 +30,7 @@ function View(_ref, ref) {
     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/interfaces/input/DeselectInputModel.js

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

package/es/library/behaviours/list-selection/applications/interfaces/input/SelectInputModel.js

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

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

package/es/library/custom-component/domain/entities/{Events.js → Event.js}

@@ -1,7 +1,9 @@
 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; }
 
-class Action {
-  constructor(type, payload) {
+class Event {
+  constructor(type) {
+    let payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     _defineProperty(this, "type", void 0);
 
     _defineProperty(this, "payload", void 0);
@@ -18,6 +20,13 @@ class Action {
     return this.payload;
   }
 
+  toObject() {
+    return {
+      type: this.type,
+      payload: this.payload
+    };
+  }
+
 }
 
-export default Action;
+export default Event;

package/es/library/custom-component/domain/entities/interfaces/EventModel.js

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

package/es/library/dot/components/table-list/adapters/presenters/TableTranslator.js

@@ -4,11 +4,11 @@ class TableTranslator {
 
     const {
       data,
-      selectionConfig
+      selectionConfig,
+      selection
     } = state.properties;
     const {
-      sortBy,
-      selection
+      sortBy
     } = (_state = state) === null || _state === void 0 ? void 0 : _state.behaviours;
     const headers = TableTranslator.translateHeaders(data.headers, sortBy);
     const rows = TableTranslator.translateRows(data.rows, selection, selectionConfig);
@@ -42,11 +42,16 @@ class TableTranslator {
       return { ...row,
         isSelected: selected.includes(row.id),
         isSelectable: selected.includes(row.id) || !hasAllSelected,
-        selectionTooltip: !selected.includes(row.id) && hasAllSelected ? selectionConfig.limitExceedAlertMessage : `Record ${index + 1}`
+        selectionTooltip: this.getSelectionTooltip(row.id, index, selected, hasAllSelected, selectionConfig)
       };
     });
   }
 
+  static getSelectionTooltip(id, index, selected, hasAllSelected, selectionConfig) {
+    return `Record ${index + 1}`;
+    return !selected.includes(id) && hasAllSelected ? selectionConfig.limitExceedAlertMessage : `Record ${index + 1}`;
+  }
+
 }
 
 export default TableTranslator;

package/es/library/dot/components/table-list/frameworks/ui/TableList.js

@@ -1,6 +1,5 @@
 import { TableListProperties } from "../../../../../../cc/table-list";
 import { createCustomComponent } from "../../../../../custom-component";
-import ListItemSelectionBehaviourFactory from "../../../../../behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory";
 import TableTranslator from "../../adapters/presenters/TableTranslator";
 import TableListView from "./TableListView";
 import EventHandlersFactory from "./EventHandlersFactory";
@@ -12,7 +11,7 @@ const TableList = createCustomComponent({
   setInitialState: () => ({}),
   transformState: TableTranslator.translate,
   eventHandlers: EventHandlersFactory.create(),
-  behaviours: [ListItemSelectionBehaviourFactory.create(), SortByBehaviourFactory.create(), {
+  behaviours: [SortByBehaviourFactory.create(), {
     name: 'resizerState',
     properties: {},
     eventHandlers: {},

package/es/library/dot/components/table-list/frameworks/ui/TableListView.js

@@ -26,11 +26,11 @@ function TableListView(_ref2, _ref) {
     isFlexibleColumns,
     rowCursor,
     rowActionsConfig,
+    selection,
     emptyStateUiType
   } = state.properties;
   const {
-    resizerState,
-    selection
+    resizerState
   } = state.behaviours;
   const {
     headers,
@@ -93,6 +93,7 @@ function renderHeader(_ref3) {
   } = _ref3;
   return /*#__PURE__*/React.createElement(Header, {
     isSelectionEnabled: selectionConfig.isEnabled,
+    isSelectAllEnabled: selectionConfig.isSelectAllEnabled,
     hasAllSelected: selection.hasAllSelected,
     isResizerEnabled: resizerConfig.isEnabled,
     currentlyResizingColumn: resizerState.currentlyResizingColumn,

package/es/library/dot/components/table-list/frameworks/ui/sub-components/Header.js

@@ -9,6 +9,7 @@ import ResizerExtraSpace from "./header/ResizerExtraSpace";
 function Header(_ref) {
   let {
     isSelectionEnabled,
+    isSelectAllEnabled,
     hasAllSelected,
     isResizerEnabled,
     currentlyResizingColumn,
@@ -28,12 +29,13 @@ function Header(_ref) {
   return /*#__PURE__*/React.createElement(TableHeader, {
     $flag_isColumnsFlexible: isFlexibleColumns,
     $flag_padding: !isSelectionEnabled
-  }, /*#__PURE__*/React.createElement(TableHeaderRow, null, renderSelectAll(isSelectionEnabled, hasAllSelected, dispatch), renderHeaders(headers, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch), renderActionColumn(hasRowActions, rowActionsColumnWidth), renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth)));
+  }, /*#__PURE__*/React.createElement(TableHeaderRow, null, renderSelectAll(isSelectionEnabled, isSelectAllEnabled, hasAllSelected, dispatch), renderHeaders(headers, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch), renderActionColumn(hasRowActions, rowActionsColumnWidth), renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth)));
 }
 
-function renderSelectAll(isSelectionEnabled, hasAllSelected, dispatch) {
+function renderSelectAll(isSelectionEnabled, isSelectAllEnabled, hasAllSelected, dispatch) {
   return /*#__PURE__*/React.createElement(SelectAll, {
     isSelectionEnabled: isSelectionEnabled,
+    isSelectAllEnabled: isSelectAllEnabled,
     hasAllSelected: hasAllSelected,
     dispatch: dispatch
   });

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/SelectAll.js

@@ -6,6 +6,7 @@ import { TableListConstants } from "../../../../../../../../cc/table-list";
 function SelectAll(_ref) {
   let {
     isSelectionEnabled,
+    isSelectAllEnabled,
     hasAllSelected,
     dispatch
   } = _ref;
@@ -14,7 +15,7 @@ function SelectAll(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(TableHeadFirstNode, null, /*#__PURE__*/React.createElement(CheckBox, {
+  return /*#__PURE__*/React.createElement(TableHeadFirstNode, null, isSelectAllEnabled && /*#__PURE__*/React.createElement(CheckBox, {
     checked: hasAllSelected,
     onChange: () => dispatch({
       type: TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/RowSelection.js

@@ -26,8 +26,7 @@ function RowSelection(_ref) {
         id,
         event
       }
-    }),
-    $flag_disabled: !selectable
+    })
   });
 }
 

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

@@ -17,14 +17,16 @@ class Repository {
       departmentId,
       viewId,
       moduleName,
+      query,
       context
     } = this.state.properties;
     const list = ListFactory.createList({
       context,
-      filter: {
+      query: {
         departmentId,
         viewId,
-        moduleName
+        moduleName,
+        ...query
       },
       sortBy,
       limit: 50

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

@@ -65,6 +65,7 @@ export default class TableTranslator {
     return {
       properties,
       behaviours,
+      selection: behaviours === null || behaviours === void 0 ? void 0 : behaviours.selection,
       rowCursor,
       rowActionsConfig: {
         hasActions: Boolean(rowActions === null || rowActions === void 0 ? void 0 : rowActions.length),

package/es/platform/zlist/applications/entities-factory/ListFactory.js

@@ -5,10 +5,10 @@ class ListFactory {
     const {
       limit,
       sortBy,
-      filter,
+      query,
       context
     } = input;
-    return new List(limit, sortBy, filter, context);
+    return new List(limit, sortBy, query, context);
   }
 
 }

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

@@ -2,19 +2,19 @@ import { RECORD_EXECUTE, RECORD_FETCH_MORE, RECORD_REFETCH, RecordApiActionName
 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 { CLIENTACTION_BEHAVIOUR_EXECUTE } from "../../../client-actions/bc/zclient-actions/Constants";
-import { SMART_TABLE_EVENTS } from "../../../../cc/table-connected/Constants";
+import { SmartTableConstants } from "../../../../cc/table-connected";
 
 class List {
-  constructor(limit, sortBy, filter, context) {
+  constructor(limit, sortBy, query, context) {
     this.limit = limit;
     this.sortBy = sortBy;
-    this.filter = filter;
+    this.query = query;
     this.context = context;
   }
 
   createApiProps() {
     const {
-      filter,
+      query,
       limit,
       sortBy,
       context
@@ -22,7 +22,7 @@ class List {
     return {
       limit,
       sortBy,
-      ...filter,
+      ...query,
       ...context
     };
   }
@@ -52,12 +52,14 @@ class List {
     const {
       sortBy: prevSortBy,
       departmentId: preDepartmentId,
-      viewId: preViewId
+      viewId: preViewId,
+      query: preQuery
     } = previousProperties;
     const {
       sortBy: sortBy,
       departmentId: currentDepartmentId,
-      viewId: currentViewId
+      viewId: currentViewId,
+      query: curQuery
     } = currentProperties;
 
     if (prevSortBy !== sortBy) {
@@ -70,16 +72,13 @@ class List {
 
     if (preViewId !== currentViewId) {
       return [this.createRecordsRefetchAction(), this.createSelectedFieldsFetchAction()];
-    } // if (this.shallowDiff(prevFilter, currentFilter)) {
-    //   return [
-    //     this.createRecordsRefetchAction(),
-    //     this.createAvailableFieldsFetchAction(),
-    //     this.createSelectedFieldsFetchAction()
-    //     // TODO: this.createAvailableFieldsRefetchAction(),
-    //     // TODO: this.createSelectedFieldsRefetchAction()
-    //   ];
-    // }
+    }
 
+    if (this.shallowDiff(preQuery, curQuery)) {
+      return [this.createRecordsRefetchAction(), this.createAvailableFieldsFetchAction(), this.createSelectedFieldsFetchAction() // TODO: this.createAvailableFieldsRefetchAction(),
+      // TODO: this.createSelectedFieldsRefetchAction()
+      ];
+    }
 
     return [];
   }
@@ -143,14 +142,14 @@ class List {
 
   getDeleteSuccessAction(recordIds) {
     return {
-      type: SMART_TABLE_EVENTS.DELETE_RECORDS_SUCCESS,
+      type: SmartTableConstants.Events.DELETE_RECORDS_SUCCESS,
       payload: recordIds
     };
   }
 
   getUpdateSuccessAction(recordId) {
     return {
-      type: SMART_TABLE_EVENTS.UPDATE_RECORDS_SUCCESS,
+      type: SmartTableConstants.Events.UPDATE_RECORDS_SUCCESS,
       payload: recordId
     };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -78,6 +78,6 @@
   "dependencies": {
     "ajv": "6.12.6",
     "object-path-immutable": "4.1.2",
-    "jsep": "1.4.0"
+    "jsep": "0.3.5"
   }
 }

package/es/cc/table-connected/Constants.js

@@ -1,4 +0,0 @@
-export const SMART_TABLE_EVENTS = {
-  DELETE_RECORDS_SUCCESS: 'SMART_TABLE#RECORD_DELETED',
-  UPDATE_RECORDS_SUCCESS: 'SMART_TABLE#RECORD_UPDATED'
-};