@zohodesk/library-platform 1.1.3 → 1.1.6

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

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

@@ -0,0 +1,326 @@
+import { AbstractResource } from "../../../../sdk/application/interfaces/gateways/AbstractResource";
+import ZListRepository from "../../../../zlist/adapters/gateways/Repository";
+import ZListSortBy from "../../../../zlist/adapters/gateways/SortBy";
+import ZListPresenters from "../../../../zlist/adapters/presenters/Presenters";
+import ZRecordRepository from "../../../../zrecord/adapters/gateways/Repository";
+import ZRecordPresenter from "../../../../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 "../../../../zrecord/applications/usecases/GetMultipleRecordUseCase";
+import GetSingleRecordUseCase from "../../../../zrecord/applications/usecases/GetSingleRecordUseCase";
+import DeleteSingleRecordUseCase from "../../../../zlist/applications/usecases/DeleteSingleRecordUseCase";
+import DeleteMultipleRecordUseCase from "../../../../zlist/applications/usecases/DeleteMultipleRecordUseCase";
+import RecordUpdateUseCase from "../../../../zlist/applications/usecases/RecordUpdateUseCase";
+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(),
+      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) {
+    this.validateInput('getRecord', {
+      recordId
+    }, SdkContracts.getRecordInputMeta);
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, GetSingleRecordUseCase);
+    usecase.execute({
+      recordId,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getContext(variableName) {
+    this.validateInput('getContext', {
+      variableName
+    }, SdkContracts.getContextInputMeta);
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, GetContextUseCase);
+    usecase.execute({
+      variableName,
+      callback: setData
+    });
+    return getData();
+  }
+
+  deleteRecord(recordId) {
+    this.validateInput('deleteRecord', {
+      recordId
+    }, SdkContracts.deleteRecordInputMeta);
+    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;
+    this.validateInput('deleteRecords', {
+      recordIds,
+      shouldFetch
+    }, SdkContracts.deleteRecordsInputMeta);
+    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;
+    this.validateInput('updateRecord', {
+      recordId,
+      record,
+      shouldFetch
+    }, SdkContracts.updateRecordInputMeta);
+    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;
+    this.validateInput('updateRecords', {
+      recordsMap,
+      shouldFetch
+    }, SdkContracts.updateRecordsInputMeta);
+    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) {
+    this.validateInput('selectRecords', {
+      ids
+    }, SdkContracts.selectRecordsInputMeta);
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListSelectDependencies();
+    const usecase = this.createUseCase(dependencies, ListSelectSelectUsecase);
+    usecase.execute({
+      ids,
+      dispatch
+    });
+  }
+
+  deselectRecords(ids) {
+    this.validateInput('deselectRecords', {
+      ids
+    }, SdkContracts.deselectRecordsInputMeta);
+    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
+    });
+  }
+
+  reOrderRecord(fromIndex, toIndex) {
+    this.validateInput('reOrderRecord', {
+      fromIndex,
+      toIndex
+    }, SdkContracts.reOrderRecordInputMeta);
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, ReOrderUseCase);
+    usecase.execute({
+      newIndex: toIndex,
+      oldIndex: fromIndex,
+      dispatch
+    });
+  }
+
+}

package/es/platform/components/table-connected/application/interfaces/ISmartTableResource.js

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