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

package/es/library/behaviours/keyboard-controls/applications/usecases/InitializeUsecase.js

@@ -0,0 +1,20 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class InitializeUsecase extends AbstractUseCase {
+  execute(host) {
+    const {
+      repository,
+      presenter,
+      keyboardHandler
+    } = this.dependencies;
+    const keyboardControls = repository.getKeyboardControls();
+
+    if (keyboardControls !== null) {
+      keyboardHandler.initialize(host);
+      presenter.updateKeyboardControls(keyboardControls.toObject());
+    }
+  }
+
+}
+
+export default InitializeUsecase;

package/es/library/behaviours/keyboard-controls/applications/usecases/SpacePress.js

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class SpacePress extends AbstractUseCase {
+  execute(inputModel) {
+    const {
+      repository
+    } = this.dependencies;
+    const keyboardControls = repository.getKeyboardControls();
+    const {
+      dispatch,
+      event
+    } = inputModel;
+    const data = keyboardControls.getSelectionEvent(event);
+    dispatch(data);
+  }
+
+}
+
+export default SpacePress;

package/es/library/behaviours/keyboard-controls/applications/usecases/UpArrowPress.js

@@ -0,0 +1,16 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class UpArrowPress extends AbstractUseCase {
+  execute() {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const keyboardControls = repository.getKeyboardControls();
+    keyboardControls.focusPrevious();
+    presenter.updateKeyboardControls(keyboardControls.toObject());
+  }
+
+}
+
+export default UpArrowPress;

package/es/library/behaviours/keyboard-controls/domain/entities/KeyboardControls.js

@@ -0,0 +1,87 @@
+import { SMART_TABLE_ACTION_TRIGGERED, SMART_TABLE_SELECTION_TOGGLED } from "../../../../../cc/table-connected/constants/Events";
+
+class KeyboardControls {
+  constructor(focussedIndex, totalLists) {
+    this.focussedIndex = focussedIndex;
+    this.totalLists = totalLists;
+  }
+
+  setFocussedIndex(index) {
+    this.focussedIndex = index;
+  }
+
+  getFocussedIndex() {
+    return this.focussedIndex;
+  }
+
+  focusPrevious() {
+    if (this.focussedIndex > 0) {
+      this.focussedIndex -= 1;
+    }
+  }
+
+  focusNext() {
+    if (this.totalLists > 1 && this.focussedIndex < this.totalLists - 1) {
+      this.focussedIndex += 1;
+    }
+  } // focusPrevious(): void {
+  //     if (this.focussedIndex > 0) {
+  //         this.focussedIndex -= 1;
+  //     } else if (this.focussedIndex === 0 && this.totalLists > 1) {
+  //         this.focussedIndex = this.totalLists - 1;
+  //     }
+  // }
+  // focusNext(): void {
+  //     if ((this.totalLists > 1) && (this.focussedIndex <= this.totalLists - 1)) {
+  //         if (this.focussedIndex >= this.totalLists - 1) {
+  //             this.focussedIndex = 0;
+  //         } else {
+  //             this.focussedIndex += 1;
+  //         }
+  //     }
+  // }
+  // getPreviousFocusEvent(event: KeyboardEvent): EventModel {
+  //     return {
+  //         type: SMART_TABLE_PREVIOUS_FOCUS,
+  //         payload: {
+  //             event
+  //         }
+  //     }
+  // }
+  // getNextFocusEvent(event: KeyboardEvent): EventModel {
+  //     return {
+  //         type: SMART_TABLE_NEXT_FOCUS,
+  //         payload: {
+  //             event
+  //         }
+  //     }
+  // }
+
+
+  getSelectionEvent(event) {
+    return {
+      type: SMART_TABLE_SELECTION_TOGGLED,
+      payload: {
+        event
+      }
+    };
+  }
+
+  getClickActionEvent(event) {
+    return {
+      type: SMART_TABLE_ACTION_TRIGGERED,
+      payload: {
+        event
+      }
+    };
+  }
+
+  toObject() {
+    return {
+      focussedIndex: this.focussedIndex
+    };
+  }
+
+}
+
+export default KeyboardControls;

package/es/library/behaviours/keyboard-controls/domain/entities/interface/IKeyboardControls.js

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

package/es/library/behaviours/keyboard-controls/domain/entities/interface/KeyboardControlModel.js

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

package/es/library/behaviours/keyboard-controls/frameworks/EventHandlerFactory.js

@@ -0,0 +1,48 @@
+import { KEYBOARD_CONTROL_DOWN_ARROW_PRESSED, KEYBOARD_CONTROL_ENTER_PRESSED, KEYBOARD_CONTROL_SPACE_PRESSED, KEYBOARD_CONTROL_UP_ARROW_PRESSED } from "../../../../bc/keyboard-controls/Constants";
+import UpArrowPressController from "../adapters/controllers/UpArrowPressController";
+import DownArrowPressController from "../adapters/controllers/DownArrowPressController";
+import SpacePressController from "../adapters/controllers/SpacePressController";
+import EnterPressController from "../adapters/controllers/EnterPressController";
+import Service from "../adapters/gateways/Service";
+import Repository from "../adapters/gateways/Repository";
+import Presenter from "../adapters/presenters/Presenter";
+import KeyboardHandler from "../adapters/gateways/KeyboardHandler"; // import FocusPreviousController from "../adapters/controllers/FocusPreviousController";
+// import FocusNextController from "../adapters/controllers/FocusNextController";
+
+import LifeCycleAction from "../../../../cc/architecture/LifeCycleActionEnum";
+import InitializeController from "../adapters/controllers/InitializeController";
+import DestructController from "../adapters/controllers/DestructController";
+
+class EventHandlerFactory {
+  static create() {
+    const service = this.createService();
+    return this.createHandlers(service);
+  }
+
+  static createService() {
+    const repository = new Repository();
+    const presenter = new Presenter();
+    const keyboardHandler = new KeyboardHandler();
+    return new Service({
+      repository: repository,
+      presenter,
+      keyboardHandler
+    });
+  }
+
+  static createHandlers(service) {
+    return {
+      [LifeCycleAction.MOUNT]: new InitializeController(service).handle,
+      [LifeCycleAction.UN_MOUNT]: new DestructController(service).handle,
+      // [SMART_TABLE_PREVIOUS_FOCUS]: new FocusPreviousController(service).handle,
+      // [SMART_TABLE_NEXT_FOCUS]: new FocusNextController(service).handle,
+      [KEYBOARD_CONTROL_UP_ARROW_PRESSED]: new UpArrowPressController(service).handle,
+      [KEYBOARD_CONTROL_DOWN_ARROW_PRESSED]: new DownArrowPressController(service).handle,
+      [KEYBOARD_CONTROL_SPACE_PRESSED]: new SpacePressController(service).handle,
+      [KEYBOARD_CONTROL_ENTER_PRESSED]: new EnterPressController(service).handle
+    };
+  }
+
+}
+
+export default EventHandlerFactory;

package/es/library/behaviours/keyboard-controls/frameworks/KeyboardControlBehaviourFactory.js

@@ -0,0 +1,23 @@
+import EventHandlerFactory from "./EventHandlerFactory";
+import events from "../../../../bc/keyboard-controls/Events";
+import properties from "../../../../bc/keyboard-controls/Properties";
+
+class KeyboardControlBehaviourFactory {
+  static create() {
+    return {
+      name: 'keyboardControls',
+      setInitialState: () => {
+        return {
+          focussedIndex: 0,
+          totalLists: 0
+        };
+      },
+      eventHandlers: EventHandlerFactory.create(),
+      events,
+      properties
+    };
+  }
+
+}
+
+export default KeyboardControlBehaviourFactory;

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

@@ -10,6 +10,7 @@ import UpdateController from "../adapters/controllers/UpdateController";
 import DestructController from "../adapters/controllers/DestructController";
 import SelectController from "../adapters/controllers/SelectController";
 import DeselectController from "../adapters/controllers/DeselectController";
+import LifeCycleEvents from "../../../../cc/component/LifeCycleEventsEnum";
 
 class ActionHandlerFactory {
   static create() {
@@ -28,9 +29,9 @@ class ActionHandlerFactory {
 
   static createHandlers(service) {
     return {
-      ['MOUNT']: new InitializeController(service).handle,
-      ['UPDATE_PROPERTIES']: new UpdateController(service).handle,
-      ['UNMOUNT']: new DestructController(service).handle,
+      [LifeCycleEvents.MOUNT]: new InitializeController(service).handle,
+      [LifeCycleEvents.UPDATE_PROPERTIES]: new UpdateController(service).handle,
+      [LifeCycleEvents.UN_MOUNT]: 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,

package/es/library/custom-component/applications/entities-factory/BehavioursFactory.js

@@ -1,31 +1,18 @@
+import LifeCycleEvents from "../../../../cc/component/LifeCycleEventsEnum";
 import Behaviour from "../../domain/entities/Behaviour";
 import EventHandlersFactory from "./EventHandlersFactory";
 import PropertiesFactory from "./PropertiesFactory";
-/* eslint-disable max-lines-per-function, @zohodesk/architecturerules/no-returnStatement-rule */
 
 class BehavioursFactory {
   static create(input) {
-    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
-    let behaviours = input.behaviours || [];
+    const behaviours = input.behaviours ? input.behaviours : [];
     return behaviours.map(behaviour => {
       // DEPRECATED: Remove while refactoring actionHandlers
       if (behaviour.actionHandlers) {
         behaviour.eventHandlers = behaviour.actionHandlers;
       }
 
-      const {
-        eventHandlers
-      } = behaviour;
-      let newEventHandlers = Object.keys(eventHandlers).reduce((res, next) => {
-        let key = next;
-
-        if (['MOUNT', 'UN_MOUNT', 'UPDATE_PROPERTIES'].includes(next)) {
-          key = input.name + '#' + next;
-        }
-
-        res[key] = eventHandlers[next];
-        return res;
-      }, {});
+      const newEventHandlers = BehavioursFactory.createNamedEventHandlers(behaviour.eventHandlers, input);
       return new Behaviour({
         name: behaviour.name,
         eventHandlers: EventHandlersFactory(newEventHandlers),
@@ -38,6 +25,21 @@ class BehavioursFactory {
     });
   }
 
+  static createNamedEventHandlers(eventHandlers, input) {
+    return Object.keys(eventHandlers).reduce((res, key) => {
+      // if (['MOUNT', 'UN_MOUNT', 'UPDATE_PROPERTIES'].includes(eventName)) {
+      // if ('MOUNT', LifeCycleEvents.UN_MOUNT, LifeCycleEvents.UPDATE_PROPERTIES, LifeCycleEvents.STATE_UPDATED].includes(eventName)) {
+      let eventName = key;
+
+      if (LifeCycleEvents[key]) {
+        eventName = `${input.name}#${key}`;
+      }
+
+      res[eventName] = eventHandlers[key];
+      return res;
+    }, {});
+  }
+
 }
 
 export default BehavioursFactory;

package/es/library/custom-component/applications/usecases/UpdatePropertyUseCase.js

@@ -21,6 +21,9 @@ class UpdatePropertyUseCase extends AbstractUseCase {
         previousProperties: properties
       });
       eventManager.dispatch(updatePropertyAction);
+      eventManager.dispatch(component.getStateUpdatedAction({
+        state
+      }));
     }
   }
 

package/es/library/custom-component/applications/usecases/UpdateStateUseCase.js

@@ -4,7 +4,8 @@ class UpdateStateUseCase extends AbstractUseCase {
   execute(newState) {
     let {
       repository,
-      presenter
+      presenter,
+      eventManager
     } = this.dependencies;
     let component = repository.getComponent(); // let preState=component.getState();
     // console.log(`preState ${component.getName()}`,preState)
@@ -13,6 +14,9 @@ class UpdateStateUseCase extends AbstractUseCase {
     let state = component.getState(); // console.log(`newState ${component.getName()}`,state)
 
     presenter.render(state);
+    eventManager.dispatch(component.getStateUpdatedAction({
+      state
+    }));
   }
 
 }

package/es/library/custom-component/domain/entities/Component.js

@@ -64,6 +64,10 @@ export default class Component {
     return this._lifeCycleAction.getUpdatePropertiesAction(payload);
   }
 
+  getStateUpdatedAction(payload) {
+    return this._lifeCycleAction.getStateUpdatedAction(payload);
+  }
+
   getState() {
     let state = this._tranformer(this.mergeStateAndProps());
 

package/es/library/custom-component/domain/entities/LifeCycleAction.js

@@ -1,23 +1,27 @@
 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; }
 
+import LifeCycleEvents from "../../../../cc/component/LifeCycleEventsEnum";
 export default class LifeCycleAction {
   constructor(name) {
     _defineProperty(this, "mount", void 0);
 
     _defineProperty(this, "unmount", void 0);
 
+    _defineProperty(this, "name", void 0);
+
     _defineProperty(this, "contructUpdatePropertiesAction", void 0);
 
+    this.name = name;
     this.mount = {
-      type: `${name}#MOUNT`
+      type: `${name}#${LifeCycleEvents.MOUNT}`
     };
     this.unmount = {
-      type: `${name}#UN_MOUNT`
+      type: `${name}#${LifeCycleEvents.UN_MOUNT}`
     };
 
     this.contructUpdatePropertiesAction = payload => {
       return {
-        type: `${name}#UPDATE_PROPERTIES`,
+        type: `${name}#${LifeCycleEvents.UPDATE_PROPERTIES}`,
         payload
       };
     };
@@ -31,6 +35,13 @@ export default class LifeCycleAction {
     return this.unmount;
   }
 
+  getStateUpdatedAction(payload) {
+    return {
+      type: `${this.name}#${LifeCycleEvents.STATE_UPDATED}`,
+      payload
+    };
+  }
+
   getUpdatePropertiesAction(payload) {
     return this.contructUpdatePropertiesAction(payload);
   }

package/es/library/custom-component/frameworks/ui/ComponentRegistry.js

@@ -14,6 +14,14 @@ class ComponentRegistry {
   }
 
   register(name, component) {
+    if (this.components.has(name)) {
+      console.warn(`Component with name "${name}" is already registered. Overwriting the existing component.`);
+    }
+
+    if (this.components.has(name) && this.get(name) !== component) {
+      console.warn(`Component with name "${name}" is already registered with a different instance. Overwriting the existing component.`);
+    }
+
     this.components.set(name, component);
   }
 

package/es/library/dot/components/action-location/frameworks/ui/ActionComponentMapping.js

@@ -1,9 +1,13 @@
 import ActionIcon from "../../../../legacy-to-new-arch/action-icon/frameworks/ui/ActionIcon";
 import TableColumnSort from "../../../../legacy-to-new-arch/table-column-sort/frameworks/ui/TableColumnSort";
+import TableColumnChooser from "../../../../legacy-to-new-arch/table-column-chooser/frameworks/ui/TableColumnChooser";
+import Checkbox from "../../../../legacy-to-new-arch/checkbox/frameworks/ui/Checkbox";
 import TableColumnFilter from "../../../../legacy-to-new-arch/table-column-filter/frameworks/ui/TableColumnFilter";
 const ActionComponentMapping = {
   ['ActionIcon']: ActionIcon,
   ['TableColumnSort']: TableColumnSort,
+  ['TableColumnChooser']: TableColumnChooser,
+  ['TableSelectAll']: Checkbox,
   ['TableColumnFilter']: TableColumnFilter
 };
 export default ActionComponentMapping;

package/es/library/dot/components/action-location/frameworks/ui/EventHandlersFactory.js

@@ -24,7 +24,7 @@ export default class EventHandlersFactory {
     return {
       [ActionLocationConstants.MOUNT]: initializeController.handle,
       [ActionLocationConstants.UPDATE_PROPERTIES]: propertiesChangeController.handle,
-      [ActionLocationConstants.UNMOUNT]: unmountController.handle
+      [ActionLocationConstants.UN_MOUNT]: unmountController.handle
     };
   }
 

package/es/library/dot/components/table-list/adapters/controllers/KeyboardRowClickController.js

@@ -0,0 +1,36 @@
+import SmartTableConstants from "../../../../../../cc/table-connected/constants/Events";
+import AbstractController from "./AbstractController";
+
+class KeyboardRowClickController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      dispatch,
+      action
+    } = event;
+    const {
+      event: keyboardEvent
+    } = action.payload;
+    const {
+      focussedRow,
+      data
+    } = state.properties || {};
+    const record = data === null || data === void 0 ? void 0 : data.rows[focussedRow];
+
+    if (!record) {
+      return;
+    }
+
+    let id = record.id;
+    dispatch({
+      type: SmartTableConstants.SMART_TABLE_ROW_ACTION_TRIGGERED,
+      payload: {
+        id,
+        event: keyboardEvent
+      }
+    });
+  }
+
+}
+
+export default KeyboardRowClickController;

package/es/library/dot/components/table-list/adapters/controllers/KeyboardRowSelectController.js

@@ -0,0 +1,31 @@
+import { LIST_SELECTION_TOGGLE_ITEMS } from "../../../../../../bc/list-selection/Constants";
+import AbstractController from "./AbstractController";
+
+class KeyboardRowSelectController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      dispatch
+    } = event;
+    const {
+      focussedRow,
+      data
+    } = state.properties || {};
+    const record = data === null || data === void 0 ? void 0 : data.rows[focussedRow];
+
+    if (!record) {
+      return;
+    }
+
+    let id = record.id;
+    dispatch({
+      type: LIST_SELECTION_TOGGLE_ITEMS,
+      payload: {
+        selected: [id]
+      }
+    });
+  }
+
+}
+
+export default KeyboardRowSelectController;

package/es/library/dot/components/table-list/adapters/controllers/index.js

@@ -4,4 +4,6 @@ export { default as ScrollController } from "./ScrollController";
 export { default as SortByController } from "./SortByController";
 export { default as SortedController } from "./SortedController";
 export { default as FieldChangeController } from "./FieldChangeController";
-export { default as FieldClickController } from "./FieldClickController";
+export { default as FieldClickController } from "./FieldClickController";
+export { default as KeyboardRowSelectController } from "./KeyboardRowSelectController";
+export { default as KeyboardRowClickController } from "./KeyboardRowClickController";

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

@@ -4,10 +4,11 @@ class TableTranslator {
       data,
       selectionConfig,
       selection,
-      sortBy
+      sortBy,
+      focussedRow
     } = state.properties;
     const headers = TableTranslator.translateHeaders(data.headers, sortBy);
-    const rows = TableTranslator.translateRows(data.rows, selection, selectionConfig);
+    const rows = TableTranslator.translateRows(data.rows, selection, selectionConfig, focussedRow);
     state = { ...state,
       properties: { ...state.properties,
         data: { ...data,
@@ -28,13 +29,14 @@ class TableTranslator {
     });
   }
 
-  static translateRows(rows, selection, selectionConfig) {
+  static translateRows(rows, selection, selectionConfig, focussedRow) {
     const {
       selected,
       hasAllSelected
     } = selection;
     return rows.map((row, index) => {
       return { ...row,
+        isFocussed: focussedRow === index,
         isSelected: selected.includes(row.id),
         isSelectable: selected.includes(row.id) || !hasAllSelected,
         selectionTooltip: this.getSelectionTooltip(row.id, index, selected, hasAllSelected, selectionConfig)

package/es/library/dot/components/table-list/frameworks/hooks/useDropIndicator.js

@@ -0,0 +1,8 @@
+import { useState } from 'react';
+export function useDropIndicator() {
+  const [dropIndicator, setDropIndicator] = useState({
+    index: null,
+    position: ''
+  });
+  return [dropIndicator, setDropIndicator];
+}

package/es/library/dot/components/table-list/frameworks/hooks/useRowData.js

@@ -0,0 +1,8 @@
+import { useState, useEffect } from 'react';
+export function useRowData(rows) {
+  const [rowData, setRowData] = useState(rows);
+  useEffect(() => {
+    setRowData(rows);
+  }, [rows]);
+  return [rowData, setRowData];
+}

package/es/library/dot/components/table-list/frameworks/hooks/useTableRowReorder.js

@@ -0,0 +1,93 @@
+import { useCallback } from 'react';
+import TableListEventConstants from "../../../../../../cc/table-list/Constants";
+import { useRowData } from "./useRowData";
+import { useDropIndicator } from "./useDropIndicator";
+import { reorderArray, setTableUserSelect, adjustHelperElementPosition, getDropIndicator } from "../utils/reOrder"; // @ts-ignore
+
+import style from "./../ui/css/TableList.module.css";
+export function useTableRowReorder(_ref) {
+  let {
+    rows,
+    TableRef,
+    dispatch
+  } = _ref;
+  const [rowData, setRowData] = useRowData(rows);
+  const [dropIndicator, setDropIndicator] = useDropIndicator();
+  const {
+    TABLE_LIST_ROW_DRAG_START,
+    TABLE_LIST_ROW_DRAG_END
+  } = TableListEventConstants;
+
+  const handleSortStart = _ref2 => {
+    let {
+      index
+    } = _ref2;
+    setTableUserSelect(TableRef, 'none');
+    adjustHelperElementPosition(TableRef, style.dragging);
+    dispatch({
+      type: TABLE_LIST_ROW_DRAG_START,
+      payload: {
+        index
+      }
+    });
+  };
+
+  const handleSortEnd = _ref3 => {
+    let {
+      oldIndex,
+      newIndex
+    } = _ref3;
+    setTableUserSelect(TableRef, '');
+    let arr = reorderArray(rowData, oldIndex, newIndex);
+    setRowData(arr);
+    setDropIndicator({
+      index: null,
+      position: ''
+    });
+    dispatch({
+      type: TABLE_LIST_ROW_DRAG_END,
+      payload: {
+        oldIndex,
+        newIndex
+      }
+    });
+  };
+
+  const handleSortOver = _ref4 => {
+    let {
+      index,
+      oldIndex,
+      newIndex
+    } = _ref4;
+    const dropIndicatorData = getDropIndicator({
+      index,
+      oldIndex,
+      newIndex,
+      rowsLength: rows.length
+    });
+    setDropIndicator({
+      index: dropIndicatorData.index,
+      position: dropIndicatorData.position
+    });
+  };
+
+  const getHelperDimensions = useCallback(_ref5 => {
+    let {
+      node
+    } = _ref5;
+    return {
+      height: node.offsetHeight,
+      width: TableRef.current.offsetWidth
+    };
+  }, [TableRef]);
+  return {
+    rowData,
+    dropIndicator,
+    handleSortStart,
+    handleSortEnd,
+    handleSortOver,
+    getHelperDimensions,
+    setRowData,
+    setDropIndicator
+  };
+}

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

@@ -1,11 +1,14 @@
 import { TableListConstants } from "../../../../../../cc/table-list";
-import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController } from "../../adapters/controllers";
+import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController, KeyboardRowSelectController, KeyboardRowClickController } from "../../adapters/controllers";
 import TableRowConstants from "../../../../../../cc/table-list/row/Constants";
 import RowClickController from "../../adapters/controllers/RowClickController";
+import { SMART_TABLE_ACTION_TRIGGERED, SMART_TABLE_SELECTION_TOGGLED } from "../../../../../../cc/table-connected/constants/Events";
 
 class EventHandlersFactory {
   static create() {
     return {
+      [SMART_TABLE_SELECTION_TOGGLED]: new KeyboardRowSelectController().handle,
+      [SMART_TABLE_ACTION_TRIGGERED]: new KeyboardRowClickController().handle,
       [TableRowConstants.TABLE_ROW_CLICKED]: new RowClickController().handle,
       [TableListConstants.TABLE_LIST_TOGGLE_ITEM_SELECTION]: new SelectItemController().handle,
       [TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION]: new SelectAllController().handle,