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

package/es/platform/column-chooser/adapters/gateways/Repository.js

@@ -0,0 +1,38 @@
+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 { DEFAULT_COLUMN_CHOOSE_MAX_COUNT } from "../../../../bc/column-chooser/Constants";
+import ColumnChooserImp from "../../domain/entities/ColumnChooserImp";
+import ReorderEntityImp from "../../domain/entities/ReorderEntityImp";
+import SearchEntityImp from "../../domain/entities/SearchEntityImp";
+import SelectEntityImp from "../../domain/entities/SelectEntityImp";
+
+class Repository {
+  constructor() {
+    _defineProperty(this, "state", void 0);
+  }
+
+  init(state) {
+    this.state = state;
+  }
+
+  getColumnChooser() {
+    const {
+      columnChooser
+    } = this.state.behaviours;
+    const reorderEntity = new ReorderEntityImp(columnChooser.order);
+    const searchEntity = this.createSearchEntity();
+    const selectEntity = new SelectEntityImp(columnChooser.selected, DEFAULT_COLUMN_CHOOSE_MAX_COUNT);
+    return new ColumnChooserImp(columnChooser.isSaved, reorderEntity, searchEntity, selectEntity);
+  }
+
+  createSearchEntity() {
+    const {
+      columnChooser,
+      zfield
+    } = this.state.behaviours;
+    return new SearchEntityImp(columnChooser.searchText, fieldName => zfield.fields.find(f => f.name === fieldName).i18NLabel);
+  }
+
+}
+
+export default Repository;

package/es/platform/column-chooser/adapters/gateways/Service.js

@@ -0,0 +1,34 @@
+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 ColumnChooserOpenUseCase from "../../applications/usecases/ColumnChooserOpenUseCase";
+import ColumnChooserSelectUseCase from "../../applications/usecases/ColumnChooserSelectUseCase";
+import ColumnChooserReorderUseCase from "../../applications/usecases/ColumnChooserReorderUseCase";
+import ColumnChooserSearchUseCase from "../../applications/usecases/ColumnChooserSearchUseCase";
+import ColumnChooserSaveUseCase from "../../applications/usecases/ColumnChooserSaveUseCase";
+import ColumnChooserCloseUseCase from "../../applications/usecases/ColumnChooserCloseUseCase";
+
+class Service {
+  constructor(dependencies) {
+    _defineProperty(this, "columnChooserOpenUseCase", void 0);
+
+    _defineProperty(this, "columnChooserSelectUseCase", void 0);
+
+    _defineProperty(this, "columnChooserReorderUseCase", void 0);
+
+    _defineProperty(this, "columnChooserSearchUseCase", void 0);
+
+    _defineProperty(this, "columnChooserSaveUseCase", void 0);
+
+    _defineProperty(this, "columnChooserCloseUseCase", void 0);
+
+    this.columnChooserOpenUseCase = new ColumnChooserOpenUseCase(dependencies);
+    this.columnChooserSelectUseCase = new ColumnChooserSelectUseCase(dependencies);
+    this.columnChooserReorderUseCase = new ColumnChooserReorderUseCase(dependencies);
+    this.columnChooserSearchUseCase = new ColumnChooserSearchUseCase(dependencies);
+    this.columnChooserSaveUseCase = new ColumnChooserSaveUseCase(dependencies);
+    this.columnChooserCloseUseCase = new ColumnChooserCloseUseCase(dependencies);
+  }
+
+}
+
+export default Service;

package/es/platform/column-chooser/adapters/gateways/State.js

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

package/es/platform/column-chooser/adapters/presenters/Presenter.js

@@ -0,0 +1,25 @@
+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, "updateState", void 0);
+
+    _defineProperty(this, "state", void 0);
+  }
+
+  updateDependencies(state, updateState) {
+    this.state = state;
+    this.updateState = updateState;
+  }
+
+  updateView(view) {
+    this.updateState({ ...this.state,
+      behaviours: { ...this.state.behaviours,
+        columnChooser: view
+      }
+    });
+  }
+
+}
+
+export default Presenter;

package/es/platform/column-chooser/applications/interfaces/UsecaseDependencies.js

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

package/es/platform/column-chooser/applications/interfaces/gateways/IRepository.js

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

package/es/platform/column-chooser/applications/interfaces/gateways/IService.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserCloseInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserOpenInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserReorderInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserSaveInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserSearchInput.js

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

package/es/platform/column-chooser/applications/interfaces/input/ColumnChooserSelectInput.js

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

package/es/platform/column-chooser/applications/interfaces/output/BehaviourState.js

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

package/es/platform/column-chooser/applications/interfaces/output/IPresenter.js

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

package/es/platform/column-chooser/applications/usecases/AbstractUseCase.js

@@ -0,0 +1,18 @@
+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);
+  }
+
+}
+
+export default AbstractUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserCloseUseCase.js

@@ -0,0 +1,34 @@
+import { COLUMN_CHOOSER_BEHAVIOUR_CANCELED } from "../../../../bc/column-chooser/Constants";
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserCloseUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      dispatch
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    const selectedArray = columnChooser.getSelectedWithOrder();
+    const order = columnChooser.getOrder();
+    const isSaved = columnChooser.hasBeenSaved();
+    columnChooser.init([], []);
+    columnChooser.markAsUnsaved();
+    presenter.updateView(columnChooser.toObject());
+
+    if (!isSaved) {
+      dispatch({
+        type: COLUMN_CHOOSER_BEHAVIOUR_CANCELED,
+        payload: {
+          selectedArray,
+          order
+        }
+      });
+    }
+  }
+
+}
+
+export default ColumnChooserCloseUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserOpenUseCase.js

@@ -0,0 +1,20 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserOpenUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      order,
+      selectedArray
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    columnChooser.init(order, selectedArray);
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserOpenUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserReorderUseCase.js

@@ -0,0 +1,20 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserReorderUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      fromIndex,
+      toIndex
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    columnChooser.arrayMoveImmutable(fromIndex, toIndex);
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserReorderUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserSaveUseCase.js

@@ -0,0 +1,31 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { COLUMN_CHOOSER_BEHAVIOUR_UPDATED } from "../../../../bc/column-chooser/Constants";
+
+class ColumnChooserSaveUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      dispatch
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    const selectedArray = columnChooser.getSelectedWithOrder();
+    const order = columnChooser.getOrder();
+    columnChooser.markAsSaved();
+    presenter.updateView(columnChooser.toObject()); // TODO: exposer.columnChooserUpdated({ fields });
+
+    dispatch({
+      type: COLUMN_CHOOSER_BEHAVIOUR_UPDATED,
+      payload: {
+        selectedArray,
+        order
+      }
+    });
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserSaveUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserSearchUseCase.js

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserSearchUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      searchText
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+    columnChooser.setSearchText(searchText);
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserSearchUseCase;

package/es/platform/column-chooser/applications/usecases/ColumnChooserSelectUseCase.js

@@ -0,0 +1,26 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ColumnChooserSelectUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      columnId,
+      isChecked
+    } = _ref;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const columnChooser = repository.getColumnChooser();
+
+    if (isChecked) {
+      columnChooser.select(columnId);
+    } else {
+      columnChooser.deselect(columnId);
+    }
+
+    presenter.updateView(columnChooser.toObject());
+  }
+
+}
+
+export default ColumnChooserSelectUseCase;

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/components/form-connected/frameworks/FormConnectedFactory.js

@@ -0,0 +1,33 @@
+import Properties from "../../../../cc/form-connected/Properties";
+import { createCustomComponent } from "../../../../library/custom-component";
+import ZHttpBehaviourFactory from "../../../zhttp/frameworks/ZHttpBehaviourFactory";
+import RecordBehaviourFactory from "../../../zrecord/frameworks/RecordBehaviourFactory";
+import FormConnectedView from "./FormConnectedView";
+import defaultDataBroker from "../../../data-source";
+import DataBrokerBehaviourFactory from "../../../zdata-source/frameworks/DataBrokerBehaviourFactory";
+import FormTranslator from "../../../zform/adapters/presenter/FormTranslator";
+import ZFormBehaviourFactory from "../../../zform/frameworks/ui/ZFormBehaviourFactory";
+import FieldValidationBehaviourFactory from "../../../../library/behaviours/field-validation/frameworks/ui/FieldValidationBehaviourFactory";
+import EventHandlersfactory from "./EventHandlersFactory";
+export default class FormConnectedFactory {
+  static create(_ref) {
+    let {
+      name,
+      customValidators,
+      dataBroker = defaultDataBroker,
+      eventHandlers = {},
+      View = FormConnectedView
+    } = _ref;
+    return createCustomComponent({
+      name: name,
+      View: View,
+      properties: Properties,
+      eventHandlers: EventHandlersfactory.create(eventHandlers),
+      transformState: FormTranslator.transformState,
+      behaviours: [ZHttpBehaviourFactory.create(), DataBrokerBehaviourFactory.create(), RecordBehaviourFactory.create(dataBroker.httpTemplates), FieldValidationBehaviourFactory.create(), ZFormBehaviourFactory.create({
+        customValidators
+      })]
+    });
+  }
+
+}

package/es/{desk-frameworks → platform/components}/form-connected/frameworks/FormConnectedView.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Form from "../../../library/dot/components/form/frameworks/ui/Form";
+import Form from "../../../../library/dot/components/form/frameworks/ui/Form";
 
 function View(_ref, ref) {
   let {