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

package/es/platform/column-chooser/domain/entities/ColumnChooserImp.js

@@ -0,0 +1,95 @@
+export default class ColumnChooserImp {
+  constructor() {
+    let isSaved = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    let reorderEntity = arguments.length > 1 ? arguments[1] : undefined;
+    let searchEntity = arguments.length > 2 ? arguments[2] : undefined;
+    let selectEntity = arguments.length > 3 ? arguments[3] : undefined;
+    this.isSaved = isSaved;
+    this.reorderEntity = reorderEntity;
+    this.searchEntity = searchEntity;
+    this.selectEntity = selectEntity;
+  }
+
+  markAsSaved() {
+    this.isSaved = true;
+  }
+
+  hasBeenSaved() {
+    return this.isSaved;
+  }
+
+  markAsUnsaved() {
+    this.isSaved = false;
+  }
+
+  init(order, selectedArray) {
+    this.reorderEntity.initOrder(order);
+    this.selectEntity.resetSelection(selectedArray);
+    this.searchEntity.setSearchText('');
+  }
+
+  setSearchText(searchStr) {
+    this.searchEntity.setSearchText(searchStr);
+  }
+
+  select(id) {
+    if (!this.selectEntity.isMaxSelectionReached()) {
+      this.selectEntity.select(id);
+      this.rearrangeSelectedFirst();
+    }
+  }
+
+  deselect(id) {
+    if (this.selectEntity.getSelectedCount() > 1) {
+      this.selectEntity.deselect(id);
+      this.rearrangeSelectedFirst();
+    }
+  }
+
+  rearrangeSelectedFirst() {
+    const order = this.reorderEntity.getOrder();
+    const selected = this.selectEntity.getSelected();
+    const selectedArray = [];
+    const unselectedArray = [];
+    order.forEach(field => {
+      if (selected[field]) {
+        selectedArray.push(field);
+      } else {
+        unselectedArray.push(field);
+      }
+    });
+    this.reorderEntity.initOrder([...selectedArray, ...unselectedArray]);
+  }
+
+  arrayMoveImmutable(fromIndex, toIndex) {
+    this.reorderEntity.arrayMoveImmutable(fromIndex, toIndex);
+  }
+
+  getOrder() {
+    return this.reorderEntity.getOrder();
+  }
+
+  getSelectedWithOrder() {
+    const order = this.reorderEntity.getOrder();
+    const selected = this.selectEntity.getSelected();
+    return order.filter(field => selected[field]);
+  }
+
+  toObject() {
+    const isSaved = this.hasBeenSaved();
+    const order = this.reorderEntity.getOrder();
+    const selected = this.selectEntity.getSelected();
+    const fieldsOrder = this.searchEntity.filterOptions(order);
+    const searchText = this.searchEntity.getSearchText();
+    const isMaxSelectionReached = this.selectEntity.isMaxSelectionReached();
+    return {
+      order,
+      selected,
+      isSaved,
+      isMaxSelectionReached,
+      fieldsOrder,
+      searchText
+    };
+  }
+
+}

package/es/platform/column-chooser/domain/entities/ReorderEntityImp.js

@@ -0,0 +1,35 @@
+export default class ReorderEntityImp {
+  constructor(order) {
+    this.order = order;
+  }
+
+  initOrder(order) {
+    this.order = [...order];
+  }
+
+  moveTo(id, index) {
+    const currentIndex = this.order.indexOf(id);
+    this.arrayMoveImmutable(currentIndex, index);
+  }
+
+  arrayMoveImmutable(fromIndex, toIndex) {
+    if (fromIndex === toIndex) {
+      return;
+    }
+
+    const newOrder = [...this.order];
+    const startIndex = fromIndex < 0 ? newOrder.length + fromIndex : fromIndex;
+
+    if (startIndex >= 0 && startIndex < newOrder.length) {
+      const endIndex = toIndex < 0 ? newOrder.length + toIndex : toIndex;
+      const [item] = newOrder.splice(fromIndex, 1);
+      newOrder.splice(endIndex, 0, item);
+      this.order = newOrder;
+    }
+  }
+
+  getOrder() {
+    return this.order;
+  }
+
+}

package/es/platform/column-chooser/domain/entities/SearchEntityImp.js

@@ -0,0 +1,28 @@
+export default class SearchEntityImp {
+  constructor(searchText, getValue) {
+    this.searchText = searchText;
+    this.getValue = getValue;
+  }
+
+  getSearchText() {
+    return this.searchText;
+  }
+
+  setSearchText(term) {
+    this.searchText = term;
+  }
+
+  filterOptions(options) {
+    if (!this.searchText) {
+      return options;
+    }
+
+    return options.filter(option => this.matches(this.getValue(option)));
+  }
+
+  matches(value) {
+    if (!this.searchText) return true;
+    return value.toLowerCase().includes(this.searchText.toLowerCase());
+  }
+
+}

package/es/platform/column-chooser/domain/entities/SelectEntityImp.js

@@ -0,0 +1,58 @@
+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 SelectEntityImp {
+  constructor(selected, maxCount) {
+    this.selected = selected;
+    this.maxCount = maxCount;
+
+    _defineProperty(this, "selectedCount", void 0);
+
+    this.calculateSelectedCount();
+  }
+
+  getSelectedCount() {
+    this.calculateSelectedCount();
+    return this.selectedCount;
+  }
+
+  resetSelection(selectedArray) {
+    // Clear all current selections
+    this.selected = {}; // Select items in the given order, up to maxCount
+
+    for (let i = 0; i < selectedArray.length && (this.maxCount === 0 || i < this.maxCount); i++) {
+      this.selected[selectedArray[i]] = true;
+    }
+
+    this.calculateSelectedCount();
+  }
+
+  calculateSelectedCount() {
+    this.selectedCount = Object.values(this.selected).filter(Boolean).length;
+    return this.selectedCount;
+  }
+
+  select(item) {
+    if (this.isMaxSelectionReached()) {
+      return; // throw new Error(`Cannot select more than ${this.maxCount} items`);
+    }
+
+    this.selected[item] = true;
+    this.calculateSelectedCount();
+  }
+
+  isMaxSelectionReached() {
+    return this.maxCount > 0 && this.selectedCount >= this.maxCount;
+  }
+
+  deselect(item) {
+    if (this.selected[item]) {
+      delete this.selected[item];
+      this.calculateSelectedCount();
+    }
+  }
+
+  getSelected() {
+    return this.selected;
+  }
+
+}

package/es/platform/column-chooser/domain/entities/interfaces/ColumnChooser.js

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

package/es/platform/column-chooser/domain/entities/interfaces/ReorderEntity.js

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

package/es/platform/column-chooser/domain/entities/interfaces/SearchEntity.js

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

package/es/platform/column-chooser/domain/entities/interfaces/SelectEntity.js

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

package/es/platform/column-chooser/frameworks/ColumnChooserBehaviourFactory.js

@@ -0,0 +1,19 @@
+import Properties from "../../../bc/column-chooser/Properties";
+import EventHandlersFactory from "./EventHandlersFactory";
+export default class ColumnChooserBehaviourFactory {
+  static create() {
+    return {
+      name: 'columnChooser',
+      setInitialState: () => ({
+        order: [],
+        selected: {},
+        isMaxSelectionReached: false,
+        fieldsOrder: [],
+        searchText: ''
+      }),
+      eventHandlers: EventHandlersFactory.create(),
+      properties: Properties
+    };
+  }
+
+}

package/es/platform/column-chooser/frameworks/EventHandlersFactory.js

@@ -0,0 +1,30 @@
+import Service from "../adapters/gateways/Service";
+import Presenter from "../adapters/presenters/Presenter";
+import Repository from "../adapters/gateways/Repository";
+import { COLUMN_CHOOSER_BEHAVIOUR_OPENED } from "../../../bc/column-chooser/Constants";
+import { COLUMN_CHOOSER_SELECT_REQUESTED, COLUMN_CHOOSER_REORDER_REQUESTED, COLUMN_CHOOSER_SEARCH_REQUESTED, COLUMN_CHOOSER_SAVE_REQUESTED, COLUMN_CHOOSER_CLOSE_REQUESTED } from "../../../cc/table-column-chooser/Constants";
+import ColumnChooserOpenController from "../adapters/controllers/ColumnChooserOpenController";
+import ColumnChooserSelectController from "../adapters/controllers/ColumnChooserSelectController";
+import ColumnChooserReorderController from "../adapters/controllers/ColumnChooserReorderController";
+import ColumnChooserSaveController from "../adapters/controllers/ColumnChooserSaveController";
+import ColumnChooserSearchController from "../adapters/controllers/ColumnChooserSearchController";
+import ColumnChooserCloseController from "../adapters/controllers/ColumnChooserCloseController";
+export default class EventHandlersFactory {
+  static create() {
+    const repository = new Repository();
+    const presenter = new Presenter();
+    const service = new Service({
+      repository,
+      presenter
+    });
+    return {
+      [COLUMN_CHOOSER_BEHAVIOUR_OPENED]: new ColumnChooserOpenController(service).handle,
+      [COLUMN_CHOOSER_SELECT_REQUESTED]: new ColumnChooserSelectController(service).handle,
+      [COLUMN_CHOOSER_REORDER_REQUESTED]: new ColumnChooserReorderController(service).handle,
+      [COLUMN_CHOOSER_SEARCH_REQUESTED]: new ColumnChooserSearchController(service).handle,
+      [COLUMN_CHOOSER_SAVE_REQUESTED]: new ColumnChooserSaveController(service).handle,
+      [COLUMN_CHOOSER_CLOSE_REQUESTED]: new ColumnChooserCloseController(service).handle
+    };
+  }
+
+}

package/es/platform/data-source/http-template/updateSelectedFields.js

@@ -0,0 +1,28 @@
+const updateSelectedFields = {
+  name: 'selectedFields',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/views/{{viewId}}/selectedFields',
+  parameters: `{}`,
+  type: 'PUT',
+  requestBody: '{"fields": {{fields}}}',
+  transformer: res => res.fields,
+  properties: {
+    viewId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    departmentId: {
+      required: true,
+      defaultValue: 1,
+      typeMetadata: {
+        schema: {
+          type: 'number'
+        }
+      }
+    }
+  }
+};
+export default updateSelectedFields;

package/es/platform/data-source/index.js

@@ -13,6 +13,7 @@ import fetchLayoutRules from "./http-template/fetchLayoutRules";
 import fetchDependencyMappings from "./http-template/fetchDependencyMappings";
 import fetchValidationRules from "./http-template/fetchValidationRules";
 import createRecord from "./http-template/createRecord";
+import updateSelectedFields from "./http-template/updateSelectedFields";
 let dataSource = {
   httpTemplates: {
     [RecordApiActionName.GET_RECORDS]: getRecords,
@@ -23,6 +24,7 @@ let dataSource = {
     [RecordApiActionName.GET_CLIENTACTIONS]: getClientActions,
     getAvailableFields,
     getSelectedFields,
+    updateSelectedFields,
     fetchMyLayouts,
     fetchMyForm,
     fetchLayoutRules,

package/es/platform/sdk/adapters/gateways/Repository.js

@@ -0,0 +1,31 @@
+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 { ResourceManager } from "../../domain/entities/ResourceManager";
+export class Repository {
+  constructor(resourceNames) {
+    this.resourceNames = resourceNames;
+
+    _defineProperty(this, "state", void 0);
+
+    _defineProperty(this, "restoreModel", {
+      resourceInstances: {},
+      resources: {}
+    });
+  }
+
+  init(state) {
+    this.state = state;
+  }
+
+  getResourceManager() {
+    const {
+      restoreModel
+    } = this;
+    return new ResourceManager(restoreModel.resources, restoreModel.resourceInstances);
+  }
+
+  storeResourceManager(restoreModel) {
+    this.restoreModel = restoreModel;
+  }
+
+}

package/es/platform/sdk/adapters/gateways/Service.js

@@ -0,0 +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 { CreateResourceInstanceUseCase } from "../../application/usecases/CreateResourceInstanceUseCase";
+import { DestructResourceInstanceUseCase } from "../../application/usecases/DestructResourceInstanceUseCase";
+import { GetResourceInstanceUseCase } from "../../application/usecases/GetResourceInstanceUseCase";
+import { RegisterResourceUseCase } from "../../application/usecases/RegisterResourceUseCase";
+import { SyncStateWithResourceUseCase } from "../../application/usecases/SyncStateWithResourceUseCase";
+export class Service {
+  constructor(dependencies) {
+    _defineProperty(this, "createResourceInstanceUseCase", void 0);
+
+    _defineProperty(this, "destructResourceInstanceUseCase", void 0);
+
+    _defineProperty(this, "syncStateWithResourceUseCase", void 0);
+
+    _defineProperty(this, "registerResourceUseCase", void 0);
+
+    _defineProperty(this, "getResourceInstanceUseCase", void 0);
+
+    this.createResourceInstanceUseCase = new CreateResourceInstanceUseCase(dependencies);
+    this.destructResourceInstanceUseCase = new DestructResourceInstanceUseCase(dependencies);
+    this.syncStateWithResourceUseCase = new SyncStateWithResourceUseCase(dependencies);
+    this.registerResourceUseCase = new RegisterResourceUseCase(dependencies);
+    this.getResourceInstanceUseCase = new GetResourceInstanceUseCase(dependencies);
+  }
+
+}

package/es/platform/sdk/adapters/presenters/Presenter.js

@@ -0,0 +1,16 @@
+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 class Presenter {
+  constructor() {
+    _defineProperty(this, "updateState", void 0);
+  }
+
+  updateDependencies(state, updateState) {
+    this.updateState = updateState;
+  }
+
+  presentData(data) {
+    this.updateState(data);
+  }
+
+}

package/es/platform/sdk/application/interfaces/UsecaseDependencies.js

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

package/es/platform/sdk/application/interfaces/gateways/IRepository.js

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

package/es/platform/sdk/application/interfaces/gateways/ISdkManager.js

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

package/es/platform/sdk/application/interfaces/gateways/IService.js

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

package/es/platform/sdk/application/interfaces/input/CreateResourceInstanceUseCaseInputModel.js

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

package/es/platform/sdk/application/interfaces/input/DestructResourceInstanceUseCaseInputModel.js

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

package/es/platform/sdk/application/interfaces/input/GetResourceInstanceUseCaseInputModel.js

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

package/es/platform/sdk/application/interfaces/input/RegisterResourceInputModel.js

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

package/es/platform/sdk/application/interfaces/input/SyncStateWithResourceInputModel.js

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

package/es/platform/sdk/application/interfaces/output/ISdkPresenter.js

@@ -0,0 +1,3 @@
+import { StateInterface } from "../../../domain/entities/interfaces/StateInterface";
+import { SdkResource } from "../../../domain/entities/interfaces/SdkResource";
+export { StateInterface, SdkResource };

package/es/platform/sdk/application/usecases/AbstractUseCase.js

@@ -0,0 +1,16 @@
+export class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  // TODO: Add type for state and updateState
+  updateDependencies(state, updateState) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    repository.init(state);
+    presenter.updateDependencies(state, updateState);
+  }
+
+}

package/es/platform/sdk/application/usecases/CreateResourceInstanceUseCase.js

@@ -0,0 +1,16 @@
+import { AbstractUseCase } from "./AbstractUseCase";
+export class CreateResourceInstanceUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      instanceName,
+      resourceName
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const resourceManager = repository.getResourceManager();
+    resourceManager.createResourceInstance(resourceName, instanceName);
+    repository.storeResourceManager(resourceManager.toObject());
+  }
+
+}

package/es/platform/sdk/application/usecases/DestructResourceInstanceUseCase.js

@@ -0,0 +1,16 @@
+import { AbstractUseCase } from "./AbstractUseCase";
+export class DestructResourceInstanceUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      instanceName,
+      resourceName
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const resourceManager = repository.getResourceManager();
+    resourceManager.destructResourceInstance(resourceName, instanceName);
+    repository.storeResourceManager(resourceManager.toObject());
+  }
+
+}

package/es/platform/sdk/application/usecases/GetResourceInstanceUseCase.js

@@ -0,0 +1,17 @@
+import { AbstractUseCase } from "./AbstractUseCase";
+export class GetResourceInstanceUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      instanceName,
+      resourceName
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const resourceManager = repository.getResourceManager();
+    resourceManager.getResourceInstance(resourceName, instanceName);
+    presenter.presentData(resourceManager.getResourceInstance(resourceName, instanceName));
+  }
+
+}

package/es/platform/sdk/application/usecases/RegisterResourceUseCase.js

@@ -0,0 +1,16 @@
+import { AbstractUseCase } from "../usecases/AbstractUseCase";
+export class RegisterResourceUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      resourceName,
+      resource
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const resourceManager = repository.getResourceManager();
+    resourceManager.registerResource(resourceName, resource);
+    repository.storeResourceManager(resourceManager.toObject());
+  }
+
+}

package/es/platform/sdk/application/usecases/SyncStateWithResourceUseCase.js

@@ -0,0 +1,25 @@
+import { AbstractUseCase } from "../usecases/AbstractUseCase";
+export class SyncStateWithResourceUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      instanceName,
+      state,
+      dispatch,
+      resourceName,
+      updateState
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const resourceManager = repository.getResourceManager();
+    resourceManager.syncStateWithResource({
+      resourceName,
+      instanceName,
+      state,
+      dispatch,
+      updateState
+    });
+    repository.storeResourceManager(resourceManager.toObject());
+  }
+
+}

package/es/platform/sdk/domain/entities/ResourceManager.js

@@ -0,0 +1,95 @@
+export class ResourceManager {
+  constructor() {
+    let resources = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let resourceInstances = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    this.resources = resources;
+    this.resourceInstances = resourceInstances;
+  }
+
+  getResourceInstance(resourceName, instanceName) {
+    var _resourceInstances$re;
+
+    const {
+      resourceInstances
+    } = this;
+    return ((_resourceInstances$re = resourceInstances[resourceName]) === null || _resourceInstances$re === void 0 ? void 0 : _resourceInstances$re[instanceName]) || null;
+  }
+
+  createResourceInstance(resourceName, instanceName) {
+    const {
+      resourceInstances,
+      resources
+    } = this;
+    const ResourceClass = resources[resourceName];
+
+    if (ResourceClass) {
+      const instance = new ResourceClass();
+      instance.initialize();
+
+      if (!resourceInstances[resourceName]) {
+        resourceInstances[resourceName] = {};
+      }
+
+      resourceInstances[resourceName][instanceName] = instance;
+    } else {
+      console.warn(`Resource class not found for: ${resourceName}`);
+    }
+  }
+
+  destructResourceInstance(resourceName, instanceName) {
+    var _resourceInstances$re2;
+
+    const {
+      resourceInstances
+    } = this;
+    const instance = (_resourceInstances$re2 = resourceInstances[resourceName]) === null || _resourceInstances$re2 === void 0 ? void 0 : _resourceInstances$re2[instanceName];
+
+    if (instance) {
+      instance.destroy();
+      delete resourceInstances[resourceName][instanceName];
+    } else {
+      console.warn(`No resource instance found for: ${resourceName} - ${instanceName}`);
+    }
+  }
+
+  registerResource(resourceName, resource) {
+    const {
+      resources
+    } = this;
+
+    if (resources[resourceName]) {
+      console.warn(`Resource with name "${resourceName}" already exists. Overwriting.`);
+    }
+
+    resources[resourceName] = resource;
+  }
+
+  syncStateWithResource(_ref) {
+    var _resourceInstances$re3;
+
+    let {
+      resourceName,
+      instanceName,
+      state,
+      dispatch,
+      updateState
+    } = _ref;
+    const {
+      resourceInstances
+    } = this;
+    const instance = (_resourceInstances$re3 = resourceInstances[resourceName]) === null || _resourceInstances$re3 === void 0 ? void 0 : _resourceInstances$re3[instanceName];
+    instance.updateDependencies({
+      state,
+      dispatch,
+      updateState
+    });
+  }
+
+  toObject() {
+    return {
+      resourceInstances: this.resourceInstances,
+      resources: this.resources
+    };
+  }
+
+}

package/es/platform/sdk/domain/entities/interfaces/IResourceManager.js

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

package/es/platform/sdk/domain/entities/interfaces/ResourceManagerRestoreModel.js

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

package/es/platform/sdk/domain/entities/interfaces/SdkResource.js

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

package/es/platform/sdk/domain/entities/interfaces/SdkResourceDependencies.js

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

package/es/platform/sdk/domain/entities/interfaces/StateInterface.js

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