@zohodesk/library-platform 1.1.2 → 1.1.3

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;

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

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

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

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

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

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

package/es/library/behaviours/keyboard-controls/adapters/gateways/KeyboardHandler.js

@@ -0,0 +1,81 @@
+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 { KEYBOARD_CONTROL_DOWN_ARROW_PRESSED, KEYBOARD_CONTROL_ENTER_PRESSED, KEYBOARD_CONTROL_SPACE_PRESSED, KEYBOARD_CONTROL_UP_ARROW_PRESSED } from "../../../../../bc/keyboard-controls/Constants";
+
+class KeyboardHandler {
+  constructor() {
+    _defineProperty(this, "dispatch", void 0);
+
+    this.handleKeypress = this.handleKeypress.bind(this);
+    this.initialize = this.initialize.bind(this);
+    this.destruct = this.destruct.bind(this);
+  }
+
+  setDispatch(dispatch) {
+    this.dispatch = dispatch;
+  }
+
+  handleKeypress(event) {
+    if (['ArrowUp', 'ArrowDown', 'Space', 'Enter'].includes(event.code)) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+
+    switch (event.code) {
+      case 'ArrowUp':
+        this.dispatch({
+          type: KEYBOARD_CONTROL_UP_ARROW_PRESSED,
+          payload: {
+            event
+          }
+        });
+        break;
+
+      case 'ArrowDown':
+        this.dispatch({
+          type: KEYBOARD_CONTROL_DOWN_ARROW_PRESSED,
+          payload: {
+            event
+          }
+        });
+        break;
+
+      case 'Space':
+        this.dispatch({
+          type: KEYBOARD_CONTROL_SPACE_PRESSED,
+          payload: {
+            event
+          }
+        });
+        break;
+
+      case 'Enter':
+        this.dispatch({
+          type: KEYBOARD_CONTROL_ENTER_PRESSED,
+          payload: {
+            event
+          }
+        });
+        break;
+    }
+  }
+
+  initialize(host) {
+    if (host) {
+      host.addEventListener('keydown', this.handleKeypress);
+    } else {
+      document.addEventListener('keydown', this.handleKeypress);
+    }
+  }
+
+  destruct(host) {
+    if (host) {
+      host.removeEventListener('keydown', this.handleKeypress);
+    } else {
+      document.removeEventListener('keydown', this.handleKeypress);
+    }
+  }
+
+}
+
+export default KeyboardHandler;

package/es/library/behaviours/keyboard-controls/adapters/gateways/Repository.js

@@ -0,0 +1,47 @@
+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 KeyboardControls from "../../domain/entities/KeyboardControls";
+
+class Repository {
+  constructor() {
+    _defineProperty(this, "state", void 0);
+  }
+
+  init(state) {
+    this.state = state;
+  }
+
+  getKeyboardControls() {
+    var _zrecord$records;
+
+    const {
+      behaviours,
+      properties
+    } = this.state;
+    const {
+      keyboardControlsConfig
+    } = properties;
+    let isKeyboardControlEnabled = keyboardControlsConfig === null || keyboardControlsConfig === void 0 ? void 0 : keyboardControlsConfig.isEnabled;
+
+    if (!isKeyboardControlEnabled) {
+      return null;
+    }
+    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
+
+
+    const {
+      zrecord,
+      keyboardControls
+    } = behaviours;
+    const {
+      focussedIndex
+    } = keyboardControls;
+    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
+
+    const totalRows = (zrecord === null || zrecord === void 0 ? void 0 : (_zrecord$records = zrecord.records) === null || _zrecord$records === void 0 ? void 0 : _zrecord$records.length) || 0;
+    return new KeyboardControls(focussedIndex, totalRows);
+  }
+
+}
+
+export default Repository;

package/es/library/behaviours/keyboard-controls/adapters/gateways/Service.js

@@ -0,0 +1,40 @@
+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 DestructUsecase from "../../applications/usecases/DestructUsecase";
+import DownArrowPress from "../../applications/usecases/DownArrowPress";
+import EnterPress from "../../applications/usecases/EnterPress"; // import FocusNextUsecase from "../../applications/usecases/FocusNextUsecase";
+// import FocusPreviousUsecase from "../../applications/usecases/FocusPreviousUsecase";
+
+import InitializeUsecase from "../../applications/usecases/InitializeUsecase";
+import SpacePress from "../../applications/usecases/SpacePress";
+import UpArrowPress from "../../applications/usecases/UpArrowPress";
+
+class Service {
+  // FocusPreviousUsecase: FocusPreviousUsecase;
+  // FocusNextUsecase: FocusNextUsecase;
+  constructor(dependencies) {
+    _defineProperty(this, "UpArrowPressUsecase", void 0);
+
+    _defineProperty(this, "DownArrowPressUsecase", void 0);
+
+    _defineProperty(this, "SpacePressUsecase", void 0);
+
+    _defineProperty(this, "EnterPressUsecase", void 0);
+
+    _defineProperty(this, "InitializeUsecase", void 0);
+
+    _defineProperty(this, "DestructUsecase", void 0);
+
+    this.UpArrowPressUsecase = new UpArrowPress(dependencies);
+    this.DownArrowPressUsecase = new DownArrowPress(dependencies);
+    this.SpacePressUsecase = new SpacePress(dependencies);
+    this.EnterPressUsecase = new EnterPress(dependencies); // this.FocusPreviousUsecase = new FocusPreviousUsecase(dependencies);
+    // this.FocusNextUsecase = new FocusNextUsecase(dependencies);
+
+    this.InitializeUsecase = new InitializeUsecase(dependencies);
+    this.DestructUsecase = new DestructUsecase(dependencies);
+  }
+
+}
+
+export default Service;

package/es/library/behaviours/keyboard-controls/adapters/presenters/Presenter.js

@@ -0,0 +1,39 @@
+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 Presenter {
+  constructor() {
+    _defineProperty(this, "state", void 0);
+
+    _defineProperty(this, "updateState", void 0);
+
+    _defineProperty(this, "host", document.createElement('div'));
+
+    _defineProperty(this, "listItemSelector", 'tbody tr');
+  }
+
+  updateDependencies(state, updateState, host) {
+    this.state = state;
+    this.updateState = updateState;
+    this.host = host;
+  }
+
+  updateKeyboardControls(keyboardControls) {
+    this.updateState({ ...this.state,
+      behaviours: { ...this.state.behaviours,
+        keyboardControls
+      }
+    });
+    this.focusListItem(keyboardControls.focussedIndex);
+  }
+
+  focusListItem(index) {
+    const listItems = this.host.querySelectorAll(this.listItemSelector);
+
+    if (listItems.length !== 0) {
+      listItems[index].focus();
+    }
+  }
+
+}
+
+export default Presenter;

package/es/library/behaviours/keyboard-controls/applications/interfaces/UseCaseDependencies.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/gateways/IKeyboardHandler.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/gateways/IRepository.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/gateways/IService.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/DestructInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/DownArrowPressInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/EnterPressInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/FocusNextInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/FocusPreviousInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/InitializeInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/RowActionInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/SelectionInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/SpacePressInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/input/UpArrowPressInputModel.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/output/IPresenter.js

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

package/es/library/behaviours/keyboard-controls/applications/interfaces/output/OutputModel.js

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

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

@@ -0,0 +1,19 @@
+class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  updateDependencies(state, updateState, dispatch, host) {
+    const {
+      repository,
+      presenter,
+      keyboardHandler
+    } = this.dependencies;
+    repository.init(state);
+    presenter.updateDependencies(state, updateState, host);
+    keyboardHandler.setDispatch(dispatch);
+  }
+
+}
+
+export default AbstractUseCase;

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

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

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

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

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

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

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

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

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

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

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;