@zohodesk/library-platform 1.1.3-exp.2 → 1.1.3-exp.4

package/es/library/dot/components/table-list/frameworks/utils/reOrder.js

@@ -23,9 +23,13 @@ export function parseCssNumberWithUnit(value) {
     unit: match[3] || ""
   };
 }
-export function setTableUserSelect(ref, value) {
+export function setTableInteractionClass(ref, className, add) {
   if (ref.current) {
-    ref.current.style.userSelect = value;
+    if (add && !ref.current.classList.contains(className)) {
+      ref.current.classList.add(className);
+    } else if (!add && ref.current.classList.contains(className)) {
+      ref.current.classList.remove(className);
+    }
   }
 }
 export function adjustHelperElementPosition(ref, draggingClass) {
@@ -39,6 +43,8 @@ export function adjustHelperElementPosition(ref, draggingClass) {
       if (helperLeft && helperLeft.unit === 'px') {
         helperElement.style.left = `${helperLeft.number + TableScrollLeft}px`;
       }
+
+      helperElement.scrollLeft = TableScrollLeft;
     }
   }
 }
@@ -52,21 +58,29 @@ export function getDropIndicator(_ref) {
   const isMovingDown = newIndex > oldIndex;
   let dropIndex, normalizedDropIndex, dropPosition;
 
-  if (isMovingDown) {
-    dropIndex = newIndex < index ? newIndex : newIndex + 1;
+  if (index === newIndex && newIndex === 0) {
+    normalizedDropIndex = 1;
+    dropPosition = 'downward';
+  } else if (index === newIndex && newIndex === rowsLength - 1) {
+    normalizedDropIndex = rowsLength - 2;
+    dropPosition = 'upward';
   } else {
-    dropIndex = newIndex <= index ? newIndex - 1 : newIndex;
-  }
+    if (isMovingDown) {
+      dropIndex = newIndex < index ? newIndex : newIndex + 1;
+    } else {
+      dropIndex = newIndex <= index ? newIndex - 1 : newIndex;
+    }
 
-  normalizedDropIndex = dropIndex;
-  dropPosition = isMovingDown ? 'downward' : 'upward';
+    normalizedDropIndex = dropIndex;
+    dropPosition = isMovingDown ? 'downward' : 'upward';
 
-  if (dropIndex < 0) {
-    normalizedDropIndex = 0;
-    dropPosition = 'downward';
-  } else if (dropIndex >= rowsLength) {
-    normalizedDropIndex = rowsLength - 1;
-    dropPosition = 'upward';
+    if (dropIndex < 0) {
+      normalizedDropIndex = 0;
+      dropPosition = 'downward';
+    } else if (dropIndex >= rowsLength) {
+      normalizedDropIndex = rowsLength - 1;
+      dropPosition = 'upward';
+    }
   }
 
   return {

package/es/library/dot/legacy-to-new-arch/text-area/frameworks/ui/TextAreaView.js

@@ -27,7 +27,7 @@ function TextAreaView(_ref, ref) {
     text: value,
     isReadOnly: readonly,
     isDisabled: disabled,
-    animated: true,
+    animated: !readonly && !disabled,
     size: "xsmall",
     customAttributes: {
       required

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

@@ -0,0 +1,96 @@
+import { createCustomComponent } from "../../../../../../library/custom-component";
+import ActionEventMediatorProperties from "../../../../cc/action-event-mediator/Properties";
+import EventHandlersFactory from "./EventHandlersFactory";
+import ActionEventMediatorView from "./ActionEventMediatorView"; // import ClientActionsSDKFactory from '../../../../behaviour/zclient-actions/frameworks/sdk/ClientActionsSDKFactory'; TODO: Add support for returning clientActionsSDK factory when client actions SDK is merged to V2
+
+import ClientActionsBehaviourFactory from "../../../../behaviour/zclient-actions/frameworks/ClientActionsBehaviourFactory";
+import getClientActions from "../../../../../data-source/http-template/getClientActions";
+import ClientActionsTranslator from "../../../../translators/client-actions-translator";
+import FetchGateWay from "../../../../../zhttp/adapters/gateway/FetchGateWay";
+import APITemplate from "../../../../../zdata-source/domain/entities/APITemplate";
+import TemplateHelpers from "../../../../../zdata-source/adapters/gateways/TemplateHelpers";
+;
+const windowWrapper = window;
+const ClientActionsAdapterUtils = {
+  getClientActionsAPIDetails(args) {
+    const apiTemplate = new APITemplate(getClientActions, new TemplateHelpers());
+    args.servicePrefix = 'supportapi/zd';
+    args.orgName = windowWrapper.currentOrg.portalName;
+    const apiDetails = apiTemplate.getApiDetails(args);
+    apiDetails.options = {
+      headers: {
+        orgId: windowWrapper.currentOrg.id
+      },
+      method: apiDetails.method
+    };
+    return apiDetails;
+  },
+
+  transform(input) {
+    return ClientActionsTranslator.transform(input, {
+      departmentName: windowWrapper.currentDepartment.sanitizedName,
+      orgId: windowWrapper.currentOrg.id,
+      orgName: windowWrapper.currentOrg.portalName,
+      servicePrefix: 'supportapi/zd'
+    });
+  }
+
+};
+const ClientActionsAdapter = {
+  createEventHandler(clientScript) {
+    return event => {
+      let response = {
+        event: event,
+        sdk: {}
+      }; // response.sdks.clientActions = ClientActionsSDKFactory.create({ TODO: Add support for returning clientActionsSDK factory when client actions SDK is merged to V2
+      //     state: event.state,
+      //     dispatch: event.dispatch
+      // });
+
+      clientScript(response);
+    };
+  },
+
+  createActionToEventHandlers(clientScripts) {
+    const actionEventHandlers = {};
+    Object.keys(clientScripts).map(targetEvent => {
+      const clientScript = clientScripts[targetEvent];
+      actionEventHandlers[targetEvent] = ClientActionsAdapter.createEventHandler(clientScript);
+    });
+    return actionEventHandlers;
+  },
+
+  fetchClientActions(args) {
+    const apiDetails = ClientActionsAdapterUtils.getClientActionsAPIDetails(args);
+    const fetchGateway = new FetchGateWay(window.fetch.bind(window));
+    return fetchGateway.fetch(apiDetails.url, apiDetails.options).then(response => {
+      return response.json();
+    }).then(response => {
+      if (response.errorCode) {
+        return Promise.reject(response);
+      } else {
+        const actions = ClientActionsAdapterUtils.transform(response);
+        return Promise.resolve(actions);
+      }
+    });
+  },
+
+  getClientActionComponent: clientScripts => {
+    return createCustomComponent({
+      name: 'ClientActionsAdapter',
+      properties: ActionEventMediatorProperties,
+      setInitialState: () => ({
+        handlers: {}
+      }),
+      eventHandlers: { ...EventHandlersFactory.createClientActionsAdapterEventHandlers(),
+        ...ClientActionsAdapter.createActionToEventHandlers(clientScripts)
+      },
+      behaviours: [ClientActionsBehaviourFactory.create({
+        getClientActions: getClientActions
+      })],
+      View: ActionEventMediatorView
+    });
+  }
+};
+export const getClientActionsAdapter = ClientActionsAdapter.getClientActionComponent;
+export const fetchClientActions = ClientActionsAdapter.fetchClientActions;

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

@@ -9,6 +9,14 @@ import PropertiesChangeController from "../../adapters/controllers/PropertiesCha
 import LifeCycleEvents from "../../../../../../cc/component/LifeCycleEventsEnum";
 export default class EventHandlersFactory {
   static create() {
+    return EventHandlersFactory.createClientActionsLifeCycleEventHandlers('ActionEventMediator');
+  }
+
+  static createClientActionsAdapterEventHandlers() {
+    return EventHandlersFactory.createClientActionsLifeCycleEventHandlers('ClientActionsAdapter');
+  }
+
+  static createClientActionsLifeCycleEventHandlers(componentName) {
     const repository = new Repository();
     const presenter = new Presenter();
     const dependencies = {
@@ -22,9 +30,9 @@ export default class EventHandlersFactory {
     const unmountController = new UnmountController(destroyUseCase);
     const propertiesChangeController = new PropertiesChangeController(propertiesChangeUseCase);
     return {
-      [`ActionEventMediator#${LifeCycleEvents.MOUNT}`]: initializeController.handle,
-      [`ActionEventMediator#${LifeCycleEvents.UPDATE_PROPERTIES}`]: propertiesChangeController.handle,
-      [`ActionEventMediator#${LifeCycleEvents.UN_MOUNT}`]: unmountController.handle
+      [`${componentName}#${LifeCycleEvents.MOUNT}`]: initializeController.handle,
+      [`${componentName}#${LifeCycleEvents.UPDATE_PROPERTIES}`]: propertiesChangeController.handle,
+      [`${componentName}#${LifeCycleEvents.UN_MOUNT}`]: unmountController.handle
     };
   }
 

package/es/platform/client-actions/template-resolver/index.js

@@ -22,6 +22,7 @@ export default class TemplateResolver {
   }
 
   static replaceContextVariablesInObject(properties, replacementObj) {
+    if (!properties) return {};
     const replaced = {};
     Object.entries(properties).forEach(_ref => {
       let [key, value] = _ref;

package/es/platform/client-actions/translators/context-resolver/index.js

@@ -4,7 +4,7 @@ export class ActionContextResolver {
 
   static resolveContextInEventMappingPayload(eventMapping, context) {
     return { ...eventMapping,
-      payloadValueMapping: TemplateResolver.replaceContextVariablesInObject(eventMapping.payloadValueMappingMeta, context)
+      payloadValueMapping: TemplateResolver.replaceContextVariablesInObject(eventMapping.payloadValueMapping, context)
     };
   }
 
@@ -14,9 +14,9 @@ export class ActionContextResolver {
       pattern
     } = condition;
     const resolvedFields = fields.map(field => {
-      const resolvedValue = TemplateResolver.replaceContextVariables(field.value.join(","), templateContext);
+      const resolvedValue = TemplateResolver.replaceContextVariables(field.value.join(','), templateContext);
       return { ...field,
-        value: resolvedValue.split(",")
+        value: resolvedValue.split(',')
       };
     });
     return { ...condition,
@@ -31,10 +31,10 @@ export class ActionContextResolver {
 
   static resolveAction(action, context) {
     const eventMappings = action.uiComponentMapping.eventMappings;
-    const conditions = action.conditionsMeta;
+    const conditions = action.conditions;
     const resolvedEventMappings = eventMappings.map(eventMapping => this.resolveContextInEventMappingPayload(eventMapping, context));
-    const resolvedProperty = this.resolveContextInProperties(action.uiComponentMapping.propertiesValueMappingMeta, context);
-    const resolveConditionValues = this.resolveConditionValueContext(conditions, context);
+    const resolvedProperty = this.resolveContextInProperties(action.uiComponentMapping.propertiesValueMapping, context);
+    const resolveConditionValues = conditions ? this.resolveConditionValueContext(conditions, context) : conditions;
     return { ...action,
       conditions: resolveConditionValues,
       uiComponentMapping: { ...action.uiComponentMapping,

package/es/platform/components/table-connected/adapters/controllers/ColumnChooserOpenedController.js

@@ -10,7 +10,7 @@ export default class ColumnChooserOpenedController extends AbstractController {
       fields: availableFields,
       selectedFields
     } = zfield;
-    const columnChooserOptionsOrder = selectedFields;
+    const columnChooserOptionsOrder = [...selectedFields];
     availableFields.forEach(field => {
       if (!selectedFields.includes(field.name)) {
         columnChooserOptionsOrder.push(field.name);

package/es/platform/components/table-connected/adapters/resources/ErrorPrinter.js

@@ -0,0 +1,20 @@
+export default class ErrorPrinter {
+  static printError(error) {
+    console.error('Error occurred:', error);
+  }
+
+  static displaySchemaErrors(title, errors) {
+    let dataName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '(root)';
+    console.group(title.msg, ...title.styles);
+    errors.forEach((_ref, i) => {
+      let {
+        dataPath,
+        keyword,
+        message
+      } = _ref;
+      console.error(`%c${i + 1}. %c${dataName + dataPath}%c → ${keyword} ${message}`, 'color: initial;', 'color: #FF6F61; font-weight: bold;', 'color: #FFA500;');
+    });
+    console.groupEnd();
+  }
+
+}

package/es/platform/components/table-connected/adapters/resources/SmartTableResource.js

@@ -16,11 +16,54 @@ import RecordUpdateUseCase from "../../../../zlist/applications/usecases/RecordU
 import UpdateMultipleRecordUseCase from "../../../../zlist/applications/usecases/UpdateMultipleRecordUseCase";
 import GetContextUseCase from "../../../../zlist/applications/usecases/GetContextUseCase";
 import ReOrderUseCase from "../../../../zlist/applications/usecases/ReOrderUseCase";
+import { SdkContracts } from "../../../../../cc/table-connected/SdkContract";
+import Validator from "../../../../../library/custom-component/frameworks/json-schema-validator/Validator";
+import ErrorPrinter from "./ErrorPrinter";
 export class SmartTableResource extends AbstractResource {
   initialize() {}
 
   destroy() {}
 
+  safeValidateInput(meta, input) {
+    try {
+      const result = Validator.validate(meta, input);
+      return result;
+    } catch (error) {
+      return {
+        isValid: false,
+        errors: [{
+          dataPath: '',
+          keyword: 'internal',
+          message: 'invalid schema'
+        }]
+      };
+    }
+  }
+
+  validateInput(methodName, input, meta) {
+    const {
+      isValid,
+      errors
+    } = this.safeValidateInput(meta, input);
+
+    if (!isValid) {
+      const title = `%c Invalid sdk input for %c${methodName}`;
+      const styles = ['color: red; font-weight: bold;', 'color: #FF6F61; font-weight: bold;'];
+      ErrorPrinter.displaySchemaErrors({
+        msg: title,
+        styles
+      }, errors, '');
+      throw {
+        code: 'ValidationError',
+        message: `Invalid input for ${methodName}`,
+        details: {
+          methodName,
+          errors
+        }
+      };
+    }
+  }
+
   getRecordDependencies() {
     const dependencies = {
       repository: new ZRecordRepository(),
@@ -83,6 +126,9 @@ export class SmartTableResource extends AbstractResource {
   }
 
   getRecord(recordId) {
+    this.validateInput('getRecord', {
+      recordId
+    }, SdkContracts.getRecordInputMeta);
     const {
       getData,
       setData
@@ -97,6 +143,9 @@ export class SmartTableResource extends AbstractResource {
   }
 
   getContext(variableName) {
+    this.validateInput('getContext', {
+      variableName
+    }, SdkContracts.getContextInputMeta);
     const {
       getData,
       setData
@@ -111,6 +160,9 @@ export class SmartTableResource extends AbstractResource {
   }
 
   deleteRecord(recordId) {
+    this.validateInput('deleteRecord', {
+      recordId
+    }, SdkContracts.deleteRecordInputMeta);
     const {
       dispatch
     } = this.dependencies;
@@ -130,6 +182,10 @@ export class SmartTableResource extends AbstractResource {
 
   deleteRecords(recordIds) {
     let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    this.validateInput('deleteRecords', {
+      recordIds,
+      shouldFetch
+    }, SdkContracts.deleteRecordsInputMeta);
     const {
       dispatch
     } = this.dependencies;
@@ -150,6 +206,11 @@ export class SmartTableResource extends AbstractResource {
 
   updateRecord(recordId, record) {
     let shouldFetch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    this.validateInput('updateRecord', {
+      recordId,
+      record,
+      shouldFetch
+    }, SdkContracts.updateRecordInputMeta);
     const {
       dispatch
     } = this.dependencies;
@@ -171,6 +232,10 @@ export class SmartTableResource extends AbstractResource {
 
   updateRecords(recordsMap) {
     let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    this.validateInput('updateRecords', {
+      recordsMap,
+      shouldFetch
+    }, SdkContracts.updateRecordsInputMeta);
     const {
       dispatch
     } = this.dependencies;
@@ -190,6 +255,9 @@ export class SmartTableResource extends AbstractResource {
   }
 
   selectRecords(ids) {
+    this.validateInput('selectRecords', {
+      ids
+    }, SdkContracts.selectRecordsInputMeta);
     const {
       dispatch
     } = this.dependencies;
@@ -202,6 +270,9 @@ export class SmartTableResource extends AbstractResource {
   }
 
   deselectRecords(ids) {
+    this.validateInput('deselectRecords', {
+      ids
+    }, SdkContracts.deselectRecordsInputMeta);
     const {
       dispatch
     } = this.dependencies;

package/es/platform/components/table-connected/frameworks/ErrorEventHandlersFactory.js

@@ -0,0 +1,126 @@
+import { ZLIST_FETCH_MORE_RECORDS_FAILED, ZLIST_INITIAL_AVAILABLE_FIELDS_FETCH_FAILED, ZLIST_INITIAL_CLIENT_ACTIONS_FETCH_FAILED, ZLIST_INITIAL_RECORDS_FETCH_FAILED, ZLIST_INITIAL_SELECTED_FIELDS_FETCH_FAILED, ZLIST_RECORD_DELETE_FAILED, ZLIST_RECORD_UPDATE_FAILED } from "../../../../bc/zlist/Constants";
+import { ERROR_OCCURRED } from "../../../../cc/table-connected/constants/Events";
+import { ErrorCode } from "../../../../cc/table-connected/ErrorEventType";
+export default class ErrorEventHandlersFactory {
+  static create() {
+    return {
+      [ZLIST_FETCH_MORE_RECORDS_FAILED]: _ref => {
+        let {
+          action,
+          dispatch
+        } = _ref;
+        return dispatch({
+          type: ERROR_OCCURRED,
+          payload: {
+            code: ErrorCode.FETCH_MORE_RECORDS_FAILED,
+            message: action.payload.error.message,
+            errorDetails: {
+              from: action.payload.from,
+              limit: action.payload.limit,
+              error: action.payload.error
+            }
+          }
+        });
+      },
+      [ZLIST_INITIAL_AVAILABLE_FIELDS_FETCH_FAILED]: _ref2 => {
+        let {
+          action,
+          dispatch
+        } = _ref2;
+        return dispatch({
+          type: ERROR_OCCURRED,
+          payload: {
+            code: ErrorCode.INITIAL_AVAILABLE_FIELDS_FETCH_FAILED,
+            message: action.payload.error.message,
+            errorDetails: {
+              error: action.payload.error
+            }
+          }
+        });
+      },
+      [ZLIST_INITIAL_CLIENT_ACTIONS_FETCH_FAILED]: _ref3 => {
+        let {
+          action,
+          dispatch
+        } = _ref3;
+        return dispatch({
+          type: ERROR_OCCURRED,
+          payload: {
+            code: ErrorCode.INITIAL_CLIENT_ACTIONS_FETCH_FAILED,
+            message: action.payload.error.message,
+            errorDetails: {
+              error: action.payload.error
+            }
+          }
+        });
+      },
+      [ZLIST_INITIAL_RECORDS_FETCH_FAILED]: _ref4 => {
+        let {
+          action,
+          dispatch
+        } = _ref4;
+        return dispatch({
+          type: ERROR_OCCURRED,
+          payload: {
+            code: ErrorCode.INITIAL_RECORDS_FETCH_FAILED,
+            message: action.payload.error.message,
+            errorDetails: {
+              error: action.payload.error
+            }
+          }
+        });
+      },
+      [ZLIST_INITIAL_SELECTED_FIELDS_FETCH_FAILED]: _ref5 => {
+        let {
+          action,
+          dispatch
+        } = _ref5;
+        return dispatch({
+          type: ERROR_OCCURRED,
+          payload: {
+            code: ErrorCode.INITIAL_SELECTED_FIELDS_FETCH_FAILED,
+            message: action.payload.error.message,
+            errorDetails: {
+              error: action.payload.error
+            }
+          }
+        });
+      },
+      [ZLIST_RECORD_DELETE_FAILED]: _ref6 => {
+        let {
+          action,
+          dispatch
+        } = _ref6;
+        return dispatch({
+          type: ERROR_OCCURRED,
+          payload: {
+            code: ErrorCode.RECORD_DELETE_FAILED,
+            message: action.payload.error.message,
+            errorDetails: {
+              recordId: action.payload.recordId,
+              error: action.payload.error
+            }
+          }
+        });
+      },
+      [ZLIST_RECORD_UPDATE_FAILED]: _ref7 => {
+        let {
+          action,
+          dispatch
+        } = _ref7;
+        return dispatch({
+          type: ERROR_OCCURRED,
+          payload: {
+            code: ErrorCode.RECORD_UPDATE_FAILED,
+            message: action.payload.error.message,
+            errorDetails: {
+              recordId: action.payload.recordId,
+              error: action.payload.error
+            }
+          }
+        });
+      }
+    };
+  }
+
+}

package/es/platform/components/table-connected/frameworks/EventHandlersFactory.js

@@ -15,6 +15,7 @@ import ScrollController from "../adapters/controllers/ScrollController";
 import ColumnChooserUpdateController from "../adapters/controllers/ColumnChooserUpdateController";
 import ColumnChooserOpenedController from "../adapters/controllers/ColumnChooserOpenedController";
 import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import ErrorEventHandlersFactory from "./ErrorEventHandlersFactory";
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
@@ -46,7 +47,8 @@ export default class EventHandlersFactory {
   }
 
   static create(eventHandlers) {
-    return { ...EventHandlersFactory.getSdkWrappedEventHandler(eventHandlers),
+    const wrapped = EventHandlersFactory.getSdkWrappedEventHandler(eventHandlers);
+    const defaultEventHandlers = {
       NAVIGATION: NavigationHandler,
       [RESIZE_FINISHED]: new ResizeFinishController().handle,
       [TABLE_LIST_RESIZE_START_REQUESTED]: new ResizeStartController().handle,
@@ -97,10 +99,41 @@ export default class EventHandlersFactory {
       },
       [TABLE_LIST_ROW_DRAG_END]: new ReOrderFinishController().handle
     };
+    return mergeEventHandlers([defaultEventHandlers, ErrorEventHandlersFactory.create(), wrapped]);
   }
 
 }
 
+function mergeEventHandlers(eventHandlersList) {
+  const mergedEventHandlers = {};
+  const allEventNames = new Set();
+
+  for (const handlers of eventHandlersList) {
+    Object.keys(handlers).forEach(eventName => allEventNames.add(eventName));
+  }
+
+  for (const eventName of allEventNames) {
+    mergedEventHandlers[eventName] = createMergedHandler(eventHandlersList, eventName);
+  }
+
+  return mergedEventHandlers;
+}
+
+function createMergedHandler(eventHandlersList, eventName) {
+  return function () {
+    for (const handlers of eventHandlersList) {
+      const handler = handlers[eventName];
+
+      if (typeof handler === 'function') {
+        try {
+          handler(...arguments);
+        } catch {// Silently ignore errors
+        }
+      }
+    }
+  };
+}
+
 function NavigationHandler(event) {
   const {
     url

package/es/platform/components/table-connected/frameworks/TableConnectedFactory.js

@@ -33,6 +33,7 @@ function combineDataSourceWithDefault(dataSource) {
   };
 }
 
+import { SmartTableEventsContracts } from "../../../../cc/table-connected";
 export default class TableConnectedFactory {
   static create(_ref) {
     let {
@@ -52,6 +53,7 @@ export default class TableConnectedFactory {
     return createCustomComponent({
       name: name,
       View: View,
+      events: SmartTableEventsContracts,
       properties: Properties,
       eventHandlers: EventHandlersFactory.create(eventHandlers),
       transformState: TableTranslator.transformState,

package/es/platform/components/table-connected/frameworks/TableConnectedView.js

@@ -8,6 +8,7 @@ function View(_ref, ref) {
   } = _ref;
   const {
     isLoading,
+    isReOrderLoading,
     data = [],
     rowActionsConfig,
     rowCursor,
@@ -19,7 +20,8 @@ function View(_ref, ref) {
     reOrderConfig
   } = state.viewModel;
   const {
-    resizerState
+    resizerState,
+    isError
   } = state.viewModel;
   const {
     preferences,
@@ -30,7 +32,9 @@ function View(_ref, ref) {
   } = preferences ? preferences : {};
   return /*#__PURE__*/React.createElement(TableList, {
     reOrderConfig: reOrderConfig,
+    isReOrderLoading: isReOrderLoading,
     data: data,
+    isError: isError,
     rowCursor: rowCursor,
     sortBy: sortBy,
     resizerState: resizerState,

package/es/platform/zdata-source/domain/entities/DataSource.js

@@ -76,21 +76,27 @@ export default class DataSource {
     const {
       actionName
     } = fullMetaData;
-    const {
-      type,
-      metaData
-    } = fullMetaData[DATA_SOURCE_FAILURE];
     const actions = [];
-    type && actions.push({
-      type,
-      metaData,
-      payload: {
-        error
-      }
-    });
+    let failureMetaData = {};
+
+    if (fullMetaData[DATA_SOURCE_FAILURE]) {
+      const {
+        type,
+        metaData
+      } = fullMetaData[DATA_SOURCE_FAILURE];
+      failureMetaData = metaData;
+      type && actions.push({
+        type,
+        metaData: failureMetaData,
+        payload: {
+          error
+        }
+      });
+    }
+
     actions.push({
       type: DATA_SOURCE_EXECUTE_FAILED,
-      metaData,
+      metaData: failureMetaData,
       payload: {
         actionName,
         error