@zohodesk/library-platform 1.1.3 → 1.1.6-temp-1

package/es/library/dot/legacy-to-new-arch/more-dropdown/frameworks/ui/MoreDropdownView.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import MoreDropdown from '@zohodesk-private/desk-components/es/MoreAction/MoreAction';
+import MoreDropdownConstants from "../../../../../../cc/more-dropdown/Constants";
+
+function MoreDropdownView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    dispatch
+  } = helpers;
+  const {
+    heading,
+    options,
+    isDisabled,
+    tooltip
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(MoreDropdown, {
+    $customProps_container: {
+      title: heading,
+      customProps: {
+        ToggleDropDownProps: {
+          ref
+        }
+      }
+    },
+    $data_options: options,
+    $flag_isDisabled: isDisabled // $i18n_heading={heading}
+    ,
+    $i18n_moreIconTooltip: tooltip,
+    $event_onClick: id => {
+      dispatch({
+        type: MoreDropdownConstants.MORE_DROPDOWN_OPTION_CLICKED,
+        payload: {
+          id
+        }
+      });
+    }
+  });
+}
+
+export default MoreDropdownView;

package/es/library/dot/legacy-to-new-arch/switch/frameworks/ui/SwitchView.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Switch from '@zohodesk/components/es/Switch/Switch';
+import Switch from '@zohodesk-private/dot-registry/es/Switch/Switch';
 import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import { SwitchConstants } from "../../../../../../cc";
 
@@ -21,14 +21,14 @@ function SwitchView(_ref, ref) {
   let id = getId();
   return /*#__PURE__*/React.createElement(Switch, {
     customProps: {
-      SwitchProps: {
-        eleRef: ref
+      container: {
+        ref
       }
     },
     id: id,
     size: size,
-    checked: checked,
-    disabled: disabled,
+    isChecked: checked,
+    isDisabled: disabled,
     title: tooltip,
     onChange: () => {
       dispatch({

package/es/library/dot/legacy-to-new-arch/table-column-filter/frameworks/ui/TableColumnFilterView.js

@@ -54,9 +54,10 @@ function TableColumnFilterView(_ref, ref) {
         searchText
       }
     });
-  }; // For SingleSelectFilter, pass selectedOption (object)
-  // For MultiSelectFilter, pass selectedOptions (array)
+  };
 
+  const isFiltered = isMultiSelect ? Array.isArray(selectedOptions) && selectedOptions.length > 0 : selectedOptions && Object.keys(selectedOptions).length > 0; // For SingleSelectFilter, pass selectedOption (object)
+  // For MultiSelectFilter, pass selectedOptions (array)
 
   const commonProps = {
     customProps: {
@@ -72,9 +73,12 @@ function TableColumnFilterView(_ref, ref) {
               }
             },
             customStyle: {
-              container: `${style.container} ${(isMultiSelect ? Array.isArray(selectedOptions) && selectedOptions.length > 0 : selectedOptions && Object.keys(selectedOptions).length > 0) ? style.active : ''}`
+              container: `${style.container} ${isFiltered ? style.active : ''}`
             }
-          }
+          },
+          iconButtonProps: isFiltered ? {
+            isActive: true
+          } : undefined
         }
       }
     },

package/es/library/dot/legacy-to-new-arch/table-field-components/switch-field/frameworks/ui/SwitchFieldView.js

@@ -11,7 +11,6 @@ export default function SwitchFieldView(_ref, ref) {
     getRef: ref,
     checked: value,
     disabled: false,
-    size: 'small',
     tooltip: ""
   });
 }

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

@@ -6,8 +6,17 @@ import PropertiesChangeUseCase from "../../applications/usecases/PropertiesChang
 import MountController from "../../adapters/controllers/MountController";
 import UnmountController from "../../adapters/controllers/UnmountController";
 import PropertiesChangeController from "../../adapters/controllers/PropertiesChangeController";
+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 = {
@@ -21,9 +30,9 @@ export default class EventHandlersFactory {
     const unmountController = new UnmountController(destroyUseCase);
     const propertiesChangeController = new PropertiesChangeController(propertiesChangeUseCase);
     return {
-      ['ActionEventMediator#MOUNT']: initializeController.handle,
-      ['ActionEventMediator#UPDATE_PROPERTIES']: propertiesChangeController.handle,
-      ['ActionEventMediator#UNMOUNT']: 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/client-actions-translator/index.js

@@ -20,8 +20,11 @@ export default class ClientActionsTranslator {
   }
 
   static transform(actions, context) {
-    const resolvedActions = ActionContextResolver.resolveActions(actions, context);
-    const evaluatedActions = resolvedActions.filter(action => ConditionResolver.evaluateCondition(action.conditions, context, action.id));
+    const replacementContext = {
+      "@context": context
+    };
+    const resolvedActions = ActionContextResolver.resolveActions(actions, replacementContext);
+    const evaluatedActions = resolvedActions.filter(action => ConditionResolver.evaluateCondition(action.conditions, replacementContext, action.id));
     const finalTransformedActions = evaluatedActions.map(action => this.transformToActionViewModel(action));
     return finalTransformedActions;
   }

package/es/platform/client-actions/translators/condition-resolver/field-evaluators/GetResolvedContextFieldValue.js

@@ -1,6 +1,7 @@
+import TemplateResolver from "../../../template-resolver";
 export function getResolvedContextFieldValue(context, field) {
-  if (field.includes(".")) {
-    let value = field.split(".").reduce((obj, key) => obj && obj[key], context);
+  if (field.includes('.')) {
+    let value = TemplateResolver.replaceContextVariables(field, context);
     return value;
   }
 

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,
@@ -45,10 +45,7 @@ export class ActionContextResolver {
   }
 
   static resolveActions(actions, context) {
-    const replacementContext = {
-      "@context": context
-    };
-    return actions ? actions.map(action => this.resolveAction(action, replacementContext)) : [];
+    return actions ? actions.map(action => this.resolveAction(action, context)) : [];
   }
 
 }

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

@@ -0,0 +1,91 @@
+import SmartFormConstants from "../../../../cc/form-connected/Constants";
+import FormSdkFactory from "./FormSdkFactory";
+import FormConstants from "../../../../cc/form/Constants";
+import { ZFORM_FIELD_VALUE_CHANGED } from "../../../../bc/zform/Symbol";
+const {
+  SMART_FORM_FIELD_FOCUSED,
+  SMART_FORM_FIELD_BLURRED,
+  SMART_FORM_FIELD_VALUE_CHANGED
+} = SmartFormConstants;
+
+function createHandlerWithSdk(handler) {
+  return input => {
+    const {
+      state,
+      dispatch
+    } = input;
+    handler(input, FormSdkFactory.create({
+      state,
+      dispatch
+    }));
+  };
+}
+
+export default class EventHandlersFactory {
+  static createWrapped(eventHandlers) {
+    return Object.fromEntries(Object.keys(eventHandlers).map(eventName => {
+      const handler = createHandlerWithSdk(eventHandlers[eventName]);
+      return [eventName, handler];
+    }));
+  }
+
+  static create(eventHandlers) {
+    const wrapped = EventHandlersFactory.createWrapped(eventHandlers);
+    return { ...wrapped,
+      [FormConstants.FORM_FIELD_FOCUSED]: _ref => {
+        let {
+          action,
+          dispatch
+        } = _ref;
+        const {
+          sectionId,
+          fieldName
+        } = action.payload;
+        dispatch({
+          type: SMART_FORM_FIELD_FOCUSED,
+          payload: {
+            sectionId,
+            fieldName
+          }
+        });
+      },
+      [FormConstants.FORM_FIELD_BLURRED]: _ref2 => {
+        let {
+          action,
+          dispatch
+        } = _ref2;
+        const {
+          sectionId,
+          fieldName
+        } = action.payload;
+        dispatch({
+          type: SMART_FORM_FIELD_BLURRED,
+          payload: {
+            sectionId,
+            fieldName
+          }
+        });
+      },
+      [ZFORM_FIELD_VALUE_CHANGED]: _ref3 => {
+        let {
+          action,
+          dispatch
+        } = _ref3;
+        const {
+          sectionId,
+          fieldName,
+          value
+        } = action.payload;
+        dispatch({
+          type: SMART_FORM_FIELD_VALUE_CHANGED,
+          payload: {
+            sectionId,
+            fieldName,
+            value
+          }
+        });
+      }
+    };
+  }
+
+}

package/es/platform/components/form-connected/frameworks/FormConnectedFactory.js

@@ -0,0 +1,33 @@
+import Properties from "../../../../cc/form-connected/Properties";
+import { createCustomComponent } from "../../../../library/custom-component";
+import ZHttpBehaviourFactory from "../../../zhttp/frameworks/ZHttpBehaviourFactory";
+import RecordBehaviourFactory from "../../../zrecord/frameworks/RecordBehaviourFactory";
+import FormConnectedView from "./FormConnectedView";
+import defaultDataBroker from "../../../data-source";
+import DataBrokerBehaviourFactory from "../../../zdata-source/frameworks/DataBrokerBehaviourFactory";
+import FormTranslator from "../../../zform/adapters/presenter/FormTranslator";
+import ZFormBehaviourFactory from "../../../zform/frameworks/ui/ZFormBehaviourFactory";
+import FieldValidationBehaviourFactory from "../../../../library/behaviours/field-validation/frameworks/ui/FieldValidationBehaviourFactory";
+import EventHandlersfactory from "./EventHandlersFactory";
+export default class FormConnectedFactory {
+  static create(_ref) {
+    let {
+      name,
+      customValidators,
+      dataBroker = defaultDataBroker,
+      eventHandlers = {},
+      View = FormConnectedView
+    } = _ref;
+    return createCustomComponent({
+      name: name,
+      View: View,
+      properties: Properties,
+      eventHandlers: EventHandlersfactory.create(eventHandlers),
+      transformState: FormTranslator.transformState,
+      behaviours: [ZHttpBehaviourFactory.create(), DataBrokerBehaviourFactory.create(), RecordBehaviourFactory.create(dataBroker.httpTemplates), FieldValidationBehaviourFactory.create(), ZFormBehaviourFactory.create({
+        customValidators
+      })]
+    });
+  }
+
+}

package/es/{desk-frameworks → platform/components}/form-connected/frameworks/FormConnectedView.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Form from "../../../library/dot/components/form/frameworks/ui/Form";
+import Form from "../../../../library/dot/components/form/frameworks/ui/Form";
 
 function View(_ref, ref) {
   let {

package/es/{desk-frameworks → platform/components}/form-connected/frameworks/FormSdkFactory.js

@@ -2,8 +2,7 @@
 export default class FormSdkFactory {
   static create(_ref) {
     let {
-      state,
-      dispatch
+      state
     } = _ref;
     return {
       zform: {
@@ -12,21 +11,11 @@ export default class FormSdkFactory {
         },
         getFieldValue: name => {
           let field = state.behaviours.zform.sections.flatMap(section => section.fields).find(field => field.name === name);
-
-          if (field) {
-            return field.value;
-          }
-
-          return null;
+          return field ? field.value : null;
         },
         getFieldValidationResult: name => {
           let field = state.behaviours.zform.sections.flatMap(section => section.fields).find(field => field.name === name);
-
-          if (field) {
-            return field.errorMessage;
-          }
-
-          return null;
+          return field ? field.errorMessage : null;
         }
       }
     };

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

@@ -0,0 +1,28 @@
+import AbstractController from "./AbstractController";
+import { COLUMN_CHOOSER_BEHAVIOUR_OPENED } from "../../../../../bc/column-chooser/Constants";
+export default class ColumnChooserOpenedController extends AbstractController {
+  handle(event) {
+    const state = event.state;
+    const {
+      zfield
+    } = state.behaviours;
+    const {
+      fields: availableFields,
+      selectedFields
+    } = zfield;
+    const columnChooserOptionsOrder = [...selectedFields];
+    availableFields.forEach(field => {
+      if (!selectedFields.includes(field.name)) {
+        columnChooserOptionsOrder.push(field.name);
+      }
+    });
+    event.dispatch({
+      type: COLUMN_CHOOSER_BEHAVIOUR_OPENED,
+      payload: {
+        order: columnChooserOptionsOrder,
+        selectedArray: selectedFields
+      }
+    });
+  }
+
+}

package/es/{desk-frameworks → platform/components}/table-connected/adapters/controllers/ColumnChooserUpdateController.js

@@ -1,15 +1,16 @@
 import AbstractController from "./AbstractController";
-import { FIELD_EXECUTE } from "../../../../bc/zfield/Constants";
+import { FIELD_EXECUTE } from "../../../../../bc/zfield/Constants";
 export default class ColumnChooserUpdateController extends AbstractController {
   handle(event) {
     const {
-      state
+      state,
+      dispatch
     } = event;
     const {
       context
     } = state.properties;
     const fields = event.action.payload.selectedArray;
-    const action = {
+    dispatch({
       type: FIELD_EXECUTE,
       payload: {
         actionName: 'updateSelectedFields',
@@ -18,8 +19,7 @@ export default class ColumnChooserUpdateController extends AbstractController {
         },
         apiName: 'updateSelectedFields'
       }
-    };
-    event.dispatch(action);
+    });
   }
 
 }

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

@@ -0,0 +1,21 @@
+import AbstractController from "./AbstractController";
+import { ZLIST_RECORD_REORDER } from "../../../../../bc/zlist/Constants";
+export class ReOrderFinishController extends AbstractController {
+  handle(event) {
+    const {
+      dispatch
+    } = event;
+    const {
+      oldIndex,
+      newIndex
+    } = event.action.payload;
+    dispatch({
+      type: ZLIST_RECORD_REORDER,
+      payload: {
+        oldIndex,
+        newIndex
+      }
+    });
+  }
+
+}

package/es/{desk-frameworks → platform/components}/table-connected/adapters/controllers/ResizeByMouseController.js

@@ -1,4 +1,4 @@
-import { RESIZE_MOUSE } from "../../../../bc/table-column-resizer/Constants";
+import { RESIZE_MOUSE } from "../../../../../bc/table-column-resizer/Constants";
 import AbstractController from "./AbstractController";
 export default class ResizeByMouseController extends AbstractController {
   handle(event) {

package/es/{desk-frameworks → platform/components}/table-connected/adapters/controllers/ResizeEndController.js

@@ -1,4 +1,4 @@
-import { RESIZE_ENDED } from "../../../../bc/table-column-resizer/Constants";
+import { RESIZE_ENDED } from "../../../../../bc/table-column-resizer/Constants";
 import AbstractController from "./AbstractController";
 export default class ResizeEndController extends AbstractController {
   handle(event) {

package/es/{desk-frameworks → platform/components}/table-connected/adapters/controllers/ResizeFinishController.js

@@ -1,4 +1,4 @@
-import { STORE_REQUESTED } from "../../../../bc/local-storage/Constants";
+import { STORE_REQUESTED } from "../../../../../bc/local-storage/Constants";
 import AbstractController from "./AbstractController";
 export class ResizeFinishController extends AbstractController {
   handle(event) {

package/es/{desk-frameworks → platform/components}/table-connected/adapters/controllers/ResizeStartController.js

@@ -1,4 +1,4 @@
-import { RESIZE_STARTED } from "../../../../bc/table-column-resizer/Constants";
+import { RESIZE_STARTED } from "../../../../../bc/table-column-resizer/Constants";
 import AbstractController from "./AbstractController";
 export default class ResizeStartController extends AbstractController {
   handle(event) {
@@ -11,7 +11,7 @@ export default class ResizeStartController extends AbstractController {
       mouseEvent
     } = event.action.payload;
     const mouseX = mouseEvent.clientX;
-    const lineClientRect = lineElement.getBoundingClientRect(); // HACK: calculate the initial position of the line element because of lineElement will not be read form entity because of clean architecture. 
+    const lineClientRect = lineElement.getBoundingClientRect(); // HACK: calculate the initial position of the line element because of lineElement will not be read form entity because of clean architecture.
     // lineElement is not part of the entity, it is part of the view.
     // Note: the reason for this (lineClientRect.width / 2) is , Even line is 2 or 3 px thick we need to take center position.
 

package/es/{desk-frameworks → platform/components}/table-connected/adapters/controllers/ScrollController.js

@@ -1,4 +1,4 @@
-import { RESIZE_SCROLL } from "../../../../bc/table-column-resizer/Constants";
+import { RESIZE_SCROLL } from "../../../../../bc/table-column-resizer/Constants";
 import AbstractController from "./AbstractController";
 export default class ScrollController extends AbstractController {
   handle(event) {

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();
+  }
+
+}