@zohodesk/library-platform 1.0.2-exp.3 → 1.0.2-exp.5

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/RowData.js

@@ -1,5 +1,8 @@
 import React from 'react';
 import TableData from '@zohodesk-private/desk-components/es/table/TableData/TableData';
+import ActionEventMediator from "../../../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
+import { ActionViewGap } from "../../../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
+import { AlignmentOfFlex } from "../../../../../../../../cc/table-list/data-types/Header";
 import FieldComponent from "../field/FieldComponent";
 export default function RowData(_ref) {
   let {
@@ -10,14 +13,24 @@ export default function RowData(_ref) {
   } = _ref;
   let {
     type,
+    actions,
     ...props
   } = field;
+  const hasActions = Boolean(actions === null || actions === void 0 ? void 0 : actions.length);
   return /*#__PURE__*/React.createElement(TableData, {
-    $ui_align: alignment,
+    $ui_align: hasActions ? null : alignment,
     $data_width: width,
-    $flag_flexible: isFlexibleColumns
+    $flag_flexible: isFlexibleColumns,
+    $customProps_container: hasActions ? {
+      $ui_displayMode: 'flex',
+      $ui_alignItems: 'center',
+      $ui_justifyContent: AlignmentOfFlex[alignment]
+    } : null
   }, /*#__PURE__*/React.createElement(FieldComponent, {
     type: type,
     fieldProps: props
-  }));
+  }), hasActions ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+    actions: actions,
+    gap: ActionViewGap.SMALL
+  }) : null);
 }

package/es/library/dot/legacy-to-new-arch/action-icon/frameworks/ui/ActionIcon.js

@@ -1,6 +1,6 @@
 import { createCustomComponent } from "../../../../../custom-component";
 import Properties from "../../../../../../cc/action-icon/Properties";
-import ActionIconView from "./ActionIconView";
+import ActionIconView, { ButtonView, FilterDropdownView } from "./ActionIconView";
 const ActionIcon = createCustomComponent({
   name: 'ActionIcon',
   View: ActionIconView,
@@ -8,4 +8,20 @@ const ActionIcon = createCustomComponent({
   events: [],
   eventHandlers: {}
 });
-export default ActionIcon;
+export default ActionIcon; // NOTE: This is a sample of Button action component
+
+export const Button = createCustomComponent({
+  name: 'Button',
+  View: ButtonView,
+  properties: Properties,
+  events: [],
+  eventHandlers: {}
+}); // NOTE: This is a sample of FilterDropdown action component
+
+export const FilterDropdown = createCustomComponent({
+  name: 'FilterDropdown',
+  View: FilterDropdownView,
+  properties: Properties,
+  events: [],
+  eventHandlers: {}
+});

package/es/library/dot/legacy-to-new-arch/action-icon/frameworks/ui/ActionIconView.js

@@ -24,7 +24,6 @@ export default function ActionIconView(_ref, ref) {
   }, /*#__PURE__*/React.createElement(ActionIcon, {
     $ui_iconName: icon,
     $ui_hoverVariant: hoverVariant,
-    $flag_gap: true,
     $flag_disabled: isDisabled,
     $i18n_tooltip: label,
     $event_onClick: !isDisabled ? () => {
@@ -33,4 +32,79 @@ export default function ActionIconView(_ref, ref) {
       });
     } : null
   }));
+} // NOTE: This is a sample of Button action component
+
+export function ButtonView(_ref2, ref) {
+  let {
+    state,
+    helpers
+  } = _ref2;
+  const {
+    dispatch
+  } = helpers;
+  const {
+    sourceEvent,
+    payload
+  } = state.properties.appendToActionPayload.eventMappings[0];
+  const {
+    value
+  } = payload;
+  return /*#__PURE__*/React.createElement("span", {
+    "data-title": value,
+    onClick: () => dispatch({
+      type: sourceEvent
+    }),
+    ref: ref
+  }, value);
+  return /*#__PURE__*/React.createElement("button", {
+    ref: ref,
+    onClick: () => {
+      dispatch({
+        type: sourceEvent
+      });
+    }
+  }, value);
+} // NOTE: This is a sample of FilterDropdown action component
+
+export function FilterDropdownView(_ref3, ref) {
+  let {
+    state,
+    helpers
+  } = _ref3;
+  const {
+    dispatch
+  } = helpers;
+  const {
+    options,
+    isMultiselectable
+  } = state.properties;
+  const {
+    sourceEvent,
+    payload
+  } = state.properties.appendToActionPayload.eventMappings[0];
+  const {
+    fieldName: value
+  } = payload;
+  return /*#__PURE__*/React.createElement("span", {
+    "data-title": value,
+    onClick: () => dispatch({
+      type: sourceEvent
+    }),
+    ref: ref
+  }, value);
+  return /*#__PURE__*/React.createElement("select", {
+    "data-title": '',
+    ref: ref,
+    onChange: e => dispatch({
+      type: sourceEvent,
+      payload: {
+        sourcePayload: {
+          selectedValue: e.target.value
+        }
+      }
+    })
+  }, options.map((option, index) => /*#__PURE__*/React.createElement("option", {
+    key: index,
+    value: option.value
+  }, option.label)));
 }

package/es/platform/client-actions/behaviour/zclient-actions/Readme.md

@@ -1,38 +1,31 @@
 Client Actions Behaviour
 
-
 This behaviour will allows your library components to fetch client actions for your users.
 
 # Implementation
 
-ClientActionsBehaviourFactory.create({ getClientActions: dataBroker.httpTemplates.getClientActions })
+ClientActionsBehaviourFactory.create({ getClientActions: dataSource.httpTemplates.getClientActions })
 
 This above class should be implemeted in the behaviour props of your library components
 
-The user needs to passdown the databroker into the behaviour in the format,
+The user needs to passdown the dataSource into the behaviour in the format,
 
 1. getClientActions => Client Actions GET data broker template
 
-
-
 # Integration inside component
 
-We need to initialize or mount our behaviour with the component. Refer the eg used in List component below 
+We need to initialize or mount our behaviour with the component. Refer the eg used in List component below
 
-  private createClientActionsFetchAction(): ActionModel {
-    const props = this.createApiProps();
-    return {
-      type: CLIENTACTION_BEHAVIOUR_EXECUTE,
-      payload: {
-        actionName: 'getClientActions',
-        props,
-        apiName: 'clientActions'
-      }
-    };
-  }
+private createClientActionsFetchAction(): ActionModel {
+const props = this.createApiProps();
+return {
+type: CLIENTACTION_BEHAVIOUR_EXECUTE,
+payload: {
+actionName: 'getClientActions',
+props,
+apiName: 'clientActions'
+}
+};
+}
 
 The function createClientActionsFetchAction is called at Library component mount, which will mount client action behaviour and do the necessary processing.
-
-
-
-

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/ExecuteActionBehaviourUseCase.js

@@ -25,7 +25,7 @@ class ExecuteActionBehaviourUseCase extends AbstractUseCase {
       presenter.updateClientAction(recordManager.toObject());
     }
 
-    dispatch(recordManager.createDataBrokerExecuteEvent(props, actionName, metaData));
+    dispatch(recordManager.createDataSourceExecuteEvent(props, actionName, metaData));
   }
 
 }

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/InitializeUseCase.js

@@ -1,5 +1,5 @@
 import AbstractUseCase from "./AbstractUseCase";
-import { DATA_BROKER_REGISTER } from "../../../../../../bc/zdata-broker/Constants";
+import { DATA_SOURCE_REGISTER } from "../../../../../../bc/zdata-source/Constants";
 export default class InitializeUseCase extends AbstractUseCase {
   execute(input) {
     const {
@@ -7,7 +7,7 @@ export default class InitializeUseCase extends AbstractUseCase {
       dispatch
     } = input;
     dispatch({
-      type: DATA_BROKER_REGISTER,
+      type: DATA_SOURCE_REGISTER,
       payload: {
         apiTemplates
       }

package/es/platform/client-actions/behaviour/zclient-actions/domain/entities/ClientActionManager.js

@@ -1,5 +1,5 @@
-import { DATA_BROKER_FAILURE, DATA_BROKER_NO_CONTENT, DATA_BROKER_SUCCESS } from "../../../../../../bc/zdata-broker/Symbols";
-import { DATA_BROKER_EXECUTE } from "../../../../../../bc/zdata-broker/Constants";
+import { DATA_SOURCE_FAILURE, DATA_SOURCE_NO_CONTENT, DATA_SOURCE_SUCCESS } from "../../../../../../bc/zdata-source/Symbols";
+import { DATA_SOURCE_EXECUTE } from "../../../../../../bc/zdata-source/Constants";
 import { CLIENTACTION_EXECUTE_FAIL_CALLBACK, CLIENTACTION_EXECUTE_SUCCESS_CALLBACK, CLIENTACTION_EXECUTE_SUCCESS_NO_CONTENT_CALLBACK, ClientActionApiActionName } from "../../../../bc/zclient-actions/Constants";
 import GetClientActionsStrategy from "./GetClientActionsStrategy";
 const clientActionExecuteStrategiesMap = {
@@ -10,7 +10,7 @@ export default class ClientActionManager {
     this.clientActions = clientActions;
   }
 
-  createDataBrokerMeta(_ref) {
+  createDataSourceMeta(_ref) {
     let {
       actionName,
       successMeta,
@@ -19,15 +19,15 @@ export default class ClientActionManager {
     } = _ref;
     return {
       actionName,
-      [DATA_BROKER_NO_CONTENT]: successNoContentMeta,
-      [DATA_BROKER_FAILURE]: failureMeta,
-      [DATA_BROKER_SUCCESS]: successMeta
+      [DATA_SOURCE_NO_CONTENT]: successNoContentMeta,
+      [DATA_SOURCE_FAILURE]: failureMeta,
+      [DATA_SOURCE_SUCCESS]: successMeta
     };
   }
 
-  createDataBrokerExecuteEvent(props, actionName, metaData) {
+  createDataSourceExecuteEvent(props, actionName, metaData) {
     return {
-      type: DATA_BROKER_EXECUTE,
+      type: DATA_SOURCE_EXECUTE,
       payload: {
         props,
         actionName
@@ -59,7 +59,7 @@ export default class ClientActionManager {
       type: CLIENTACTION_EXECUTE_FAIL_CALLBACK,
       metaData: clientActionExecuteStrategyMeta
     };
-    return this.createDataBrokerMeta({
+    return this.createDataSourceMeta({
       actionName,
       successNoContentMeta,
       failureMeta,

package/es/platform/client-actions/cc/action-event-mediator/Properties.js

@@ -1,3 +1,4 @@
+import { ActionViewGap } from "../../components/interfaces/ActionViewModel";
 import { actionSchema } from "../dynamic-action-component/Properties";
 export const actionsSchema = {
   type: 'array',
@@ -19,5 +20,15 @@ export default {
       }
     },
     defaultValue: ''
+  },
+  gap: {
+    required: false,
+    defaultValue: ActionViewGap.NONE,
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: Object.values(ActionViewGap)
+      }
+    }
   }
 };

package/es/platform/client-actions/cc/dynamic-action-component/Properties.js

@@ -35,7 +35,7 @@ export const actionSchema = {
             type: 'string'
           }
         },
-        required: ['action', 'sourceEvent', 'id']
+        required: ['sourceEvent', 'id']
       }
     }
   },

package/es/platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediatorView.js

@@ -7,11 +7,13 @@ export default function ActionEventMediatorView(_ref, ref) {
   } = _ref;
   const {
     actions,
-    renderComponentType
+    renderComponentType,
+    gap
   } = state.properties;
   const ActionRenderComponent = ComponentRegistry.get(renderComponentType) || RowActionsRenderer;
   return /*#__PURE__*/React.createElement(ActionRenderComponent, {
     actions: actions,
+    gap: gap,
     getRef: ref
   });
 }

package/es/platform/client-actions/components/action-event-mediator/frameworks/ui/EventHandlersFactory.js

@@ -21,9 +21,9 @@ export default class EventHandlersFactory {
     const unmountController = new UnmountController(destroyUseCase);
     const propertiesChangeController = new PropertiesChangeController(propertiesChangeUseCase);
     return {
-      MOUNT: initializeController.handle,
-      UPDATE_PROPERTIES: propertiesChangeController.handle,
-      UNMOUNT: unmountController.handle
+      ['ActionEventMediator#MOUNT']: initializeController.handle,
+      ['ActionEventMediator#UPDATE_PROPERTIES']: propertiesChangeController.handle,
+      ['ActionEventMediator#UNMOUNT']: unmountController.handle
     };
   }
 

package/es/platform/client-actions/components/dynamic-component/frameworks/ui/DynamicActionComponentView.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import ComponentRegistry from "../../../../../../library/custom-component/frameworks/ui/ComponentRegistry";
+import ActionComponentMapping from "../../../../../../library/dot/components/action-location/frameworks/ui/ActionComponentMapping";
 
 function DynamicComponentView(_ref, ref) {
   let {
@@ -13,7 +14,7 @@ function DynamicComponentView(_ref, ref) {
     properties,
     eventMappings
   } = action;
-  const Component = ComponentRegistry.get(component);
+  const Component = ComponentRegistry.get(component) || ActionComponentMapping[component];
 
   if (!Component) {
     return /*#__PURE__*/React.createElement("div", {
@@ -30,5 +31,4 @@ function DynamicComponentView(_ref, ref) {
   });
 }
 
-;
 export default DynamicComponentView;

package/es/platform/client-actions/components/interfaces/ActionViewModel.js

@@ -0,0 +1,7 @@
+export let ActionViewGap = /*#__PURE__*/function (ActionViewGap) {
+  ActionViewGap["NONE"] = "none";
+  ActionViewGap["SMALL"] = "small";
+  ActionViewGap["MEDIUM"] = "medium";
+  ActionViewGap["LARGE"] = "large";
+  return ActionViewGap;
+}({});

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActionsRenderer.module.css

@@ -0,0 +1,17 @@
+[dir=ltr] .actions {
+    padding-left: var(--zd_size4) 
+}[dir=rtl] .actions {
+    padding-right: var(--zd_size4) 
+}
+
+.gap_small {
+    gap: var(--zd_size4) 
+}
+
+.gap_medium {
+    gap: var(--zd_size8) 
+}
+
+.gap_large {
+    gap: var(--zd_size12) 
+}

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActionsRendererView.js

@@ -1,18 +1,23 @@
 import React from 'react';
 import Flex from '@zohodesk/layout/es/Flex/Flex';
 import DynamicActionComponent from "../../../dynamic-component/frameworks/ui/DynamicActionComponent";
+import { ActionViewGap } from "../../../interfaces/ActionViewModel";
+// @ts-ignore
+import style from "./RowActionsRenderer.module.css";
 
 function RowActionsRendererView(_ref, ref) {
   let {
     state
   } = _ref;
   const {
-    actions
+    actions,
+    gap
   } = state.properties;
   return /*#__PURE__*/React.createElement(Flex, {
     ref: ref,
     $ui_displayMode: "inline",
-    $ui_alignItems: "center"
+    $ui_alignItems: "center",
+    $ui_className: `${style.actions} ${gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : ''}`
   }, actions.map((action, index) => {
     return /*#__PURE__*/React.createElement(DynamicActionComponent, {
       action: action,

package/es/platform/{data-broker → data-source}/http-template/getAvailableFields.js

@@ -1,18 +1,18 @@
 let getAvailableFields = {
-  name: "availableFields",
-  api: "/{{servicePrefix}}/{{orgName}}/api/v1/views/availableFields",
+  name: 'availableFields',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/views/availableFields',
   parameters: `{
         "departmentId":"{{departmentId}}",
         "module":"{{moduleName}}"
     }`,
-  type: "GET",
+  type: 'GET',
   transformer: res => res.fields,
   properties: {
     moduleName: {
       required: true,
       typeMetadata: {
         schema: {
-          type: "string"
+          type: 'string'
         }
       }
     },
@@ -20,7 +20,7 @@ let getAvailableFields = {
       required: true,
       typeMetadata: {
         schema: {
-          type: "string"
+          type: 'string'
         }
       }
     }

package/es/platform/{data-broker → data-source}/http-template/getClientActions.js

@@ -1,20 +1,20 @@
 let getClientActions = {
-  name: "uiActions",
-  api: "/{{servicePrefix}}/{{orgName}}/api/v1/clientActions",
+  name: 'uiActions',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/clientActions',
   parameters: `{
         "from":{{from}},
         "limit":{{limit}},
         "library": "{{library}}",
         "module": "{{moduleName}}"
     }`,
-  type: "GET",
+  type: 'GET',
   transformer: data => data,
   properties: {
     modelName: {
       required: true,
       typeMetadata: {
         schema: {
-          type: "string"
+          type: 'string'
         }
       }
     }

package/es/platform/{data-broker → data-source}/http-template/getSelectedFields.js

@@ -1,17 +1,17 @@
 let getSelectedFields = {
-  name: "selectedFields",
-  api: "/{{servicePrefix}}/{{orgName}}/api/v1/views/{{viewId}}/selectedFields",
+  name: 'selectedFields',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/views/{{viewId}}/selectedFields',
   parameters: `{
         "departmentId":"{{departmentId}}"
     }`,
-  type: "GET",
+  type: 'GET',
   transformer: res => res.fields,
   properties: {
     viewId: {
       required: true,
       typeMetadata: {
         schema: {
-          type: "string"
+          type: 'string'
         }
       }
     },
@@ -20,7 +20,7 @@ let getSelectedFields = {
       defaultValue: 1,
       typeMetadata: {
         schema: {
-          type: "number"
+          type: 'number'
         }
       }
     }

package/es/platform/{data-broker → data-source}/index.js

@@ -7,7 +7,7 @@ import getSelectedFields from "./http-template/getSelectedFields";
 import getClientActions from "./http-template/getClientActions";
 import { RecordApiActionName } from "../../bc/zrecord/Constants";
 import deleteRecord from "./http-template/deleteRecord";
-let record = {
+let dataSource = {
   httpTemplates: {
     [RecordApiActionName.GET_RECORDS]: getRecords,
     [RecordApiActionName.UPDATE_RECORD]: updateRecord,
@@ -18,5 +18,5 @@ let record = {
     getSelectedFields
   }
 };
-export default record; // let ticketsRecordSerice = createRecord(tickets, () => {});
+export default dataSource; // let ticketsRecordSerice = createRecord(tickets, () => {});
 // export default ticketsRecordSerice;

package/es/platform/{data-broker → data-source}/utils/transformer/CreateCf.js

@@ -1,7 +1,7 @@
 // REVIEW: Function never used
 function createCf(item, key) {
   return Object.keys(item).reduce((res, next) => {
-    if ([key, "id", "createdTime"].includes(next)) {
+    if ([key, 'id', 'createdTime'].includes(next)) {
       return res;
     } else {
       res[next] = item[next];

package/es/platform/{zdata-broker/adapters/controllers/DataBrokerExecutorController.js → zdata-source/adapters/controllers/DataSourceExecutorController.js}

@@ -1,5 +1,5 @@
 import AbstractController from "./AbstractController";
-export default class DataBrokerExecutorController extends AbstractController {
+export default class DataSourceExecutorController extends AbstractController {
   handle(event) {
     const {
       state,

package/es/platform/{zdata-broker → zdata-source}/adapters/gateways/Repository.js

@@ -1,6 +1,6 @@
 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 DataBrokerFactory from "../../applications/entities-factory/DataBrokerFactory";
+import DataSourceFactory from "../../applications/entities-factory/DataSourceFactory";
 export default class Repository {
   constructor() {
     _defineProperty(this, "state", void 0);
@@ -10,14 +10,14 @@ export default class Repository {
     this.state = state;
   }
 
-  getDataBrokerEntity(templateHelpers) {
+  getDataSourceEntity(templateHelpers) {
     const {
-      dataBroker
+      dataSource
     } = this.state.behaviours;
     const {
       apiTemplates
-    } = dataBroker;
-    const recordManager = DataBrokerFactory.create(apiTemplates, templateHelpers);
+    } = dataSource;
+    const recordManager = DataSourceFactory.create(apiTemplates, templateHelpers);
     return recordManager;
   }
 

package/es/platform/{zdata-broker → zdata-source}/adapters/presenters/Presenter.js

@@ -12,10 +12,10 @@ export default class Presenter {
     this.state = state;
   }
 
-  updateBehaviourState(dataBrokerBehaviourState) {
+  updateBehaviourState(dataSourceBehaviourState) {
     this.state = { ...this.state,
       behaviours: { ...this.state.behaviours,
-        dataBroker: dataBrokerBehaviourState
+        dataSource: dataSourceBehaviourState
       }
     };
     this.updateState(this.state);
@@ -23,10 +23,10 @@ export default class Presenter {
 
   updateAPITemplates(apiTemplates) {
     const {
-      dataBroker
+      dataSource
     } = this.state.behaviours;
     this.updateBehaviourState({
-      apiTemplates: { ...(dataBroker === null || dataBroker === void 0 ? void 0 : dataBroker.apiTemplates),
+      apiTemplates: { ...(dataSource === null || dataSource === void 0 ? void 0 : dataSource.apiTemplates),
         ...apiTemplates
       }
     });

package/es/platform/{zdata-broker/applications/entities-factory/DataBrokerFactory.js → zdata-source/applications/entities-factory/DataSourceFactory.js}

@@ -1,10 +1,9 @@
 import APITemplatesFactory from "./APITemplatesFactory";
-import DataBroker from "../../domain/entities/DataBroker";
-export default class DataBrokerFactory {
+import DataSource from "../../domain/entities/DataSource";
+export default class DataSourceFactory {
   static create(httpTemplates, templateHelpers) {
     const apiTemplates = APITemplatesFactory.create(httpTemplates, templateHelpers);
-    const dataBroker = new DataBroker(apiTemplates);
-    return dataBroker;
+    return new DataSource(apiTemplates);
   }
 
 }

package/es/platform/{zdata-broker → zdata-source}/applications/usecases/ExecuteActionUseCase.js

@@ -12,9 +12,9 @@ class ExecuteActionUseCase extends AbstractUseCase {
       metaData,
       actionName
     } = input;
-    const dataBroker = repository.getDataBrokerEntity(templateHelpers);
-    const apiDetails = dataBroker.getApiDetails(actionName, props);
-    dispatch(dataBroker.createFetchEvent(apiDetails, metaData));
+    const dataSource = repository.getDataSourceEntity(templateHelpers);
+    const apiDetails = dataSource.getApiDetails(actionName, props);
+    dispatch(dataSource.createFetchEvent(apiDetails, metaData));
   }
 
 }

package/es/platform/{zdata-broker → zdata-source}/applications/usecases/FailureUseCase.js

@@ -11,10 +11,10 @@ class FailureUseCase extends AbstractUseCase {
       metaData,
       error
     } = input;
-    const dataBroker = repository.getDataBrokerEntity(templateHelpers);
+    const dataSource = repository.getDataSourceEntity(templateHelpers);
 
-    if (dataBroker.isMetaHasDataBrokerSignature(metaData)) {
-      const events = dataBroker.createFailureEvents(error, metaData);
+    if (dataSource.isMetaHasDataSourceSignature(metaData)) {
+      const events = dataSource.createFailureEvents(error, metaData);
       events.forEach(action => {
         dispatch(action);
       });

package/es/platform/{zdata-broker → zdata-source}/applications/usecases/NoContentUseCase.js

@@ -10,10 +10,10 @@ class NoContentUseCase extends AbstractUseCase {
       dispatch,
       metaData
     } = input;
-    const dataBroker = repository.getDataBrokerEntity(templateHelpers);
+    const dataSource = repository.getDataSourceEntity(templateHelpers);
 
-    if (dataBroker.isMetaHasDataBrokerSignature(metaData)) {
-      const events = dataBroker.createNoContentEvents(metaData);
+    if (dataSource.isMetaHasDataSourceSignature(metaData)) {
+      const events = dataSource.createNoContentEvents(metaData);
       events.forEach(action => {
         dispatch(action);
       });