@zohodesk/library-platform 1.0.0 → 1.0.2-exp.1.0

package/es/library/custom-component/entities/__tests__/Behaviour.spec.js

@@ -1,52 +0,0 @@
-import Behaviour from "../../../../../es/library/custom-component/entities/Behaviour";
-describe("Behaviour", () => {
-  const name = "TestBehaviour";
-  const properties = {
-    getAllPropertiesValue: jest.fn().mockReturnValue({})
-  };
-  const setInitialState = jest.fn();
-  const actionHandlers = {
-    getEventHandlers: jest.fn().mockReturnValue(new Map())
-  };
-  it("should create a Behaviour instance with provided parameters", () => {
-    const behaviour = new Behaviour({
-      name,
-      properties,
-      setIntialState: setInitialState,
-      actionHandlers
-    });
-    expect(behaviour).toBeInstanceOf(Behaviour);
-    expect(behaviour.getName()).toBe(name);
-    expect(behaviour.getProperties()).toBe(properties);
-    expect(behaviour.getEventHandlers()).toBe(actionHandlers);
-  });
-  it("should return initial state with setInitialState function", () => {
-    const initialState = {
-      test: "initialState"
-    };
-    setInitialState.mockReturnValue(initialState);
-    const behaviour = new Behaviour({
-      name,
-      properties,
-      setIntialState: setInitialState,
-      actionHandlers
-    });
-    expect(behaviour.getInitialState()).toEqual({
-      [name]: initialState
-    });
-    expect(setInitialState).toHaveBeenCalledWith({
-      properties: properties.getAllPropertiesValue()
-    });
-  });
-  it("should return empty initial state if setInitialState function is not provided", () => {
-    const behaviour = new Behaviour({
-      name,
-      properties,
-      setIntialState: undefined,
-      actionHandlers
-    });
-    expect(behaviour.getInitialState()).toEqual({
-      [name]: {}
-    });
-  });
-});

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

@@ -1,109 +0,0 @@
-import ComponentFactory from "../../../../../es/library/custom-component/usecases/entities-factory/ComponentFactory";
-describe("Component", () => {
-  let component;
-  let properties;
-  let lifeCycleAction;
-  let actionHandlers;
-  let behaviour;
-  let jsonValidator;
-  beforeEach(() => {
-    // Create Component instance
-    jsonValidator = jest.fn().mockReturnValue(true);
-    component = ComponentFactory({
-      name: "TestComponent",
-      properties: {
-        text: {
-          required: true,
-          typeMetadata: {
-            schema: {
-              type: "string"
-            }
-          }
-        },
-        color: {
-          required: true,
-          typeMetadata: {
-            schema: {
-              type: "string"
-            }
-          }
-        },
-        tooltip: {
-          required: true,
-          defaultValue: "",
-          typeMetadata: {
-            schema: {
-              type: "string"
-            }
-          }
-        }
-      },
-      actions: [{
-        type: "TEXT#CLICKED"
-      }],
-      actionHandlers: {
-        "TEXT#CLICKED": jest.fn()
-      },
-      behaviours: []
-    });
-  });
-  describe("Initialization", () => {
-    it("should initialize component properties and state", () => {
-      const newProps = {
-        text: "welcome",
-        color: "red"
-      };
-      component.init(jsonValidator, newProps);
-      expect(component.getState()).toEqual({
-        properties: {
-          color: "red",
-          text: "welcome",
-          tooltip: "",
-          appendToActionPayload: null
-        }
-      });
-    });
-  });
-  describe.only("State and Properties", () => {
-    it("should update properties", () => {
-      const initialProps = {
-        text: "welcome",
-        color: "red"
-      };
-      component.init(jsonValidator, initialProps);
-      const newProps = {
-        text: "welcome friend",
-        color: "yellow"
-      };
-      component.updateProperties(jsonValidator, newProps);
-      expect(component.getState()).toEqual({
-        properties: {
-          color: "yellow",
-          text: "welcome friend",
-          tooltip: "",
-          appendToActionPayload: null
-        }
-      });
-    });
-    it("should update state", () => {
-      const initialProps = {
-        text: "welcome",
-        color: "red"
-      };
-      component.init(jsonValidator, initialProps);
-      const newState = {
-        test: "state"
-      };
-      component.updateState(newState);
-      expect(component.getState()).toEqual({
-        properties: {
-          color: "red",
-          text: "welcome",
-          tooltip: "",
-          appendToActionPayload: null
-        },
-        test: "state"
-      });
-    });
-  });
-});

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

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

package/es/library/custom-component/entities/interfaces/IBehaviour.js

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

package/es/library/custom-component/entities/interfaces/IComponent.js

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

package/es/library/custom-component/entities/interfaces/IEvent.js

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

package/es/library/custom-component/entities/interfaces/IEventHandler.js

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

package/es/library/custom-component/entities/interfaces/IEventHandlerHelpers.js

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

package/es/library/custom-component/entities/interfaces/IEventHandlers.js

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

package/es/library/custom-component/entities/interfaces/IEventWrapper.js

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

package/es/library/custom-component/entities/interfaces/ILifeCycleAction.js

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

package/es/library/custom-component/entities/interfaces/IPayload.js

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

package/es/library/custom-component/entities/interfaces/IProperties.js

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

package/es/library/custom-component/entities/interfaces/IProperty.js

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

package/es/library/custom-component/entities/interfaces/ISchema.js

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

package/es/library/custom-component/entities/interfaces/IState.js

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

package/es/library/custom-component/entities/interfaces/IStyle.js

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

package/es/library/custom-component/entities/interfaces/IValidator.js

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

package/es/library/custom-component/frameworks/json-schema-validator/Validator.js

@@ -1,15 +0,0 @@
-import Ajv from 'ajv';
-let jsonValidator = new Ajv();
-
-class Validator {
-  static validate(schema, value) {
-    if (schema.type === "function" && typeof value === "function") {
-      return true;
-    }
-
-    return jsonValidator.validate(schema, value);
-  }
-
-}
-
-export default Validator;

package/es/library/custom-component/frameworks/object-path-immutable/ImmutableHelper.js

@@ -1,5 +0,0 @@
-/* eslint-disable @zohodesk/architecturerules/no-unused-vars */
-// REVIEW: Class never used
-class ImmutableHelper {}
-
-export {};

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

@@ -1,47 +0,0 @@
-function isDeepEqual(obj1, obj2) {
-  if (obj1 === obj2) return true;
-
-  if (typeof obj1 !== 'object' || typeof obj2 !== 'object' || obj1 === null || obj2 === null) {
-    return false;
-  }
-
-  const keys1 = Object.keys(obj1);
-  const keys2 = Object.keys(obj2);
-  if (keys1.length !== keys2.length) return false;
-
-  for (let key of keys1) {
-    if (!keys2.includes(key) || !isDeepEqual(obj1[key], obj2[key])) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
-export default class Compare {
-  static diffPropertiesNames(obj1, obj2) {
-    if (Object.keys(obj1).length === Object.keys(obj2).length) {
-      const c = Object.keys(obj1).filter(key => {
-        const v1 = obj1[key];
-        const v2 = obj2[key];
-        return !isDeepEqual(v1, v2);
-      });
-      return c;
-    }
-
-    return [];
-  }
-
-  static shallowCompare(obj1, obj2) {
-    if (Object.keys(obj1).length === Object.keys(obj2).length) {
-      return Object.keys(obj1).some(key => {
-        const v1 = obj1[key];
-        const v2 = obj2[key];
-        return !isDeepEqual(v1, v2);
-      });
-    }
-
-    return false;
-  }
-
-}

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

@@ -1,28 +0,0 @@
-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 ComponentRegistry {
-  constructor() {
-    _defineProperty(this, "components", new Map());
-  }
-
-  static getInstance() {
-    if (!ComponentRegistry.instance) {
-      ComponentRegistry.instance = new ComponentRegistry();
-    }
-
-    return ComponentRegistry.instance;
-  }
-
-  register(name, component) {
-    this.components.set(name, component);
-  }
-
-  get(name) {
-    return this.components.get(name);
-  }
-
-}
-
-_defineProperty(ComponentRegistry, "instance", void 0);
-
-export default ComponentRegistry.getInstance();

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

@@ -1,110 +0,0 @@
-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 React, { forwardRef } from 'react';
-import DependencyFactory from "./DependencyFactory";
-import Compare from "./Compare";
-/* eslint-disable max-lines-per-function */
-// TODO: Refactor this function to reduce the number of lines
-
-const createCustomComponent = input => {
-  class Component extends React.Component {
-    constructor(props) {
-      super(props);
-
-      _defineProperty(this, "controller", void 0);
-
-      _defineProperty(this, "elementRef", void 0);
-
-      _defineProperty(this, "state", void 0);
-
-      _defineProperty(this, "presenter", void 0);
-
-      _defineProperty(this, "eventManager", void 0);
-
-      _defineProperty(this, "View", void 0);
-
-      _defineProperty(this, "helpers", void 0);
-
-      this.state = null;
-      let {
-        controller,
-        presenter,
-        eventManager
-      } = DependencyFactory.create({
-        updateState: state => {
-          //hack initial render
-          if (this.state == null) {
-            this.state = state;
-          } else {
-            this.setState(() => state);
-          }
-        }
-      });
-      this.presenter = presenter;
-      this.controller = controller;
-      this.eventManager = eventManager;
-      eventManager.name = input.name;
-      const {
-        updateState,
-        updateProperties,
-        dispatch
-      } = this.controller;
-      this.helpers = {
-        updateState: updateState.bind(controller),
-        updateProperties: updateProperties.bind(controller),
-        dispatch: dispatch.bind(controller)
-      };
-      this.controller.initialize({ ...input,
-        newProps: props,
-        helpers: this.helpers
-      });
-      this.View = /*#__PURE__*/forwardRef(input.View); //need to analyse react forwardref, removed from hoc
-    }
-
-    componentDidMount() {
-      this.controller.mount();
-    }
-
-    shouldComponentUpdate(nextProps, nextState) {
-      return Compare.shallowCompare(this.props, nextProps) || Compare.shallowCompare(this.state, nextState);
-    }
-
-    componentWillUnmount() {
-      this.controller.unmount();
-    }
-
-    componentDidCatch(error, errorInfo) {
-      console.log('Error', error, errorInfo, errorInfo.componentStack);
-    }
-
-    componentDidUpdate() {
-      this.controller.updateProperties(this.props);
-    }
-
-    render() {
-      let View = this.View;
-
-      if (this.state.error) {
-        console.log(this.state.error);
-        return /*#__PURE__*/React.createElement("div", null, "error");
-      } else {
-        const {
-          setElement
-        } = this.eventManager;
-        return /*#__PURE__*/React.createElement(View, {
-          ref: element => {
-            setElement.bind(this.eventManager)(element);
-            this.props.getRef && this.props.getRef(element);
-          },
-          helpers: this.helpers,
-          state: this.state
-        });
-      }
-    }
-
-  }
-
-  return Component;
-};
-
-export default createCustomComponent;

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

@@ -1,56 +0,0 @@
-import React, { useState, useRef, useEffect, forwardRef } from 'react';
-import DependencyFactory from "./DependencyFactory";
-/* eslint-disable */
-
-function Component(props) {
-  const [state, setState] = useState(null);
-  const elementRef = useRef(null);
-  const {
-    controller,
-    presenter,
-    eventManager
-  } = DependencyFactory.create({
-    updateState: newState => {
-      // Hack initial render
-      if (state == null) {
-        setState(newState);
-      } else {
-        setState(() => newState);
-      }
-    }
-  });
-  const helpers = {
-    updateState: controller.updateState.bind(controller),
-    updateProperties: controller.updateProperties.bind(controller),
-    dispatch: controller.dispatch.bind(controller)
-  };
-  useEffect(() => {
-    controller.initialize({ ...input,
-      newProps: props,
-      helpers
-    });
-    eventManager.name = input.name;
-    controller.mount();
-    return () => {
-      controller.unmount();
-    };
-  }, []);
-  useEffect(() => {
-    controller.updateProperties(props);
-  }, [props]);
-  const View = /*#__PURE__*/forwardRef(input.View);
-
-  if (state !== null && state !== void 0 && state.error) {
-    console.log(state.error);
-    return /*#__PURE__*/React.createElement("div", null, "error");
-  } else {
-    return /*#__PURE__*/React.createElement(View, {
-      ref: eventManager.setElement.bind(eventManager),
-      helpers: helpers,
-      state: state
-    });
-  }
-}
-
-;
-export default Component;

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

@@ -1,34 +0,0 @@
-import Presenter from "../../adapters/presenters/Presenter";
-import Service from "../../adapters/gateways/service/Service";
-import Controller from "../../adapters/controllers/Controller";
-import Repository from "../../adapters/gateways/repository/Repository";
-import Validator from "../json-schema-validator/Validator";
-import EventManager from "../../adapters/gateways/event-manager/EventManager";
-
-class DependencyFactory {
-  static create(_ref) {
-    let {
-      updateState
-    } = _ref;
-    const repository = new Repository();
-    const presenter = new Presenter({
-      updateState
-    });
-    const eventManager = new EventManager();
-    const service = new Service({
-      repository,
-      presenter,
-      eventManager,
-      jsonValidator: Validator.validate
-    });
-    const controller = new Controller(service);
-    return {
-      controller,
-      presenter,
-      eventManager
-    };
-  }
-
-}
-
-export default DependencyFactory;

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

@@ -1,42 +0,0 @@
-import Behaviour from "../../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 || [];
-    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;
-      }, {});
-      return new Behaviour({
-        name: behaviour.name,
-        eventHandlers: EventHandlersFactory(newEventHandlers),
-        properties: PropertiesFactory({
-          properties: behaviour.properties
-        }),
-        setIntialState: behaviour.setInitialState
-      });
-    });
-  }
-
-}
-
-export default BehavioursFactory;

package/es/library/custom-component/usecases/entities-factory/ComponentFactory.js

@@ -1,47 +0,0 @@
-import Component from "../../entities/Component";
-import LifeCycleAction from "../../entities/LifeCycleAction";
-import State from "../../entities/State";
-import EventHandlersFactory from "./EventHandlersFactory";
-import BehavioursFactory from "./BehavioursFactory";
-import PropertiesFactory from "./PropertiesFactory";
-/* eslint-disable-next-line @zohodesk/architecturerules/no-returnStatement-rule */
-
-let defaultTransformState = state => state;
-/* eslint-disable-next-line @zohodesk/architecturerules/no-returnStatement-rule */
-
-
-function initializeComponent(input) {
-  let component = new Component();
-  component.setName(input.name);
-  component.setLifeCycleAction(new LifeCycleAction(input.name));
-  component.setBehaviours(BehavioursFactory.create(input));
-  component.setProperties(PropertiesFactory({
-    properties: input.properties,
-    componentName: input.name
-  }));
-  return component;
-}
-
-function handleEventHandlers(input) {
-  // DEPRECATED: Remove while refactoring actionHandlers
-  if (input.actionHandlers) {
-    input.eventHandlers = input.actionHandlers;
-  }
-}
-
-function finalizeComponent(component, input, helpers) {
-  component.setEventHandlers(EventHandlersFactory(input.eventHandlers));
-  component.setState(new State());
-  component.createEventHandlers(helpers);
-  component.setStateInitializer(input.setInitialState);
-  component.setTransformer(input.transformState || defaultTransformState);
-}
-/* eslint-disable-next-line @zohodesk/architecturerules/no-returnStatement-rule */
-
-
-export default function createComponentFactory(input, helpers) {
-  let component = initializeComponent(input);
-  handleEventHandlers(input);
-  finalizeComponent(component, input, helpers);
-  return component;
-}

package/es/library/custom-component/usecases/entities-factory/EventHandlersFactory.js

@@ -1,8 +0,0 @@
-import EventHandlers from "../../entities/EventHandlers";
-export default function EventHandlersFactory(eventHandlers) {
-  let eventHandlerMap = new Map();
-  Object.keys(eventHandlers).forEach(key => {
-    eventHandlerMap.set(key, eventHandlers[key]);
-  });
-  return new EventHandlers(eventHandlerMap);
-}

package/es/library/custom-component/usecases/entities-factory/PropertiesFactory.js

@@ -1,15 +0,0 @@
-import Properties from "../../entities/Properties";
-import Property from "../../entities/Property";
-export default function PropertiesFactory(_ref) {
-  let {
-    properties,
-    componentName
-  } = _ref;
-  let propertyMap = new Map();
-  Object.keys(properties).forEach(key => {
-    let property = new Property(properties[key]);
-    propertyMap.set(key, property);
-  });
-  let propertiesObject = new Properties(propertyMap, componentName);
-  return propertiesObject;
-}

package/es/library/custom-component/usecases/interactors/AbstractUseCase.js

@@ -1,8 +0,0 @@
-class AbstractUseCase {
-  constructor(dependencies) {
-    this.dependencies = dependencies;
-  }
-
-}
-
-export default AbstractUseCase;

package/es/library/custom-component/usecases/interactors/DispatchUseCase.js

@@ -1,22 +0,0 @@
-import AbstractUseCase from "./AbstractUseCase";
-
-class DispatchUseCase extends AbstractUseCase {
-  execute(input) {
-    let {
-      repository,
-      presenter,
-      eventManager
-    } = this.dependencies;
-    let component = repository.getComponent();
-
-    try {
-      let action = component.constructAction(input);
-      eventManager.dispatch(action);
-    } catch (e) {
-      presenter.setError([e]);
-    }
-  }
-
-}
-
-export default DispatchUseCase;