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

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

@@ -1,218 +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 EventHandler from "./EventHandler";
-export default class Component {
-  constructor() {
-    _defineProperty(this, "_name", void 0);
-
-    _defineProperty(this, "_events", void 0);
-
-    _defineProperty(this, "_properties", void 0);
-
-    _defineProperty(this, "_lifeCycleAction", void 0);
-
-    _defineProperty(this, "_eventHandlers", void 0);
-
-    _defineProperty(this, "_tranformer", void 0);
-
-    _defineProperty(this, "_stateInitializer", void 0);
-
-    _defineProperty(this, "_state", void 0);
-
-    _defineProperty(this, "_eventHandlersWrapper", void 0);
-
-    _defineProperty(this, "_behaviours", void 0);
-
-    _defineProperty(this, "_behavioursProperties", void 0);
-
-    this._behavioursProperties = {};
-  }
-
-  mergeStateAndProps() {
-    return { ...this._state.getState(),
-      properties: this._properties.getAllPropertiesValue()
-    };
-  }
-
-  getEventHandlers() {
-    return this._eventHandlers.getEventHandlers();
-  }
-
-  getMountAction() {
-    return this._lifeCycleAction.getMountAction();
-  }
-
-  getUnmountAction() {
-    return this._lifeCycleAction.getUnmountAction();
-  }
-
-  getPropertyUpdateAction(payload) {
-    return this._lifeCycleAction.getUpdatePropertiesAction(payload);
-  }
-
-  getState() {
-    let state = this._tranformer(this.mergeStateAndProps());
-
-    return state;
-  }
-
-  setProperties(properties) {
-    this._properties = properties;
-  }
-
-  setEvents(_events) {
-    this._events = _events;
-  }
-
-  setLifeCycleAction(lifeCycleAction) {
-    this._lifeCycleAction = lifeCycleAction;
-  }
-
-  setEventHandlers(eventHandlers) {
-    this._eventHandlers = eventHandlers;
-  }
-
-  setName(name) {
-    this._name = name;
-  }
-
-  setTransformer(transformer) {
-    this._tranformer = transformer;
-  }
-
-  setState(state) {
-    this._state = state;
-  }
-
-  setStateInitializer(_stateInitializer) {
-    this._stateInitializer = typeof _stateInitializer !== 'function' ? input => input : _stateInitializer;
-  }
-
-  setBehaviours(behaviours) {
-    this._behaviours = behaviours; //store behaviour properties
-
-    this._behaviours.forEach(behaviour => {
-      behaviour.getProperties().data && behaviour.getProperties().data.forEach(obj => {
-        this._behavioursProperties[obj.getName()] = obj.clone();
-      });
-    });
-  }
-
-  updateProperties(jsonValidator, newProps) {
-    Object.keys(newProps).forEach(key => {
-      if (this._behavioursProperties[key]) {
-        let property = this._behavioursProperties[key];
-        let optionalSchema = property.getTypeMetadata().schema;
-        return this._properties.validateSingleProperty(jsonValidator, key, newProps[key], optionalSchema);
-      } else if (this._properties.findProperty(key)) {
-        let property = this._properties.findProperty(key);
-
-        let schema = property.getTypeMetadata().schema;
-        return this._properties.validateSingleProperty(jsonValidator, key, newProps[key], schema);
-      } else {
-        throw new Error(`props '${key}' not exist `);
-      }
-    });
-    return this._properties.updateAllPropertiesValue(jsonValidator, newProps);
-  }
-
-  updateState(state) {
-    this._state.updateState(state);
-  }
-
-  getAllBehavioursInitialState() {
-    let allBehavioursInitialState = {};
-
-    this._behaviours.map(behaviour => {
-      allBehavioursInitialState = { ...allBehavioursInitialState,
-        ...behaviour.getInitialState()
-      };
-    });
-
-    return allBehavioursInitialState;
-  }
-
-  init(jsonValidator, newProps) {
-    this.updateProperties(jsonValidator, newProps);
-
-    const properties = this._properties.getAllPropertiesValue();
-
-    const behaviours = this.getAllBehavioursInitialState();
-
-    const initialState = this._stateInitializer({
-      properties
-    });
-
-    this.updateState({ ...initialState,
-      behaviours
-    });
-  }
-
-  getProperties() {
-    return this._properties.getAllPropertiesValue();
-  }
-
-  getEventHandlersWrapper() {
-    let boundEventHandlers = new Map();
-
-    this._eventHandlersWrapper.forEach((handlers, key) => {
-      let handlersFunction = handlers.map(handler => {
-        return handler.getEventHandler();
-      });
-      boundEventHandlers.set(key, handlersFunction);
-    });
-
-    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();
-
-    this._eventHandlersWrapper = new Map();
-
-    let createActionToEventHandler = (eventHandlers, eventHandlerMap) => {
-      eventHandlers.forEach((actionHandler, key) => {
-        let eventHandler = new EventHandler(key, event => {
-          let state = this.getState();
-          let action = event.detail;
-          actionHandler({
-            action,
-            host: event.currentTarget,
-            state,
-            ...helpers
-          });
-        });
-
-        if (!eventHandlerMap.has(key)) {
-          let newHandlersArray = [];
-          newHandlersArray.push(eventHandler);
-          eventHandlerMap.set(key, newHandlersArray);
-        } else {
-          let existingHandlers = eventHandlerMap.get(key);
-          existingHandlers.push(eventHandler);
-          eventHandlerMap.set(key, existingHandlers);
-        }
-      });
-    };
-
-    createActionToEventHandler(eventHandlers, this._eventHandlersWrapper);
-
-    this._behaviours.forEach(behaviour => {
-      let eventHandlers = behaviour.getEventHandlers().getEventHandlers();
-      createActionToEventHandler(eventHandlers, this._eventHandlersWrapper);
-    });
-  }
-
-  constructAction(input) {
-    let action = { ...input,
-      payload: { ...input.payload,
-        ...this._properties.getAppendToActionPayloadProperty()
-      }
-    };
-    return action;
-  }
-
-}

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

@@ -1,10 +0,0 @@
-export default {
-  name: "appendToActionPayload",
-  required: false,
-  defaultValue: null,
-  typeMetadata: {
-    schema: {
-      type: "object"
-    }
-  }
-};

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

@@ -1,17 +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; }
-
-export default class EventHandler {
-  constructor(key, handler) {
-    _defineProperty(this, "handler", void 0);
-
-    _defineProperty(this, "key", void 0);
-
-    this.key = key;
-    this.handler = handler;
-  }
-
-  getEventHandler() {
-    return this.handler;
-  }
-
-}

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

@@ -1,12 +0,0 @@
-class EventHandlers {
-  constructor(handlers) {
-    this.handlers = handlers;
-  }
-
-  getEventHandlers() {
-    return this.handlers;
-  }
-
-}
-
-export default EventHandlers;

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

@@ -1,23 +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 Action {
-  constructor(type, payload) {
-    _defineProperty(this, "type", void 0);
-
-    _defineProperty(this, "payload", void 0);
-
-    this.type = type;
-    this.payload = payload;
-  }
-
-  getType() {
-    return this.type;
-  }
-
-  getPayload() {
-    return this.payload;
-  }
-
-}
-
-export default Action;

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

@@ -1,38 +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; }
-
-export default class LifeCycleAction {
-  constructor(name) {
-    _defineProperty(this, "mount", void 0);
-
-    _defineProperty(this, "unmount", void 0);
-
-    _defineProperty(this, "contructUpdatePropertiesAction", void 0);
-
-    this.mount = {
-      type: `${name}#MOUNT`
-    };
-    this.unmount = {
-      type: `${name}#UN_MOUNT`
-    };
-
-    this.contructUpdatePropertiesAction = payload => {
-      return {
-        type: `${name}#UPDATE_PROPERTIES`,
-        payload
-      };
-    };
-  }
-
-  getMountAction() {
-    return this.mount;
-  }
-
-  getUnmountAction() {
-    return this.unmount;
-  }
-
-  getUpdatePropertiesAction(payload) {
-    return this.contructUpdatePropertiesAction(payload);
-  }
-
-}

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

@@ -1,21 +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; }
-
-export default class Payload {
-  constructor(name, typeMetadata) {
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "typeMetadata", void 0);
-
-    this.name = name;
-    this.typeMetadata = typeMetadata;
-  }
-
-  getName() {
-    return this.name;
-  }
-
-  getTypeMetadata() {
-    return this.typeMetadata;
-  }
-
-}

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

@@ -1,152 +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 Property from "./Property";
-import defaultAppendToActionPayload from "./DefaultAppendToActionPayload";
-import getRefPropertySchema from "../../../cc/component/properties/getRefPropertySchema";
-export default class Properties {
-  constructor(properties, componentName) {
-    this.componentName = componentName;
-
-    _defineProperty(this, "data", void 0);
-
-    this.data = properties;
-    this.data.set('appendToActionPayload', new Property(defaultAppendToActionPayload));
-    this.data.set('getRef', new Property(getRefPropertySchema));
-  }
-
-  getAllPropertiesValue() {
-    const convertedObject = {};
-
-    for (const [key, value] of this.data.entries()) {
-      convertedObject[key] = value.getValue();
-    }
-
-    return convertedObject;
-  }
-  /* break value object*/
-
-
-  updateAllPropertiesValue(validator, propertyValue) {
-    this.validateProperties(validator, propertyValue);
-
-    if (!this.isEqual(propertyValue)) {
-      let isChanged = false;
-      Object.keys(propertyValue).forEach(key => {
-        let property = this.findProperty(key);
-
-        if (property.getValue() == null || property.getValue() == undefined) {
-          property.updateValue(propertyValue[key]);
-          isChanged = true;
-        } else if (property.getValue() != propertyValue[key]) {
-          property.updateValue(propertyValue[key]);
-          isChanged = true;
-        }
-      });
-      return isChanged;
-    }
-
-    return false;
-  }
-
-  isEqual(newProps) {
-    let isShallow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
-    if (isShallow) {
-      return this.shallowCompareWithNewObject(newProps);
-    }
-
-    return false;
-  }
-
-  validateProperties(validator, newProps) {
-    let errors = [];
-    Object.keys(newProps).forEach(key => {
-      this.validate(validator, key, newProps[key], errors);
-    });
-
-    if (errors.length > 0) {
-      this.handleValidationErrors(errors);
-    }
-
-    return true;
-  }
-
-  validate(validator, key, value, errors) {
-    if (!this.data.has(key)) {
-      throw new Error(`props '${key}' not exist `);
-    }
-
-    let property = this.data.get(key);
-    let schema = property.getTypeMetadata().schema;
-    let isValid;
-
-    try {
-      isValid = validator(schema, value);
-    } catch (error) {
-      isValid = false;
-    }
-
-    if (!isValid) {
-      const error = {
-        key: key,
-        componentName: this.componentName,
-        value: value,
-        schema: schema
-      };
-      errors.push(error);
-    }
-  }
-
-  handleValidationErrors(errors) {
-    console.log('Property validation failed', this.componentName, errors);
-    throw new Error('Property validation failed');
-  }
-
-  getSchema(key, optionalSchema) {
-    if (optionalSchema) {
-      return optionalSchema;
-    }
-
-    return this.data.get(key).getTypeMetadata().schema;
-  }
-
-  validateSingleProperty(validator, onePropKey, onePropValue, optionalSchema) {
-    let schema = this.getSchema(onePropKey, optionalSchema); // INFO: Validate the property adheres to its schema
-
-    let isValid = validator(schema, onePropValue);
-
-    if (!isValid) {
-      const error = {
-        key: onePropKey,
-        componentName: this.componentName,
-        value: onePropValue,
-        schema: schema
-      };
-      console.log('Property validation failed', this.componentName, error);
-      throw new Error('Property validation failed');
-    }
-
-    return true;
-  }
-
-  findProperty(key) {
-    return this.data.get(key);
-  }
-
-  getAppendToActionPayloadProperty() {
-    return this.data.get('appendToActionPayload').getValue();
-  }
-
-  shallowCompareWithNewObject(obj1) {
-    const keys1 = Object.keys(obj1);
-
-    for (let key of keys1) {
-      if (!this.data.has(key) || obj1[key] !== this.data.get(key).getValue()) {
-        return false;
-      }
-    }
-
-    return true;
-  }
-
-}

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

@@ -1,63 +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; }
-
-export default class Property {
-  constructor(_ref) {
-    let {
-      name,
-      defaultValue,
-      required,
-      typeMetadata
-    } = _ref;
-
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "required", void 0);
-
-    _defineProperty(this, "defaultValue", void 0);
-
-    _defineProperty(this, "typeMetadata", void 0);
-
-    _defineProperty(this, "value", void 0);
-
-    this.name = name;
-    this.defaultValue = defaultValue;
-    this.required = required;
-    this.typeMetadata = typeMetadata;
-  }
-
-  getRequired() {
-    return this.required;
-  }
-
-  getName() {
-    return this.name;
-  }
-
-  getDefaultValue() {
-    return this.defaultValue;
-  }
-
-  getTypeMetadata() {
-    return this.typeMetadata;
-  }
-
-  getValue() {
-    return this.value == undefined ? this.defaultValue : this.value;
-  }
-  /* break value object*/
-
-
-  updateValue(value) {
-    this.value = value;
-  }
-
-  clone() {
-    return new Property({
-      name: this.name,
-      defaultValue: this.defaultValue,
-      required: this.required,
-      typeMetadata: this.typeMetadata
-    });
-  }
-
-}

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

@@ -1,14 +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 Schema {
-  constructor() {
-    _defineProperty(this, "_type", void 0);
-  }
-
-  getType() {
-    return this._type;
-  }
-
-}
-
-export default Schema;

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

@@ -1,22 +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; }
-
-export default class State {
-  constructor() {
-    _defineProperty(this, "state", void 0);
-
-    this.state = {};
-  }
-
-  getState() {
-    return this.state;
-  }
-  /* break value object*/
-
-
-  updateState(state) {
-    this.state = { ...this.state,
-      ...state
-    };
-  }
-
-}

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

@@ -1,36 +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; }
-
-export default class Style {
-  constructor() {
-    _defineProperty(this, "name", void 0);
-
-    _defineProperty(this, "label", void 0);
-
-    _defineProperty(this, "required", void 0);
-
-    _defineProperty(this, "defaultValue", void 0);
-
-    _defineProperty(this, "typeMetadata", void 0);
-  }
-
-  getLabel() {
-    return this.label;
-  }
-
-  getRequired() {
-    return this.required;
-  }
-
-  getName() {
-    return this.name;
-  }
-
-  getDefaultValue() {
-    return this.defaultValue;
-  }
-
-  getTypeMetadata() {
-    return this.typeMetadata;
-  }
-
-}

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

@@ -1,19 +0,0 @@
-import Action from "../../../../../es/library/custom-component/entities/Action";
-describe("Action", () => {
-  const type = "TEST_ACTION";
-  const payload = {
-    data: "test"
-  };
-  it("should create an Action instance", () => {
-    const action = new Action(type, payload);
-    expect(action).toBeInstanceOf(Action);
-  });
-  it("should have the correct type", () => {
-    const action = new Action(type, payload);
-    expect(action.getType()).toBe(type);
-  });
-  it("should have the correct payload", () => {
-    const action = new Action(type, payload);
-    expect(action.getPayload()).toEqual(payload);
-  });
-});

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

@@ -1,15 +0,0 @@
-import ActionHandlers from "../../../../../es/library/custom-component/entities/ActionHandlers";
-describe('ActionHandlers', () => {
-  it('should create an ActionHandlers instance with provided handlers', () => {
-    // Define sample handlers
-    const handlers = new Map();
-    handlers.set('ACTION_1', jest.fn());
-    handlers.set('ACTION_2', jest.fn()); // Create an instance of ActionHandlers
-
-    const actionHandlers = new ActionHandlers(handlers); // Verify that the instance is created successfully
-
-    expect(actionHandlers).toBeInstanceOf(ActionHandlers); // Verify that the provided handlers are stored correctly
-
-    expect(actionHandlers.getEventHandlers()).toEqual(handlers);
-  });
-});