@zohodesk/library-platform 1.0.0-exp.3 → 1.0.0-exp.5

package/es/cc/component/properties/getRefPropertySchema.js

@@ -0,0 +1,10 @@
+export default {
+  name: 'getRef',
+  required: false,
+  defaultValue: null,
+  typeMetadata: {
+    schema: {
+      type: 'function'
+    }
+  }
+};

package/es/cc/fields/field/Types.js

@@ -0,0 +1,21 @@
+var Types = /*#__PURE__*/function (Types) {
+  Types["CheckboxField"] = "CheckboxField";
+  Types["SwitchField"] = "SwitchField";
+  Types["SingleLineField"] = "SingleLineField";
+  Types["MultiLineField"] = "MultiLineField";
+  Types["EmailField"] = "EmailField";
+  Types["URLField"] = "URLField";
+  Types["PhoneField"] = "PhoneField";
+  Types["CurrencyField"] = "CurrencyField";
+  Types["LookUpField"] = "LookUpField";
+  Types["PickListField"] = "PickListField";
+  Types["PercentageField"] = "PercentageField";
+  Types["DateField"] = "DateField";
+  Types["DateTimeField"] = "DateTimeField";
+  Types["NumberField"] = "NumberField";
+  Types["DecimalField"] = "DecimalField";
+  Types["MultiSelectField"] = "MultiSelectField";
+  return Types;
+}(Types || {});
+
+export default Types;

package/es/cc/fields/multi-select/Model.js

@@ -1,16 +1,14 @@
-export default function MultiListFieldModel(_ref) {
+function MultiListFieldModel(_ref) {
   let {
     name,
     value,
-    options,
-    subType,
     uiType
   } = _ref;
   return {
     name,
     type: uiType,
-    // options,
-    // subType,
     value
   };
-}
+}
+
+export default MultiListFieldModel;

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import TableList from "../../../library/dot/components/table-list/frameworks/ui/TableList";
-export default function View(_ref, ref) {
+
+function View(_ref, ref) {
   let {
-    state,
-    helpers
+    state
   } = _ref;
   const {
     isLoading,
@@ -27,6 +27,8 @@ export default function View(_ref, ref) {
     selectionConfig: properties.selectionConfig
   }));
 }
+
+export default View;
 View.propTypes = {
   state: PropTypes.string
 };

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

@@ -10,7 +10,7 @@ class AllSelectionController extends AbstractController {
       allSelectionUseCase
     } = this.service;
     allSelectionUseCase.updateDependencies(state, updateState);
-    allSelectionUseCase.execute(null);
+    allSelectionUseCase.execute();
   }
 
 }

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

@@ -9,13 +9,8 @@ class DestructController extends AbstractController {
       state,
       updateState
     } = event;
-    const {
-      selected
-    } = state.behaviours.selection;
     destructUseCase.updateDependencies(state, updateState);
-    destructUseCase.execute({
-      selected
-    });
+    destructUseCase.execute();
   }
 
 }

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

@@ -7,16 +7,10 @@ class InitializeController extends AbstractController {
     } = this.service;
     const {
       state,
-      updateState,
-      dispatch
+      updateState
     } = event;
-    const {
-      selected
-    } = state.behaviours.selection;
     initializeUseCase.updateDependencies(state, updateState);
-    initializeUseCase.execute({
-      selected
-    });
+    initializeUseCase.execute();
   }
 
 }

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

@@ -12,15 +12,21 @@ class Repository {
   }
 
   getListItemSelection() {
-    var _this$state, _this$state$behaviour, _this$state2;
+    const {
+      behaviours,
+      properties
+    } = this.state;
+    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
 
     const {
       selected
-    } = ((_this$state = this.state) === null || _this$state === void 0 ? void 0 : (_this$state$behaviour = _this$state.behaviours) === null || _this$state$behaviour === void 0 ? void 0 : _this$state$behaviour.selection) || {};
+    } = (behaviours === null || behaviours === void 0 ? void 0 : behaviours.selection) || {};
+    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
+
     const {
       selectionConfig,
       data
-    } = ((_this$state2 = this.state) === null || _this$state2 === void 0 ? void 0 : _this$state2.properties) || {};
+    } = 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;
     return new ListItemSelection(selected, itemIds, maxSelectionCount);

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

@@ -3,7 +3,7 @@ class ListItemSelection {
     this.selected = selected;
     this.itemIds = itemIds;
     this.maxSelectionCount = maxSelectionCount;
-    this.selected = this.selected.filter(selectedId => this.itemIds.includes(selectedId)); // Remove items that does not exist
+    this.selected = this.selected.filter(selectedId => this.itemIds.includes(selectedId)); // NOTE: Remove items that does not exist
   }
 
   selectItem(id) {

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

@@ -11,27 +11,27 @@ import DestructController from "../adapters/controllers/DestructController";
 
 class ActionHandlerFactory {
   static create() {
+    const service = this.createService();
+    return this.createHandlers(service);
+  }
+
+  static createService() {
     const repository = new Repository();
     const presenter = new Presenter();
-    const service = new Service({
+    return new Service({
       repository,
       presenter
     });
-    const controller = {
-      init: new InitializeController(service).handle,
-      updateProperties: new UpdateController(service).handle,
-      destruct: new DestructController(service).handle,
-      toggleItems: new SelectionController(service).handle,
-      toggleAll: new AllSelectionController(service).handle,
-      toggleRange: new RangeSelectionController(service).handle
-    };
+  }
+
+  static createHandlers(service) {
     return {
-      ['MOUNT']: controller.init,
-      ['UPDATE_PROPERTIES']: controller.updateProperties,
-      ['UNMOUNT']: controller.destruct,
-      [LIST_SELECTION_TOGGLE_ITEMS]: controller.toggleItems,
-      [LIST_SELECTION_TOGGLE_ALL]: controller.toggleAll,
-      [LIST_SELECTION_TOGGLE_ITEMS_IN_RANGE]: controller.toggleRange
+      ['MOUNT']: new InitializeController(service).handle,
+      ['UPDATE_PROPERTIES']: new UpdateController(service).handle,
+      ['UNMOUNT']: new DestructController(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/behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory.js

@@ -6,12 +6,7 @@ class ListItemSelectionBehaviourFactory {
   static create() {
     return {
       name: 'selection',
-      setInitialState: _ref => {
-        let {
-          properties
-        } = _ref;
-        // We are not giving this feature!
-        // const { selectedItems } = properties.selectionConfig.selectedItems;
+      setInitialState: () => {
         return {
           selected: [],
           hasAllSelected: false

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

@@ -1,7 +1,7 @@
 import AbstractUseCase from "./AbstractUseCase";
 
 class AllItemsSelection extends AbstractUseCase {
-  execute(inputModel) {
+  execute() {
     const {
       repository,
       presenter

package/es/library/behaviours/list-selection/usecases/interactors/Destruct.js

@@ -1,7 +1,7 @@
 import AbstractUseCase from "./AbstractUseCase";
 
 class Destruct extends AbstractUseCase {
-  execute(input) {}
+  execute() {}
 
 }
 

package/es/library/behaviours/list-selection/usecases/interactors/Initialize.js

@@ -1,7 +1,7 @@
 import AbstractUseCase from "./AbstractUseCase";
 
 class Initialize extends AbstractUseCase {
-  execute(inputModel) {
+  execute() {
     const {
       repository,
       presenter

package/es/library/behaviours/sort-by/adapters/gateway/Repository.js

@@ -11,11 +11,14 @@ export default class Repository {
   }
 
   getSortByEntity() {
+    const {
+      behaviours
+    } = this.state;
     const {
       id,
       name,
       order
-    } = this.state.behaviours.sortBy;
+    } = behaviours.sortBy;
     return new SortBy(id, name, order);
   }
 

package/es/library/behaviours/sort-by/frameworks/ui/DemoBehaviour.js

@@ -1,15 +1,11 @@
 import Properties from "../../../../../bc/sort-by/Properties";
 
+// REVIEW: Class never used
 class DemoBehaviour {
   static create() {
     return {
       name: 'demo_behaviour',
-      setInitialState: _ref => {
-        let {
-          properties
-        } = _ref;
-        return {};
-      },
+      setInitialState: () => ({}),
       properties: Properties,
       eventHandlers: {
         "DEMO": () => {

package/es/library/behaviours/text-to-field-click/adapters/controllers/ClickController.js

@@ -0,0 +1,23 @@
+class ClickController {
+  constructor(clickUseCase) {
+    this.clickUseCase = clickUseCase;
+    this.handle = this.handle.bind(this);
+  }
+
+  handle(event) {
+    const {
+      state,
+      dispatch
+    } = event;
+    const {
+      clickUseCase
+    } = this;
+    clickUseCase.updateDependencies(state);
+    clickUseCase.execute({
+      dispatch
+    });
+  }
+
+}
+
+export default ClickController;

package/es/library/behaviours/text-to-field-click/adapters/gateway/Repository.js

@@ -0,0 +1,20 @@
+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 FieldEventConverter from "../../entities/FieldEventConverter";
+export default class Repository {
+  constructor() {
+    _defineProperty(this, "state", void 0);
+  }
+
+  init(state) {
+    this.state = state;
+  }
+
+  getFieldEventConverter() {
+    const {
+      name
+    } = this.state.properties;
+    return new FieldEventConverter(name);
+  }
+
+}

package/es/library/behaviours/text-to-field-click/entities/FieldEventConverter.js

@@ -0,0 +1,19 @@
+import FieldConstants from "../../../../cc/fields/field/Constants";
+
+class FieldEventConverter {
+  constructor(fieldName) {
+    this.fieldName = fieldName;
+  }
+
+  getFieldClickEvent() {
+    return {
+      type: FieldConstants.FIELD_CLICKED,
+      payload: {
+        fieldName: this.fieldName
+      }
+    };
+  }
+
+}
+
+export default FieldEventConverter;

package/es/library/behaviours/text-to-field-click/frameworks/ui/EventHandlersFactory.js

@@ -0,0 +1,17 @@
+import TextConstants from "../../../../../cc/text/Constants";
+import Repository from "../../adapters/gateway/Repository";
+import ClickController from "../../adapters/controllers/ClickController";
+import ClickUseCase from "../../usecases/interactors/ClickUseCase";
+export class EventHandlersFactory {
+  static create() {
+    const repository = new Repository();
+    const clickUseCase = new ClickUseCase({
+      repository
+    });
+    const clickController = new ClickController(clickUseCase);
+    return {
+      [TextConstants.TEXT_CLICKED]: clickController.handle
+    };
+  }
+
+}

package/es/library/behaviours/text-to-field-click/frameworks/ui/TextToFieldClickBehaviourFactory.js

@@ -0,0 +1,15 @@
+import { EventHandlersFactory } from "./EventHandlersFactory";
+
+class TextToFieldClickBehaviourFactory {
+  static create() {
+    return {
+      name: 'textToFieldClick',
+      setInitialState: () => undefined,
+      properties: {},
+      eventHandlers: EventHandlersFactory.create()
+    };
+  }
+
+}
+
+export default TextToFieldClickBehaviourFactory;

package/es/library/behaviours/text-to-field-click/usecases/interactors/AbstractUseCase.js

@@ -0,0 +1,15 @@
+class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  updateDependencies(state) {
+    const {
+      repository
+    } = this.dependencies;
+    repository.init(state);
+  }
+
+}
+
+export default AbstractUseCase;

package/es/library/behaviours/text-to-field-click/usecases/interactors/ClickUseCase.js

@@ -0,0 +1,17 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ClickUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      repository
+    } = this.dependencies;
+    const {
+      dispatch
+    } = input;
+    const fieldEventConverter = repository.getFieldEventConverter();
+    dispatch(fieldEventConverter.getFieldClickEvent());
+  }
+
+}
+
+export default ClickUseCase;

package/es/library/custom-component/adapters/controllers/Controller.js

@@ -4,27 +4,45 @@ class Controller {
   }
 
   initialize(input) {
-    this.service.initializeUseCase.execute(input);
+    const {
+      initializeUseCase
+    } = this.service;
+    initializeUseCase.execute(input);
   }
 
   mount() {
-    this.service.mountUseCase.execute();
+    const {
+      mountUseCase
+    } = this.service;
+    mountUseCase.execute();
   }
 
   unmount() {
-    this.service.unmountUseCase.execute();
+    const {
+      unmountUseCase
+    } = this.service;
+    unmountUseCase.execute();
   }
 
   updateProperties(newProps) {
-    this.service.updatePropertiesUseCase.execute(newProps);
+    const {
+      updatePropertiesUseCase
+    } = this.service;
+    updatePropertiesUseCase.execute(newProps);
   }
 
   updateState(newState) {
-    this.service.updateStateUseCase.execute(newState);
+    const {
+      updateStateUseCase
+    } = this.service;
+    updateStateUseCase.execute(newState);
   }
 
   dispatch(action) {
-    this.service.dispatchUseCase.execute(action);
+    const {
+      dispatchUseCase
+    } = this.service;
+    dispatchUseCase.execute(action);
   }
 
 }

package/es/library/custom-component/adapters/gateways/event-manager/EventManager.js

@@ -22,7 +22,7 @@ class EventManager {
     events.forEach((eventHandlers, key) => {
       this._element && eventHandlers.map(eventHandler => {
         this._element.addEventListener(key, eventHandler);
-      }); // this._element && this._element.addEventListener(key, actionHandler);
+      });
     });
   }
 
@@ -39,25 +39,29 @@ class EventManager {
       payload,
       metaData,
       type
-    } = event; // @ts-ignore
-
-    if (__DEVELOPMENT__) {
-      if (globalThis.enableEventLogging && type) {
-        const index = type.indexOf('#');
-        console.log('%cEvent %c' + type.slice(0, index) + '%c' + type.slice(index), 'color: cyan;font-weight: bold', 'color: yellow;font-weight: bold', 'color: greenyellow;font-weight: bold', {
-          payload,
-          metaData
-        });
-      }
-    }
+    } = event;
+    this.log(type, payload, metaData);
 
     if (!this._element) {
-      console.error('Error check ref', this._element, type, {
+      console.error('Error: Element `ref` not found!', this._element, type, {
         payload,
         metaData
       });
     }
 
+    this.dispatchEvent({
+      type,
+      payload,
+      metaData
+    });
+  }
+
+  dispatchEvent(event) {
+    let {
+      payload,
+      metaData,
+      type
+    } = event;
     this._element && this._element.dispatchEvent(new CustomEvent(type, {
       bubbles: true,
       detail: {
@@ -67,6 +71,19 @@ class EventManager {
     }));
   }
 
+  log(type, payload, metaData) {
+    // @ts-ignore
+    if (__DEVELOPMENT__) {
+      if (globalThis.enableEventLogging && type) {
+        const index = type.indexOf('#');
+        console.log('%cEvent %c' + type.slice(0, index) + '%c' + type.slice(index), 'color: cyan;font-weight: bold', 'color: yellow;font-weight: bold', 'color: greenyellow;font-weight: bold', {
+          payload,
+          metaData
+        });
+      }
+    }
+  }
+
 }
 
 export default EventManager;

package/es/library/custom-component/adapters/presenters/Presenter.js

@@ -18,13 +18,6 @@ class Presenter {
   }
 
   render(state) {
-    // try {
-    //   let a = undefined;
-    //   console.log(a.b.c);
-    // } catch (e) {
-    //   console.log(e);
-    // }
-    // console.log("state", state);
     this.updateState(state);
   }
 

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

@@ -85,7 +85,7 @@ export default class Component {
   }
 
   setStateInitializer(_stateInitializer) {
-    this._stateInitializer = _stateInitializer;
+    this._stateInitializer = typeof _stateInitializer !== 'function' ? input => input : _stateInitializer;
   }
 
   setBehaviours(behaviours) {
@@ -120,32 +120,32 @@ export default class Component {
     this._state.updateState(state);
   }
 
+  getAllBehavioursInitialState() {
+    let allBehavioursInitialState = {};
+
+    this._behaviours.map(behaviour => {
+      allBehavioursInitialState = { ...allBehavioursInitialState,
+        ...behaviour.getInitialState()
+      };
+    });
+
+    return allBehavioursInitialState;
+  }
+
   init(jsonValidator, newProps) {
     this.updateProperties(jsonValidator, newProps);
 
-    let properties = this._properties.getAllPropertiesValue();
+    const properties = this._properties.getAllPropertiesValue();
 
-    if (this._stateInitializer) {
-      this.updateState(this._stateInitializer({
-        properties
-      }));
-    } else {
-      this.updateState({
-        properties
-      });
-    }
-
-    if (this._behaviours) {
-      this._behaviours.map(behaviour => {
-        /* hack performance impact need to use object path immutable*/
-        let state = this.getState();
-        this.updateState({
-          behaviours: { ...state.behaviours,
-            ...behaviour.getInitialState()
-          }
-        });
-      });
-    }
+    const behaviours = this.getAllBehavioursInitialState();
+
+    const initialState = this._stateInitializer({
+      properties
+    });
+
+    this.updateState({ ...initialState,
+      behaviours
+    });
   }
 
   getProperties() {
@@ -164,6 +164,9 @@ export default class Component {
 
     return boundEventHandlers;
   }
+  /* eslint-disable max-lines-per-function */
+  // TODO: Refactor this function to reduce the number of lines
+
 
   createEventHandlers(helpers) {
     let eventHandlers = this._eventHandlers.getEventHandlers();
@@ -173,7 +176,6 @@ export default class Component {
     let createActionToEventHandler = (eventHandlers, eventHandlerMap) => {
       eventHandlers.forEach((actionHandler, key) => {
         let eventHandler = new EventHandler(key, event => {
-          //event validate with action payload
           let state = this.getState();
           let action = event.detail;
           actionHandler({