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

package/es/bc/sdk/EventHandlers.js

@@ -0,0 +1 @@
+import LifeCycleEvents from "../../cc/component/LifeCycleEventsEnum";

package/es/bc/sdk/Properties.js

@@ -0,0 +1,10 @@
+export default {
+  instanceName: {
+    required: true,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  }
+};

package/es/bc/sdk/ResourceNamesEnum.js

@@ -0,0 +1,6 @@
+var ResourceNamesEnum = /*#__PURE__*/function (ResourceNamesEnum) {
+  ResourceNamesEnum["SMART_TABLE"] = "smartTable";
+  return ResourceNamesEnum;
+}(ResourceNamesEnum || {});
+
+export default ResourceNamesEnum;

package/es/cc/action-location/Constants.js

@@ -1,11 +1,13 @@
 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 LifeCycleEvents from "../component/LifeCycleEventsEnum";
+
 class ActionLocationConstants {}
 
-_defineProperty(ActionLocationConstants, "MOUNT", 'ActionLocation#MOUNT');
+_defineProperty(ActionLocationConstants, "MOUNT", `ActionLocation#${LifeCycleEvents.MOUNT}`);
 
-_defineProperty(ActionLocationConstants, "UPDATE_PROPERTIES", 'ActionLocation#UPDATE_PROPERTIES');
+_defineProperty(ActionLocationConstants, "UPDATE_PROPERTIES", `ActionLocation#${LifeCycleEvents.UPDATE_PROPERTIES}`);
 
-_defineProperty(ActionLocationConstants, "UNMOUNT", 'ActionLocation#UNMOUNT');
+_defineProperty(ActionLocationConstants, "UN_MOUNT", `ActionLocation#${LifeCycleEvents.UN_MOUNT}`);
 
 export default ActionLocationConstants;

package/es/cc/architecture/LifeCycleActionEnum.js

@@ -1,8 +1,2 @@
-var LifeCycleAction = /*#__PURE__*/function (LifeCycleAction) {
-  LifeCycleAction["MOUNT"] = "MOUNT";
-  LifeCycleAction["UN_MOUNT"] = "UN_MOUNT";
-  LifeCycleAction["UPDATE_PROPERTIES"] = "UPDATE_PROPERTIES";
-  return LifeCycleAction;
-}(LifeCycleAction || {});
-
-export default LifeCycleAction;
+import LifeCycleEvents from "../component/LifeCycleEventsEnum";
+export default LifeCycleEvents;

package/es/cc/component/LifeCycleEventsEnum.js

@@ -0,0 +1,9 @@
+var LifeCycleEvents = /*#__PURE__*/function (LifeCycleEvents) {
+  LifeCycleEvents["MOUNT"] = "MOUNT";
+  LifeCycleEvents["STATE_UPDATED"] = "STATE_UPDATED";
+  LifeCycleEvents["UN_MOUNT"] = "UN_MOUNT";
+  LifeCycleEvents["UPDATE_PROPERTIES"] = "UPDATE_PROPERTIES";
+  return LifeCycleEvents;
+}(LifeCycleEvents || {});
+
+export default LifeCycleEvents;

package/es/desk-frameworks/table-connected/frameworks/EventHandlersFactory.js

@@ -13,6 +13,10 @@ import { ResizeFinishController } from "../adapters/controllers/ResizeFinishCont
 import ScrollController from "../adapters/controllers/ScrollController";
 import ColumnChooserUpdateController from "../adapters/controllers/ColumnChooserUpdateController";
 import ColumnChooserOpenedController from "../adapters/controllers/ColumnChooserOpenedController";
+import { sdkRegistry } from "../../../platform/sdk/frameworks/SdkRegistry";
+import { sdk } from "../../../platform/sdk/frameworks/Sdk";
+window.sdkRegistry = sdkRegistry;
+window.sdk = sdk;
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
@@ -23,12 +27,13 @@ const {
 function createHandlerWithSdk(handler) {
   return input => {
     const {
-      state,
-      dispatch
+      state
     } = input;
-    handler(input, ListSdkFactory.create({
-      state,
-      dispatch
+    const instanceName = state.properties.instanceName;
+    handler({ ...input,
+      sdk
+    }, ListSdkFactory.create({
+      instanceName
     }));
   };
 }

package/es/desk-frameworks/table-connected/frameworks/ListSdkFactory.js

@@ -1,169 +1,54 @@
-import { LIST_SELECTION_DESELECT_ITEM, LIST_SELECTION_SELECT_ITEM } from "../../../bc/list-selection/Constants";
-import { ZLIST_DELETE_RECORD, ZLIST_DELETE_RECORDS, ZLIST_RECORD_UPDATE } from "../../../bc/zlist/Constants";
-import { RECORD_LOCAL_MULTIPLE_DELETE, RECORD_LOCAL_UPDATE } from "../../../bc/zrecord/Constants";
-/* eslint-disable max-lines-per-function */
-
+import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
+import { sdk } from "../../../platform/sdk/frameworks/Sdk";
 export default class ListSdkFactory {
   static create(_ref) {
     let {
-      state,
-      dispatch
+      instanceName
     } = _ref;
+    const smartTable = sdk[ResourceNamesEnum.SMART_TABLE](instanceName);
     return {
       zlist: {
         getRecords() {
-          var _state$behaviours;
-
-          return (_state$behaviours = state.behaviours) === null || _state$behaviours === void 0 ? void 0 : _state$behaviours.zrecord.records;
+          return smartTable.getRecords();
         },
 
         getRecord(recordId) {
-          var _state$behaviours2, _state$behaviours2$zr;
-
-          return (_state$behaviours2 = state.behaviours) === null || _state$behaviours2 === void 0 ? void 0 : (_state$behaviours2$zr = _state$behaviours2.zrecord.records) === null || _state$behaviours2$zr === void 0 ? void 0 : _state$behaviours2$zr.find(r => r.id === recordId);
+          return smartTable.getRecord(recordId);
         },
 
         getContext(variableName) {
-          var _state$properties;
-
-          const {
-            departmentId,
-            viewId,
-            moduleName
-          } = state.properties;
-          const {
-            servicePrefix,
-            ...context
-          } = (_state$properties = state.properties) === null || _state$properties === void 0 ? void 0 : _state$properties.context;
-          const updatedContext = { ...context,
-            departmentId,
-            viewId,
-            moduleName
-          };
-          return variableName ? context === null || context === void 0 ? void 0 : context[variableName] : updatedContext;
+          return smartTable.getContext(variableName);
         },
 
         deleteRecord(recordId) {
-          let output = {
-            data: [{
-              id: recordId,
-              Success: true,
-              error: null
-            }]
-          };
-          dispatch({
-            type: ZLIST_DELETE_RECORD,
-            payload: {
-              recordId
-            }
-          });
-          return output;
+          return smartTable.deleteRecord(recordId);
         },
 
-        // deleteRecords(recordIds) {
-        //   dispatch({
-        //     type: ZLIST_DELETE_RECORDS,
-        //     payload: {
-        //       recordIds
-        //     }
-        //   });
-        // },
         deleteRecords(recordIds) {
           let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-          let output = {
-            data: []
-          };
-          let DELETE_ACTION = shouldFetch ? ZLIST_DELETE_RECORDS : RECORD_LOCAL_MULTIPLE_DELETE;
-          dispatch({
-            type: DELETE_ACTION,
-            payload: {
-              recordIds
-            }
-          });
-
-          for (let recordId of recordIds) {
-            let recordUpdateDetail = {
-              id: recordId,
-              Success: true,
-              error: null
-            };
-            output.data.push(recordUpdateDetail);
-          }
-
-          return output;
+          return smartTable.deleteRecords(recordIds, shouldFetch);
         },
 
         updateRecord(recordId, record) {
-          let output = {
-            results: [{
-              id: recordId,
-              Success: true,
-              error: null
-            }]
-          };
-          dispatch({
-            type: ZLIST_RECORD_UPDATE,
-            payload: {
-              recordId,
-              record
-            }
-          });
-          return output;
+          return smartTable.updateRecord(recordId, record);
         },
 
         updateRecords(recordsMap) {
           let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-          let output = {
-            results: []
-          };
-          let UPDATE_ACTION = shouldFetch ? ZLIST_RECORD_UPDATE : RECORD_LOCAL_UPDATE;
-
-          for (let record of recordsMap) {
-            dispatch({
-              type: UPDATE_ACTION,
-              payload: {
-                recordId: record.id,
-                record: record
-              }
-            });
-            let recordUpdateDetail = {
-              id: record.id,
-              Success: true,
-              error: null
-            };
-            output.results.push(recordUpdateDetail);
-          }
-
-          return output;
+          return smartTable.updateRecords(recordsMap, shouldFetch);
         },
 
         selectRecords: ids => {
-          dispatch({
-            type: LIST_SELECTION_SELECT_ITEM,
-            payload: {
-              ids
-            }
-          });
+          smartTable.selectRecords(ids);
         },
         deselectRecords: ids => {
-          dispatch({
-            type: LIST_SELECTION_DESELECT_ITEM,
-            payload: {
-              ids
-            }
-          });
+          smartTable.deselectRecords(ids);
         },
         selectAllRecords: () => {
-          dispatch({
-            type: LIST_SELECTION_SELECT_ITEM,
-            payload: {}
-          });
+          smartTable.selectAllRecords();
         },
         deselectAllRecords: () => {
-          dispatch({
-            type: LIST_SELECTION_DESELECT_ITEM,
-            payload: {}
-          });
+          smartTable.deselectAllRecords();
         }
       }
     };

package/es/desk-frameworks/table-connected/frameworks/TableConnectedFactory.js

@@ -14,6 +14,14 @@ import LocalStorageBehaviourFactory from "../../../library/behaviours/local-stor
 import TableColumnResizerBehaviorFactory from "../../../library/behaviours/table-column-resizer/frameworks/TableColumnResizerBehaviorFactory";
 import ListItemSelectionBehaviourFactory from "../../../library/behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory";
 import ColumnChooserBehaviourFactory from "../../../platform/column-chooser/frameworks/ColumnChooserBehaviourFactory";
+import SdkBehaviourFactory from "../../../platform/sdk-behaviour/frameworks/SdkBehaviourFactory";
+import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
+import { sdkRegistry } from "../../../platform/sdk/frameworks/SdkRegistry";
+import { SmartTableResource } from "./resources/SmartTableResource";
+sdkRegistry.registerResource({
+  resourceName: ResourceNamesEnum.SMART_TABLE,
+  resource: SmartTableResource
+});
 import KeyboardControlBehaviourFactory from "../../../library/behaviours/keyboard-controls/frameworks/KeyboardControlBehaviourFactory";
 export default class TableConnectedFactory {
   static create(_ref) {
@@ -43,7 +51,7 @@ export default class TableConnectedFactory {
       properties: Properties,
       eventHandlers: EventHandlersFactory.create(eventHandlers),
       transformState: TableTranslator.transformState,
-      behaviours: [TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
+      behaviours: [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_TABLE]), TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
         getClientActions: _dataSource.httpTemplates.getClientActions
       }), ZFieldBehaviourFactory.create({
         availableFields: _dataSource.httpTemplates.getAvailableFields,

package/es/desk-frameworks/table-connected/frameworks/resources/ISmartTableResource.js

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

package/es/desk-frameworks/table-connected/frameworks/resources/SmartTableResource.js

@@ -0,0 +1,233 @@
+import { AbstractResource } from "../../../../platform/sdk/frameworks/AbstractResource";
+import ZListRepository from "../../../../platform/zlist/adapters/gateways/Repository";
+import ZListSortBy from "../../../../platform/zlist/adapters/gateways/SortBy";
+import ZListPresenters from "../../../../platform/zlist/adapters/presenters/Presenters";
+import ZRecordRepository from "../../../../platform/zrecord/adapters/gateways/Repository";
+import ZRecordPresenter from "../../../../platform/zrecord/adapters/presenters/Presenter";
+import ListSelectRepository from "../../../../library/behaviours/list-selection/adapters/gateways/Repository";
+import ListSelectPresenter from "../../../../library/behaviours/list-selection/adapters/presenters/Presenter";
+import ListSelectSelectUsecase from "../../../../library/behaviours/list-selection/applications/usecases/Select";
+import ListSelectDeselectUsecase from "../../../../library/behaviours/list-selection/applications/usecases/Deselect";
+import GetMultipleRecordUseCase from "../../../../platform/zrecord/applications/usecases/GetMultipleRecordUseCase";
+import GetSingleRecordUseCase from "../../../../platform/zrecord/applications/usecases/GetSingleRecordUseCase";
+import DeleteSingleRecordUseCase from "../../../../platform/zlist/applications/usecases/DeleteSingleRecordUseCase";
+import DeleteMultipleRecordUseCase from "../../../../platform/zlist/applications/usecases/DeleteMultipleRecordUseCase";
+import RecordUpdateUseCase from "../../../../platform/zlist/applications/usecases/RecordUpdateUseCase";
+import UpdateMultipleRecordUseCase from "../../../../platform/zlist/applications/usecases/UpdateMultipleRecordUseCase";
+import GetContextUseCase from "../../../../platform/zlist/applications/usecases/GetContextUseCase";
+export class SmartTableResource extends AbstractResource {
+  getRecordDependencies() {
+    const dependencies = {
+      repository: new ZRecordRepository(),
+      presenter: new ZRecordPresenter()
+    };
+    return dependencies;
+  }
+
+  getListDependencies() {
+    const dependencies = {
+      repository: new ZListRepository(),
+      presenter: new ZListPresenters(),
+      sortBy: new ZListSortBy()
+    };
+    return dependencies;
+  }
+
+  getListSelectDependencies() {
+    const dependencies = {
+      repository: new ListSelectRepository(),
+      presenter: new ListSelectPresenter()
+    };
+    return dependencies;
+  }
+
+  createUseCase(dependencies, UseCaseClass) {
+    var _usecase$updateDepend, _usecase$updateDepend2;
+
+    const {
+      state,
+      updateState
+    } = this.dependencies;
+    const usecase = new UseCaseClass(dependencies);
+    (_usecase$updateDepend = usecase.updateDependency) === null || _usecase$updateDepend === void 0 ? void 0 : _usecase$updateDepend.call(usecase, state, updateState);
+    (_usecase$updateDepend2 = usecase.updateDependencies) === null || _usecase$updateDepend2 === void 0 ? void 0 : _usecase$updateDepend2.call(usecase, state, updateState);
+    return usecase;
+  }
+
+  createCallback() {
+    let temp = null;
+    return {
+      setData: data => {
+        temp = data;
+      },
+      getData: () => temp
+    };
+  }
+
+  getRecords() {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, GetMultipleRecordUseCase);
+    usecase.execute({
+      callback: setData
+    });
+    return getData();
+  }
+
+  getRecord(recordId) {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, GetSingleRecordUseCase);
+    usecase.execute({
+      recordId,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getContext(variableName) {
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, GetContextUseCase);
+    usecase.execute({
+      variableName,
+      callback: setData
+    });
+    return getData();
+  }
+
+  deleteRecord(recordId) {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, DeleteSingleRecordUseCase);
+    usecase.execute({
+      recordId,
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  deleteRecords(recordIds) {
+    let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, DeleteMultipleRecordUseCase);
+    usecase.execute({
+      recordIds,
+      dispatch,
+      callback: setData,
+      shouldFetch
+    });
+    return getData();
+  }
+
+  updateRecord(recordId, record) {
+    let shouldFetch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, RecordUpdateUseCase);
+    usecase.execute({
+      recordId,
+      dispatch,
+      callback: setData,
+      record,
+      shouldFetch
+    });
+    return getData();
+  }
+
+  updateRecords(recordsMap) {
+    let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, UpdateMultipleRecordUseCase);
+    usecase.execute({
+      recordsMap,
+      dispatch,
+      callback: setData,
+      shouldFetch
+    });
+    return getData();
+  }
+
+  selectRecords(ids) {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListSelectDependencies();
+    const usecase = this.createUseCase(dependencies, ListSelectSelectUsecase);
+    usecase.execute({
+      ids,
+      dispatch
+    });
+  }
+
+  deselectRecords(ids) {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListSelectDependencies();
+    const usecase = this.createUseCase(dependencies, ListSelectDeselectUsecase);
+    usecase.execute({
+      ids,
+      dispatch
+    });
+  }
+
+  selectAllRecords() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListSelectDependencies();
+    const usecase = this.createUseCase(dependencies, ListSelectSelectUsecase);
+    usecase.execute({
+      dispatch
+    });
+  }
+
+  deselectAllRecords() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListSelectDependencies();
+    const usecase = this.createUseCase(dependencies, ListSelectDeselectUsecase);
+    usecase.execute({
+      dispatch
+    });
+  }
+
+}

package/es/index.js

@@ -6,4 +6,6 @@ export { TableConnectedFactory } from "./desk-frameworks";
 export { ComponentRegistry, createCustomComponent } from "./library";
 export { default as TableFieldComponents } from "./library/dot/legacy-to-new-arch/table-field-components";
 import * as _Components from "./library/dot/legacy-to-new-arch";
-export { _Components as Components };
+export { _Components as Components };
+export { sdk } from "./platform/sdk/frameworks/Sdk";
+export { sdkRegistry } from "./platform/sdk/frameworks/SdkRegistry";

package/es/library/behaviours/keyboard-controls/applications/usecases/DestructUsecase.js

@@ -8,8 +8,11 @@ class DestructUsecase extends AbstractUseCase {
       keyboardHandler
     } = this.dependencies;
     const keyboardControls = repository.getKeyboardControls();
-    keyboardHandler.destruct(host);
-    presenter.updateKeyboardControls(keyboardControls.toObject());
+
+    if (keyboardControls !== null) {
+      keyboardHandler.destruct(host);
+      presenter.updateKeyboardControls(keyboardControls.toObject());
+    }
   }
 
 }

package/es/library/behaviours/list-selection/frameworks/ActionHandlerFactory.js

@@ -10,6 +10,7 @@ import UpdateController from "../adapters/controllers/UpdateController";
 import DestructController from "../adapters/controllers/DestructController";
 import SelectController from "../adapters/controllers/SelectController";
 import DeselectController from "../adapters/controllers/DeselectController";
+import LifeCycleEvents from "../../../../cc/component/LifeCycleEventsEnum";
 
 class ActionHandlerFactory {
   static create() {
@@ -28,9 +29,9 @@ class ActionHandlerFactory {
 
   static createHandlers(service) {
     return {
-      ['MOUNT']: new InitializeController(service).handle,
-      ['UPDATE_PROPERTIES']: new UpdateController(service).handle,
-      ['UNMOUNT']: new DestructController(service).handle,
+      [LifeCycleEvents.MOUNT]: new InitializeController(service).handle,
+      [LifeCycleEvents.UPDATE_PROPERTIES]: new UpdateController(service).handle,
+      [LifeCycleEvents.UN_MOUNT]: new DestructController(service).handle,
       [LIST_SELECTION_SELECT_ITEM]: new SelectController(service).handle,
       [LIST_SELECTION_DESELECT_ITEM]: new DeselectController(service).handle,
       [LIST_SELECTION_TOGGLE_ITEMS]: new SelectionController(service).handle,

package/es/library/custom-component/applications/entities-factory/BehavioursFactory.js

@@ -1,31 +1,18 @@
+import LifeCycleEvents from "../../../../cc/component/LifeCycleEventsEnum";
 import Behaviour from "../../domain/entities/Behaviour";
 import EventHandlersFactory from "./EventHandlersFactory";
 import PropertiesFactory from "./PropertiesFactory";
-/* eslint-disable max-lines-per-function, @zohodesk/architecturerules/no-returnStatement-rule */
 
 class BehavioursFactory {
   static create(input) {
-    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
-    let behaviours = input.behaviours || [];
+    const behaviours = input.behaviours ? input.behaviours : [];
     return behaviours.map(behaviour => {
       // DEPRECATED: Remove while refactoring actionHandlers
       if (behaviour.actionHandlers) {
         behaviour.eventHandlers = behaviour.actionHandlers;
       }
 
-      const {
-        eventHandlers
-      } = behaviour;
-      let newEventHandlers = Object.keys(eventHandlers).reduce((res, next) => {
-        let key = next;
-
-        if (['MOUNT', 'UN_MOUNT', 'UPDATE_PROPERTIES'].includes(next)) {
-          key = input.name + '#' + next;
-        }
-
-        res[key] = eventHandlers[next];
-        return res;
-      }, {});
+      const newEventHandlers = BehavioursFactory.createNamedEventHandlers(behaviour.eventHandlers, input);
       return new Behaviour({
         name: behaviour.name,
         eventHandlers: EventHandlersFactory(newEventHandlers),
@@ -38,6 +25,21 @@ class BehavioursFactory {
     });
   }
 
+  static createNamedEventHandlers(eventHandlers, input) {
+    return Object.keys(eventHandlers).reduce((res, key) => {
+      // if (['MOUNT', 'UN_MOUNT', 'UPDATE_PROPERTIES'].includes(eventName)) {
+      // if ('MOUNT', LifeCycleEvents.UN_MOUNT, LifeCycleEvents.UPDATE_PROPERTIES, LifeCycleEvents.STATE_UPDATED].includes(eventName)) {
+      let eventName = key;
+
+      if (LifeCycleEvents[key]) {
+        eventName = `${input.name}#${key}`;
+      }
+
+      res[eventName] = eventHandlers[key];
+      return res;
+    }, {});
+  }
+
 }
 
 export default BehavioursFactory;

package/es/library/custom-component/applications/usecases/UpdatePropertyUseCase.js

@@ -21,6 +21,9 @@ class UpdatePropertyUseCase extends AbstractUseCase {
         previousProperties: properties
       });
       eventManager.dispatch(updatePropertyAction);
+      eventManager.dispatch(component.getStateUpdatedAction({
+        state
+      }));
     }
   }
 

package/es/library/custom-component/applications/usecases/UpdateStateUseCase.js

@@ -4,7 +4,8 @@ class UpdateStateUseCase extends AbstractUseCase {
   execute(newState) {
     let {
       repository,
-      presenter
+      presenter,
+      eventManager
     } = this.dependencies;
     let component = repository.getComponent(); // let preState=component.getState();
     // console.log(`preState ${component.getName()}`,preState)
@@ -13,6 +14,9 @@ class UpdateStateUseCase extends AbstractUseCase {
     let state = component.getState(); // console.log(`newState ${component.getName()}`,state)
 
     presenter.render(state);
+    eventManager.dispatch(component.getStateUpdatedAction({
+      state
+    }));
   }
 
 }