@zohodesk/library-platform 1.1.1-exp.6 → 1.1.2-exp.0

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/data-source/http-template/getAvailableFields.js

@@ -57,6 +57,7 @@ let getAvailableFields = {
 
           return { ...field,
             pickListValues: organizationField.pickListValues,
+            returnType: organizationField.returnType,
             subType: organizationField.subType
           };
         })

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

@@ -4,7 +4,7 @@ let getClientActions = {
   parameters: `{
         "from":{{from}},
         "limit":{{limit}},
-        "library": "{{library}}",
+        "component": "{{component}}",
         "module": "{{moduleName}}"
     }`,
   type: 'GET',

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,