@zohodesk/library-platform 1.1.12 → 1.1.13

package/es/library/behaviours/search-box/adapters/gateway/Service.js

@@ -0,0 +1,12 @@
+import SearchUseCase from "../../applications/usecases/SearchUseCase";
+import ClearSearchUseCase from "../../applications/usecases/ClearSearchUseCase";
+
+class Service {
+  constructor(dependencies) {
+    this.searchUseCase = new SearchUseCase(dependencies);
+    this.clearSearchUseCase = new ClearSearchUseCase(dependencies);
+  }
+
+}
+
+export default Service;

package/es/library/behaviours/search-box/adapters/presenter/Presenter.js

@@ -0,0 +1,21 @@
+export default class Presenter {
+  updateDependencies(state, updateState) {
+    this.state = state;
+    this.updateState = updateState;
+  }
+
+  updateSearch(search) {
+    const {
+      searchQuery
+    } = search;
+    this.state = { ...this.state,
+      behaviours: { ...this.state.behaviours,
+        search: {
+          searchQuery
+        }
+      }
+    };
+    this.updateState(this.state);
+  }
+
+}

package/es/library/behaviours/search-box/applications/interfaces/UseCaseDependencies.js

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

package/es/library/behaviours/search-box/applications/interfaces/gateways/IRepository.js

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

package/es/library/behaviours/search-box/applications/interfaces/gateways/IService.js

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

package/es/library/behaviours/search-box/applications/interfaces/input/ClearSearchInputModel.js

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

package/es/library/behaviours/search-box/applications/interfaces/input/SearchInputModel.js

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

package/es/library/behaviours/search-box/applications/interfaces/output/IPresenter.js

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

package/es/library/behaviours/search-box/applications/interfaces/output/SearchOutputModel.js

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

package/es/library/behaviours/search-box/applications/usecases/AbstractUseCase.js

@@ -0,0 +1,17 @@
+class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  updateDependencies(state, updateState) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    repository.init(state);
+    presenter.updateDependencies(state, updateState);
+  }
+
+}
+
+export default AbstractUseCase;

package/es/library/behaviours/search-box/applications/usecases/ClearSearchUseCase.js

@@ -0,0 +1,24 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { SEARCH_TYPE_CLEARED } from "../../../../../bc/search-box/Constants";
+
+class ClearSearchUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const {
+      dispatch
+    } = input;
+    const search = repository.getSearchEntity();
+    search.clearSearchQuery();
+    presenter.updateSearch(search.toObject());
+    dispatch({
+      type: SEARCH_TYPE_CLEARED,
+      payload: search.toObject()
+    });
+  }
+
+}
+
+export default ClearSearchUseCase;

package/es/library/behaviours/search-box/applications/usecases/SearchUseCase.js

@@ -0,0 +1,25 @@
+import AbstractUseCase from "./AbstractUseCase";
+import { SEARCH_TYPE_UPDATED } from "../../../../../bc/search-box/Constants";
+
+class SearchUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const {
+      searchQuery,
+      dispatch
+    } = input;
+    const search = repository.getSearchEntity();
+    search.setSearchQuery(searchQuery);
+    presenter.updateSearch(search.toObject());
+    dispatch({
+      type: SEARCH_TYPE_UPDATED,
+      payload: search.toObject()
+    });
+  }
+
+}
+
+export default SearchUseCase;

package/es/library/behaviours/search-box/domain/entities/Search.js

@@ -0,0 +1,22 @@
+class Search {
+  constructor(searchQuery) {
+    this.searchQuery = searchQuery;
+  }
+
+  setSearchQuery(value) {
+    this.searchQuery = value;
+  }
+
+  clearSearchQuery() {
+    this.searchQuery = '';
+  }
+
+  toObject() {
+    return {
+      searchQuery: this.searchQuery
+    };
+  }
+
+}
+
+export default Search;

package/es/library/behaviours/search-box/domain/entities/interfaces/ISearch.js

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

package/es/library/behaviours/search-box/frameworks/ui/ActionsHandlerFactory.js

@@ -0,0 +1,24 @@
+import SearchController from "../../adapters/controllers/SearchController";
+import Repository from "../../adapters/gateway/Repository";
+import Service from "../../adapters/gateway/Service";
+import Presenter from "../../adapters/presenter/Presenter";
+import { SEARCH_TYPE_CLEAR_REQUESTED, SEARCH_TYPE_UPDATE_REQUESTED } from "../../../../../bc/search-box/Constants";
+import ClearSearchController from "../../adapters/controllers/ClearSearchController"; // TODO: Rename as EventHandlersFactory
+
+class ActionsHandlersFactory {
+  static create() {
+    const presenter = new Presenter();
+    const repository = new Repository();
+    const service = new Service({
+      presenter,
+      repository
+    });
+    return {
+      [SEARCH_TYPE_UPDATE_REQUESTED]: new SearchController(service).handle,
+      [SEARCH_TYPE_CLEAR_REQUESTED]: new ClearSearchController(service).handle
+    };
+  }
+
+}
+
+export default ActionsHandlersFactory;

package/es/library/behaviours/search-box/frameworks/ui/SearchBehaviourFactory.js

@@ -0,0 +1,26 @@
+import properties from "../../../../../bc/search-box/Properties";
+import ActionsHandlerFactory from "./ActionsHandlerFactory";
+
+class SearchBehaviourFactory {
+  static create() {
+    return {
+      name: 'search',
+      setInitialState: _ref => {
+        let {
+          properties
+        } = _ref;
+        const {
+          value
+        } = properties;
+        return {
+          searchQuery: value
+        };
+      },
+      properties,
+      eventHandlers: ActionsHandlerFactory.create()
+    };
+  }
+
+}
+
+export default SearchBehaviourFactory;

package/es/library/behaviours/sort-by/adapters/controllers/{SortBy.js → SortByController.js}

@@ -5,20 +5,20 @@ class SortByController extends AbstractController {
     const {
       sortByUseCase
     } = this.service;
-    let {
+    const {
       state,
       updateState,
       action,
       dispatch
     } = event;
-    let {
-      id,
-      name
+    const {
+      fieldName,
+      order
     } = action.payload;
     sortByUseCase.updateDependencies(state, updateState);
     sortByUseCase.execute({
-      id,
-      name,
+      order,
+      fieldName,
       dispatch
     });
   }

package/es/library/behaviours/sort-by/adapters/gateway/Repository.js

@@ -6,14 +6,26 @@ export default class Repository {
 
   getSortByEntity() {
     const {
-      behaviours
+      behaviours,
+      properties
     } = this.state;
     const {
-      id,
-      name,
-      order
-    } = behaviours.sortBy;
-    return new SortBy(id, name, order);
+      sortConfig
+    } = properties;
+    let isSortConfigEnabled = sortConfig?.isEnabled;
+
+    if (!isSortConfigEnabled) {
+      return null;
+    }
+
+    const {
+      sortBy
+    } = behaviours;
+    const {
+      order,
+      fieldName
+    } = sortBy;
+    return new SortBy(order, fieldName);
   }
 
 }

package/es/library/behaviours/sort-by/adapters/gateway/Service.js

@@ -1,8 +1,8 @@
-import SortBy from "../../applications/usecases/SortBy";
+import SortByUseCase from "../../applications/usecases/SortByUseCase";
 
 class Service {
   constructor(dependencies) {
-    this.sortByUseCase = new SortBy(dependencies);
+    this.sortByUseCase = new SortByUseCase(dependencies);
   }
 
 }

package/es/library/behaviours/sort-by/adapters/presenter/Presenter.js

@@ -5,9 +5,16 @@ export default class Presenter {
   }
 
   updateSortBy(sortBy) {
+    const {
+      order,
+      fieldName
+    } = sortBy;
     this.state = { ...this.state,
       behaviours: { ...this.state.behaviours,
-        sortBy
+        sortBy: {
+          order,
+          fieldName
+        }
       }
     };
     this.updateState(this.state);

package/es/library/behaviours/sort-by/applications/interfaces/input/UpdateSortByUseCaseInputModel.js

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

package/es/library/behaviours/sort-by/applications/interfaces/output/SearchOutputModel.js

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

package/es/library/behaviours/sort-by/applications/usecases/{SortBy.js → SortByUseCase.js}

@@ -1,28 +1,27 @@
-import { SORTBY_SORTED } from "../../../../../bc/sort-by/Constants";
 import AbstractUseCase from "./AbstractUseCase";
+import { SORT_BY_UPDATED } from "../../../../../bc/sort-by/Constants";
 
-class SortBy extends AbstractUseCase {
+class SortByUseCase extends AbstractUseCase {
   execute(input) {
-    const {
-      id,
-      name,
-      dispatch
-    } = input;
     const {
       repository,
       presenter
     } = this.dependencies;
+    const {
+      order,
+      fieldName,
+      dispatch
+    } = input;
     const sortBy = repository.getSortByEntity();
-    sortBy.doSorting(id, name);
+    sortBy.setSortOrder(order);
+    sortBy.setSortField(fieldName);
     presenter.updateSortBy(sortBy.toObject());
     dispatch({
-      type: SORTBY_SORTED,
-      payload: {
-        sortBy: sortBy.toObject()
-      }
+      type: SORT_BY_UPDATED,
+      payload: sortBy.toObject()
     });
   }
 
 }
 
-export default SortBy;
+export default SortByUseCase;

package/es/library/behaviours/sort-by/applications/usecases/UpdateSortByUseCase.js

@@ -0,0 +1,25 @@
+import { SortModelOrder } from "../../../../../platform/zlist/domain/entities/interfaces/Properties";
+import AbstractUseCase from "./AbstractUseCase";
+import { SortOrder } from "../../../../../bc/zlist/Types";
+
+class UpdateSortByUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const {
+      order,
+      fieldName,
+      dispatch
+    } = input;
+    const sortBy = repository.getSortByEntity();
+    const sortOrder = order === SortOrder.DES ? SortModelOrder.DES : SortModelOrder.ASC;
+    sortBy.setSortOrder(sortOrder);
+    sortBy.setSortField(fieldName);
+    presenter.updateSortBy(sortBy.toObject());
+  }
+
+}
+
+export default UpdateSortByUseCase;

package/es/library/behaviours/sort-by/domain/entities/SortBy.js

@@ -1,42 +1,28 @@
-import SortOrderEnum from "../../../../../bc/sort-by/SortOrderEnum";
-
 class SortBy {
-  constructor(id, name, order) {
-    this.id = id;
-    this.name = name;
-    this.order = order;
+  constructor(sortOrder, sortField) {
+    this.sortOrder = sortOrder;
+    this.sortField = sortField;
   }
 
-  toggleSort() {
-    if (this.order === SortOrderEnum.ASC) {
-      this.order = SortOrderEnum.DES;
+  setSortOrder(value) {
+    if (value === 'descending') {
+      this.sortOrder = 'DES';
     } else {
-      this.order = SortOrderEnum.ASC;
+      this.sortOrder = 'ASC';
     }
   }
 
-  resetSortBy(id, name) {
-    this.id = id;
-    this.name = name;
-    this.order = SortOrderEnum.ASC;
+  setSortField(value) {
+    this.sortField = value;
   }
 
   toObject() {
     return {
-      id: this.id,
-      name: this.name,
-      order: this.order
+      order: this.sortOrder,
+      fieldName: this.sortField
     };
   }
 
-  doSorting(id, name) {
-    if (this.id === id) {
-      this.toggleSort();
-    } else {
-      this.resetSortBy(id, name);
-    }
-  }
-
 }
 
 export default SortBy;

package/es/library/behaviours/sort-by/frameworks/ui/ActionsHandlerFactory.js

@@ -1,8 +1,10 @@
-import { SORTBY_SORT } from "../../../../../bc/sort-by/Constants";
-import SortByController from "../../adapters/controllers/SortBy";
+import SortByController from "../../adapters/controllers/SortByController";
 import Repository from "../../adapters/gateway/Repository";
 import Service from "../../adapters/gateway/Service";
-import Presenter from "../../adapters/presenter/Presenter"; // TODO: Rename as EventHandlersFactory
+import Presenter from "../../adapters/presenter/Presenter";
+import { SORT_BY_UPDATE_REQUESTED } from "../../../../../bc/sort-by/Constants"; // TODO: Remove unused import
+// import ResetToDefaultController from '../../adapters/controllers/ResetToDefaultController';
+// TODO: Rename as EventHandlersFactory
 
 class ActionsHandlersFactory {
   static create() {
@@ -12,9 +14,9 @@ class ActionsHandlersFactory {
       presenter,
       repository
     });
-    const controller = new SortByController(service);
     return {
-      [SORTBY_SORT]: controller.handle
+      [SORT_BY_UPDATE_REQUESTED]: new SortByController(service).handle // ['SORT_DROPDOWN#RESET_REQUESTED']: new ResetToDefaultController(service).handle
+
     };
   }
 

package/es/library/behaviours/sort-by/frameworks/ui/SortByBehaviourFactory.js

@@ -1,20 +1,30 @@
-import Properties from "../../../../../bc/sort-by/Properties";
+import properties from "../../../../../bc/sort-by/Properties";
 import ActionsHandlerFactory from "./ActionsHandlerFactory";
+import { SortModelOrder } from "../../../../../platform/zlist/domain/entities/interfaces/Properties";
+import { SortOrder } from "../../../../../bc/zlist/Types";
 
 class SortByBehaviourFactory {
   static create() {
     return {
       name: 'sortBy',
-      setInitialState: _ref => {
-        let {
+      setInitialState: args => {
+        const {
           properties
-        } = _ref;
+        } = args;
         const {
-          sortBy
+          sortConfig
         } = properties;
-        return sortBy || {};
+        const {
+          defaultSortField,
+          defaultSortOrder
+        } = sortConfig;
+        let finalOrder = defaultSortOrder === SortModelOrder.DES ? SortOrder.DES : SortOrder.ASC;
+        return {
+          order: finalOrder,
+          fieldName: defaultSortField
+        };
       },
-      properties: Properties,
+      properties,
       eventHandlers: ActionsHandlerFactory.create()
     };
   }

package/es/library/custom-component/adapters/gateways/event-manager/EventManager.js

@@ -1,6 +1,7 @@
 // @ts-ignore
 if (__DEVELOPMENT__) {
   globalThis.enableEventLogging = false;
+  globalThis.enableLifeCycleEventLogging = false;
   globalThis.enableEventVerbose = false;
 }
 
@@ -185,6 +186,10 @@ class EventManager {
     // @ts-ignore
     if (__DEVELOPMENT__) {
       if (globalThis.enableEventLogging && type) {
+        if (!globalThis.enableLifeCycleEventLogging && (type.endsWith('#MOUNT') || type.endsWith('#UN_MOUNT') || type.endsWith('#UPDATE_PROPERTIES') || type.endsWith('#STATE_UPDATED'))) {
+          return;
+        }
+
         const {
           msg,
           styles: nameStyles

package/es/library/custom-component/domain/entities/ComponentProperties.js

@@ -113,7 +113,7 @@ export default class ComponentProperties {
   }
 
   getAppendToActionPayloadProperty() {
-    return this.properties.getAppendToActionPayloadProperty();
+    return this.findProperty("appendToActionPayload").getValue();
   }
 
 }

package/es/library/custom-component/domain/entities/Logger.js

@@ -27,7 +27,7 @@ export default class Logger {
         warnings?.forEach(warning => {
           this.printResult(key, warning, 'warning');
         });
-        console.log('%cBut, Given is:', 'color: white;font-weight: bold;', {
+        console.log('%cBut, Given is:', 'color: inherit;font-weight: bold;', {
           [key]: value
         });
       });
@@ -61,11 +61,11 @@ export default class Logger {
       const log = type === 'error' ? console.error : console.warn;
 
       if (errorOrWarning.dataPath) {
-        log(`Invalid Property %c${key}%c${errorOrWarning.dataPath} %c${errorOrWarning.message}`, ERROR_PRIMARY, ERROR_SECONDARY, 'color: white;');
+        log(`Invalid Property %c${key}%c${errorOrWarning.dataPath} %c${errorOrWarning.message}`, ERROR_PRIMARY, ERROR_SECONDARY, 'color: inherit;');
         return;
       }
 
-      log(`Invalid Property %c${key} : %c${errorOrWarning.message}`, ERROR_PRIMARY, 'color: white;');
+      log(`Invalid Property %c${key} : %c${errorOrWarning.message}`, ERROR_PRIMARY, 'color: inherit;');
     }
   }
 

package/es/library/dot/components/action-location/frameworks/ui/ActionComponentMapping.js

@@ -11,6 +11,9 @@ import IconButton from "../../../../legacy-to-new-arch/icon-button/frameworks/ui
 import HighlightedValue from "../../../../legacy-to-new-arch/highlighted-value/frameworks/ui/HighlightedValue";
 import Switch from "../../../../legacy-to-new-arch/switch/frameworks/ui/Switch";
 import ListItem from "../../../../legacy-to-new-arch/list-item/frameworks/ui/ListItem";
+import Ribbon from "../../../../legacy-to-new-arch/ribbon/frameworks/ui/Ribbon";
+import Search from "../../../../legacy-to-new-arch/action-band-components/search/frameworks/ui/Search";
+import SortDropdown from "../../../../legacy-to-new-arch/sort-dropdown/frameworks/ui/SortDropdown";
 const ActionComponentMapping = {
   ['ActionIcon']: ActionIcon,
   ['Button']: Button,
@@ -23,6 +26,9 @@ const ActionComponentMapping = {
   ['TableColumnFilter']: TableColumnFilter,
   ['Breadcrumb']: Breadcrumb,
   ['IconButton']: IconButton,
-  ['HighlightedValue']: HighlightedValue
+  ['HighlightedValue']: HighlightedValue,
+  ['Ribbon']: Ribbon,
+  ['Search']: Search,
+  ['SortDropdown']: SortDropdown
 };
 export default ActionComponentMapping;

package/es/library/dot/components/table-list/adapters/controllers/ScrollController.js

@@ -1,4 +1,4 @@
-import { ZLIST_FETCH_MORE } from "../../../../../../bc/zlist/Constants";
+import { TableListConstants } from "../../../../../../cc/table-list";
 import AbstractController from "./AbstractController";
 
 class ScrollController extends AbstractController {
@@ -21,7 +21,7 @@ class ScrollController extends AbstractController {
 
     if (isEndReached) {
       dispatch({
-        type: ZLIST_FETCH_MORE,
+        type: TableListConstants.TABLE_LIST_SCROLL_END_REACHED,
         payload: {}
       });
     }

package/es/library/dot/components/table-list/adapters/controllers/index.js

@@ -1,8 +1,6 @@
 export { default as SelectItemController } from "./SelectItemController";
 export { default as SelectAllController } from "./SelectAllController";
 export { default as ScrollController } from "./ScrollController";
-export { default as SortByController } from "./SortByController";
-export { default as SortedController } from "./SortedController";
 export { default as FieldChangeController } from "./FieldChangeController";
 export { default as FieldClickController } from "./FieldClickController";
 export { default as KeyboardRowSelectController } from "./KeyboardRowSelectController";

package/es/library/dot/components/table-list/frameworks/ui/EventHandlersFactory.js

@@ -1,5 +1,5 @@
 import { TableListConstants } from "../../../../../../cc/table-list";
-import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController, KeyboardRowSelectController, KeyboardRowClickController, ResolutionBasedCountController } from "../../adapters/controllers";
+import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, KeyboardRowSelectController, KeyboardRowClickController, ResolutionBasedCountController } from "../../adapters/controllers";
 import TableRowConstants from "../../../../../../cc/table-list/row/Constants";
 import RowClickController from "../../adapters/controllers/RowClickController";
 import { SMART_TABLE_ACTION_TRIGGERED, SMART_TABLE_SELECTION_TOGGLED } from "../../../../../../cc/table-connected/constants/Events";
@@ -14,7 +14,6 @@ class EventHandlersFactory {
       [TableListConstants.TABLE_LIST_TOGGLE_ITEM_SELECTION]: new SelectItemController().handle,
       [TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION]: new SelectAllController().handle,
       [TableListConstants.TABLE_LIST_SCROLLED]: new ScrollController().handle,
-      [TableListConstants.TABLE_LIST_SORTED]: new SortByController().handle,
       [TableRowConstants.TABLE_ROW_FIELD_CHANGED]: new FieldChangeController().handle,
       [TableRowConstants.TABLE_ROW_FIELD_CLICKED]: new FieldClickController().handle
     };