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

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/createRecord.js

@@ -0,0 +1,27 @@
+const createRecord = {
+  name: 'createRecord',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/{{moduleName}}',
+  parameters: `{}`,
+  type: 'POST',
+  transformer: data => data,
+  requestBody: '{{record}}',
+  properties: {
+    moduleName: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    record: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'object'
+        }
+      }
+    }
+  }
+};
+export default createRecord;

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

@@ -0,0 +1,18 @@
+const fetchDependencyMappings = {
+  name: 'fetchDependencyMappings',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/dependencyMappings',
+  parameters: `{"layoutId":"{{layoutId}}"}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchDependencyMappings;

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

@@ -0,0 +1,29 @@
+// Assuming GetTemplate interface is defined
+const fetchLayoutRules = {
+  name: 'fetchLayoutRules',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/layouts/{{layoutId}}/layoutRules',
+  parameters: `{"activeRulesOnly":{{activeRulesOnly}}}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    activeRulesOnly: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'boolean'
+        }
+      },
+      defaultValue: true // Assuming true as a default if parameter is optional
+
+    }
+  }
+};
+export default fetchLayoutRules;

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

@@ -0,0 +1,19 @@
+// Assuming similar structure to PatchTemplate
+const fetchMyForm = {
+  name: 'myFormFetch',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/myForm',
+  parameters: `{"layoutId":"{{layoutId}}"}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchMyForm;

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

@@ -0,0 +1,43 @@
+// Assumed you have a GetTemplate interface similar to PatchTemplate
+const fetchMyLayouts = {
+  name: 'myLayoutsFetch',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/myLayouts',
+  parameters: `{"module":"{{module}}","departmentId":"{{departmentId}}","from":"{{from}}","limit":"{{limit}}"}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    module: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    departmentId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    from: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    limit: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchMyLayouts;

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

@@ -0,0 +1,29 @@
+// Assuming GetTemplate interface is similar to PatchTemplate
+const fetchValidationRules = {
+  name: 'fetchValidationRules',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/layouts/{{layoutId}}/validationRules',
+  parameters: `{"activeRulesOnly":{{activeRulesOnly}}}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    activeRulesOnly: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'boolean'
+        }
+      },
+      defaultValue: true // Assuming default behavior if not provided
+
+    }
+  }
+};
+export default fetchValidationRules;

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

@@ -1,11 +1,74 @@
+async function getValidJsonResArray(res, key) {
+  if (res.status === 204) {
+    return null;
+  }
+
+  if (res.ok) {
+    const json = await res.json();
+    return json[key] || [];
+  }
+
+  throw new Error(`Error: ${res.status} ${res.statusText}`);
+}
+
 let getAvailableFields = {
   name: 'availableFields',
   api: '/{{servicePrefix}}/{{orgName}}/api/v1/views/availableFields',
   parameters: `{
+        "servicePrefix": "{{servicePrefix}}",
+        "orgName": "{{orgName}}",
         "departmentId":"{{departmentId}}",
         "module":"{{moduleName}}"
     }`,
   type: 'GET',
+  getResponse: async _ref => {
+    let {
+      params,
+      payload,
+      headers
+    } = _ref;
+
+    try {
+      const {
+        servicePrefix,
+        orgName,
+        departmentId,
+        module
+      } = params;
+      const availableFieldsUrl = `/${servicePrefix}/${orgName}/api/v1/views/availableFields?departmentId=${departmentId}&module=${module}`;
+      const res = await fetch(availableFieldsUrl, {
+        method: 'GET',
+        headers
+      });
+      const availableFields = await getValidJsonResArray(res, 'fields');
+      const organizationFieldsUrl = `/${servicePrefix}/${orgName}/api/v1/organizationFields?departmentId=${departmentId}&module=${module}`;
+      const ores = await fetch(organizationFieldsUrl, {
+        method: 'GET',
+        headers
+      });
+      const organizationFields = await getValidJsonResArray(ores, 'data');
+      return {
+        fields: availableFields.map(field => {
+          const organizationField = organizationFields.find(orgField => orgField.apiName === field.name);
+
+          if (!organizationField) {
+            return field;
+          }
+
+          return { ...field,
+            pickListValues: organizationField.pickListValues,
+            returnType: organizationField.returnType,
+            subType: organizationField.subType
+          };
+        })
+      };
+    } catch (error) {
+      throw {
+        error,
+        message: 'Error fetching available fields'
+      };
+    }
+  },
   transformer: res => res.fields,
   properties: {
     moduleName: {