@zohodesk/library-platform 1.1.0-exp.2 → 1.1.1-exp.6

package/es/desk-frameworks/form-connected/frameworks/FormSdkFactory.js

@@ -0,0 +1,35 @@
+/* eslint-disable max-lines-per-function */
+export default class FormSdkFactory {
+  static create(_ref) {
+    let {
+      state,
+      dispatch
+    } = _ref;
+    return {
+      zform: {
+        getField: name => {
+          return state.behaviours.zform.sections.flatMap(section => section.fields).find(field => field.name === name);
+        },
+        getFieldValue: name => {
+          let field = state.behaviours.zform.sections.flatMap(section => section.fields).find(field => field.name === name);
+
+          if (field) {
+            return field.value;
+          }
+
+          return 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;
+        }
+      }
+    };
+  }
+
+}

package/es/desk-frameworks/index.js

@@ -1 +1,2 @@
-export { default as TableConnectedFactory } from "./table-connected/frameworks/TableConnectedFactory";
+export { default as TableConnectedFactory } from "./table-connected/frameworks/TableConnectedFactory";
+export { default as FormConnectedFactory } from "./form-connected/frameworks/FormConnectedFactory";

package/es/desk-frameworks/table-connected/adapters/controllers/AbstractController.js

@@ -0,0 +1,8 @@
+class AbstractController {
+  constructor() {
+    this.handle = this.handle.bind(this);
+  }
+
+}
+
+export default AbstractController;

package/es/desk-frameworks/table-connected/adapters/controllers/ResizeByMouseController.js

@@ -0,0 +1,20 @@
+import { RESIZE_MOUSE } from "../../../../bc/table-column-resizer/Constants";
+import AbstractController from "./AbstractController";
+export default class ResizeByMouseController extends AbstractController {
+  handle(event) {
+    // const tableElement = event.host;
+    const tableElement = event.host.getElementsByTagName('table')[0];
+    const {
+      mouseEvent
+    } = event.action.payload;
+    const action = {
+      type: RESIZE_MOUSE,
+      payload: {
+        mouseEvent,
+        tableElement
+      }
+    };
+    event.dispatch(action);
+  }
+
+}

package/es/desk-frameworks/table-connected/adapters/controllers/ResizeEndController.js

@@ -0,0 +1,16 @@
+import { RESIZE_ENDED } from "../../../../bc/table-column-resizer/Constants";
+import AbstractController from "./AbstractController";
+export default class ResizeEndController extends AbstractController {
+  handle(event) {
+    // const tableElement = event.host;
+    const tableElement = event.host.getElementsByTagName('table')[0];
+    const action = {
+      type: RESIZE_ENDED,
+      payload: {
+        tableElement
+      }
+    };
+    event.dispatch(action);
+  }
+
+}

package/es/desk-frameworks/table-connected/adapters/controllers/ResizeFinishController.js

@@ -0,0 +1,45 @@
+import { STORE_REQUESTED } from "../../../../bc/local-storage/Constants";
+import AbstractController from "./AbstractController";
+export class ResizeFinishController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      dispatch
+    } = event;
+    const {
+      columnName,
+      newWidth,
+      oldWidth
+    } = event.action.payload;
+
+    if (newWidth !== oldWidth) {
+      var _localStorage$moduleN, _localStorage$moduleN2, _localStorage$moduleN3;
+
+      const {
+        localStorage
+      } = state.behaviours;
+      const {
+        moduleName,
+        viewId
+      } = state.properties; // TODO: move this to a separate file as selector
+
+      const modifiedWidths = localStorage === null || localStorage === void 0 ? void 0 : (_localStorage$moduleN = localStorage[moduleName]) === null || _localStorage$moduleN === void 0 ? void 0 : (_localStorage$moduleN2 = _localStorage$moduleN[viewId]) === null || _localStorage$moduleN2 === void 0 ? void 0 : _localStorage$moduleN2.modifiedWidths; // TODO: better to use a selector update method
+
+      const data = { ...(localStorage === null || localStorage === void 0 ? void 0 : localStorage[moduleName]),
+        [viewId]: { ...(localStorage === null || localStorage === void 0 ? void 0 : (_localStorage$moduleN3 = localStorage[moduleName]) === null || _localStorage$moduleN3 === void 0 ? void 0 : _localStorage$moduleN3[viewId]),
+          modifiedWidths: { ...modifiedWidths,
+            [columnName]: newWidth
+          }
+        }
+      };
+      dispatch({
+        type: STORE_REQUESTED,
+        payload: {
+          data,
+          storeKey: moduleName
+        }
+      });
+    }
+  }
+
+}

package/es/desk-frameworks/table-connected/adapters/controllers/ResizeStartController.js

@@ -0,0 +1,33 @@
+import { RESIZE_STARTED } from "../../../../bc/table-column-resizer/Constants";
+import AbstractController from "./AbstractController";
+export default class ResizeStartController extends AbstractController {
+  handle(event) {
+    // const tableElement = event.host;
+    const tableElement = event.host.getElementsByTagName('table')[0];
+    const {
+      columnName,
+      columnWidth,
+      lineElement,
+      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. 
+    // 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.
+
+    const initialPosition = lineClientRect.left + lineClientRect.width / 2;
+    const action = {
+      type: RESIZE_STARTED,
+      payload: {
+        columnName,
+        columnWidth,
+        initialPosition,
+        tableElement,
+        mouseX
+      }
+    }; // @ts-ignore
+
+    event.dispatch(action);
+  }
+
+}

package/es/desk-frameworks/table-connected/adapters/controllers/ScrollController.js

@@ -0,0 +1,15 @@
+import { RESIZE_SCROLL } from "../../../../bc/table-column-resizer/Constants";
+import AbstractController from "./AbstractController";
+export default class ScrollController extends AbstractController {
+  handle(event) {
+    // const tableElement = event.host;
+    const tableElement = event.host.getElementsByTagName('table')[0];
+    event.dispatch({
+      type: RESIZE_SCROLL,
+      payload: {
+        tableElement
+      }
+    });
+  }
+
+}

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

@@ -1,4 +1,20 @@
+import { LIST_SELECTION_RECORDS_DESELECTED, LIST_SELECTION_RECORDS_SELECTED, LIST_SELECTION_SELECTION_LIMIT_EXCEEDED } from "../../../bc/list-selection/Constants";
 import ListSdkFactory from "./ListSdkFactory";
+import { SmartTableConstants } from "../../../cc/table-connected";
+import TableListEventConstants from "../../../cc/table-list/Constants";
+import ResizeStartController from "../adapters/controllers/ResizeStartController";
+import ResizeByMouseController from "../adapters/controllers/ResizeByMouseController";
+import ResizeEndController from "../adapters/controllers/ResizeEndController";
+import { RESIZE_FINISHED } from "../../../bc/table-column-resizer/Constants";
+import { ResizeFinishController } from "../adapters/controllers/ResizeFinishController";
+import ScrollController from "../adapters/controllers/ScrollController";
+import { ZLIST_SORT } from "../../../bc/zlist/Constants";
+const {
+  TABLE_LIST_RESIZE_START_REQUESTED,
+  TABLE_LIST_RESIZE_MOVE_REQUESTED,
+  TABLE_LIST_RESIZE_END_REQUESTED,
+  TABLE_LIST_SCROLLED
+} = TableListEventConstants;
 
 function createHandlerWithSdk(handler) {
   return input => {
@@ -20,7 +36,52 @@ export default class EventHandlersFactory {
       return [eventName, handler];
     }));
     return { ...wrapped,
-      NAVIGATION: NavigationHandler
+      NAVIGATION: NavigationHandler,
+      [RESIZE_FINISHED]: new ResizeFinishController().handle,
+      [TABLE_LIST_RESIZE_START_REQUESTED]: new ResizeStartController().handle,
+      [TABLE_LIST_RESIZE_MOVE_REQUESTED]: new ResizeByMouseController().handle,
+      [SmartTableConstants.Events.SORT]: _ref => {
+        let {
+          action,
+          dispatch
+        } = _ref;
+        return dispatch({
+          type: ZLIST_SORT,
+          payload: action.payload
+        });
+      },
+      [TABLE_LIST_RESIZE_END_REQUESTED]: new ResizeEndController().handle,
+      [TABLE_LIST_SCROLLED]: new ScrollController().handle,
+      [LIST_SELECTION_RECORDS_SELECTED]: _ref2 => {
+        let {
+          action,
+          dispatch
+        } = _ref2;
+        return dispatch({
+          type: SmartTableConstants.Events.RECORDS_SELECTED,
+          payload: action.payload
+        });
+      },
+      [LIST_SELECTION_RECORDS_DESELECTED]: _ref3 => {
+        let {
+          action,
+          dispatch
+        } = _ref3;
+        return dispatch({
+          type: SmartTableConstants.Events.RECORDS_DESELECTED,
+          payload: action.payload
+        });
+      },
+      [LIST_SELECTION_SELECTION_LIMIT_EXCEEDED]: _ref4 => {
+        let {
+          action,
+          dispatch
+        } = _ref4;
+        return dispatch({
+          type: SmartTableConstants.Events.SELECTION_LIMIT_EXCEEDED,
+          payload: action.payload
+        });
+      }
     };
   }
 

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

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

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

@@ -7,29 +7,46 @@ import ZListBehaviourFactory from "../../../platform/zlist/frameworks/ZListBehav
 import RecordBehaviourFactory from "../../../platform/zrecord/frameworks/RecordBehaviourFactory";
 import EventHandlersFactory from "./EventHandlersFactory";
 import TableConnectedView from "./TableConnectedView";
-import defaultDataBroker from "../../../platform/data-broker";
-import DataBrokerBehaviourFactory from "../../../platform/zdata-broker/frameworks/DataBrokerBehaviourFactory";
-import ClientActionBehaviourFactory from "../../../platform/zclient-actions/frameworks/ClientActionBehaviourFactory";
+import defaultDataSource from "../../../platform/data-source";
+import DataSourceBehaviourFactory from "../../../platform/zdata-source/frameworks/DataBrokerBehaviourFactory";
+import ClientActionsBehaviourFactory from "../../../platform/client-actions/behaviour/zclient-actions/frameworks/ClientActionsBehaviourFactory";
+import LocalStorageBehaviourFactory from "../../../library/behaviours/local-storage/frameworks/LocalStorageBehaviourFactory";
+import TableColumnResizerBehaviorFactory from "../../../library/behaviours/table-column-resizer/frameworks/TableColumnResizerBehaviorFactory";
+import ListItemSelectionBehaviourFactory from "../../../library/behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory";
 export default class TableConnectedFactory {
   static create(_ref) {
+    var _dataSource2;
+
     let {
       name,
-      dataBroker = defaultDataBroker,
+      dataBroker,
+      dataSource,
       eventHandlers = {},
       View = TableConnectedView
     } = _ref;
+
+    if (dataBroker) {
+      console.warn('Desk Platform Warning: dataBroker is deprecated, use dataSource instead');
+      dataSource = dataBroker;
+    }
+
+    const _dataSource = { ...dataSource,
+      httpTemplates: { ...defaultDataSource.httpTemplates,
+        ...((_dataSource2 = dataSource) === null || _dataSource2 === void 0 ? void 0 : _dataSource2.httpTemplates)
+      }
+    };
     return createCustomComponent({
       name: name,
       View: View,
       properties: Properties,
       eventHandlers: EventHandlersFactory.create(eventHandlers),
       transformState: TableTranslator.transformState,
-      behaviours: [ZHttpBehaviourFactory.create(), DataBrokerBehaviourFactory.create(), RecordBehaviourFactory.create(dataBroker.httpTemplates), ClientActionBehaviourFactory.create({
-        getClientActions: dataBroker.httpTemplates.getClientActions
+      behaviours: [TableColumnResizerBehaviorFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
+        getClientActions: _dataSource.httpTemplates.getClientActions
       }), ZFieldBehaviourFactory.create({
-        availableFields: dataBroker.httpTemplates.getAvailableFields,
-        selectedFields: dataBroker.httpTemplates.getSelectedFields
-      }), ZListBehaviourFactory.create()]
+        availableFields: _dataSource.httpTemplates.getAvailableFields,
+        selectedFields: _dataSource.httpTemplates.getSelectedFields
+      }), ZListBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()]
     });
   }
 

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

@@ -11,21 +11,32 @@ function View(_ref, ref) {
     data = [],
     rowActionsConfig,
     rowCursor,
+    sortBy,
+    selection,
     properties,
     emptyStateUiType
   } = state;
   const {
-    isFlexibleColumns,
+    resizerState
+  } = state;
+  const {
+    preferences,
     selectionConfig
   } = properties;
+  const {
+    autoColumnSizing
+  } = preferences || {};
   return /*#__PURE__*/React.createElement(TableList, {
     data: data,
     rowCursor: rowCursor,
+    sortBy: sortBy,
+    resizerState: resizerState,
     getRef: ref,
-    isFlexibleColumns: isFlexibleColumns,
+    isFlexibleColumns: autoColumnSizing,
     rowActionsConfig: rowActionsConfig,
     isLoading: isLoading,
     emptyStateUiType: emptyStateUiType,
+    selection: selection,
     selectionConfig: selectionConfig
   });
 }

package/es/library/behaviours/field-validation/adapters/controllers/AbstractController.js

@@ -0,0 +1,9 @@
+class AbstractController {
+  constructor(service) {
+    this.service = service;
+    this.handle = this.handle.bind(this);
+  }
+
+}
+
+export default AbstractController;

package/es/library/behaviours/field-validation/adapters/controllers/ValidateFieldController.js

@@ -0,0 +1,32 @@
+import AbstractController from "./AbstractController";
+
+class ValidateFieldController extends AbstractController {
+  handle(event) {
+    const {
+      validateFieldUseCase
+    } = this.service;
+    const {
+      state,
+      updateState,
+      action,
+      dispatch
+    } = event;
+    const {
+      field,
+      value
+    } = action.payload;
+    const {
+      metadata
+    } = action;
+    validateFieldUseCase.updateDependencies(state, updateState);
+    validateFieldUseCase.execute({
+      field,
+      value,
+      dispatch,
+      metadata
+    });
+  }
+
+}
+
+export default ValidateFieldController;

package/es/library/behaviours/field-validation/adapters/controllers/ValidateFieldsController.js

@@ -0,0 +1,31 @@
+import AbstractController from "./AbstractController";
+
+class ValidateFieldsController extends AbstractController {
+  handle(event) {
+    const {
+      validateFieldsUseCase
+    } = this.service;
+    const {
+      state,
+      updateState,
+      action,
+      dispatch
+    } = event;
+    const {
+      fields,
+      value
+    } = action.payload;
+    const {
+      metadata
+    } = action;
+    validateFieldsUseCase.updateDependencies(state, updateState);
+    validateFieldsUseCase.execute({
+      fields,
+      dispatch,
+      metadata
+    });
+  }
+
+}
+
+export default ValidateFieldsController;

package/es/library/behaviours/field-validation/adapters/gateway/Repository.js

@@ -0,0 +1,23 @@
+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 FieldValidation from "../../domain/FieldValidation";
+export default class Repository {
+  constructor() {
+    _defineProperty(this, "state", void 0);
+  }
+
+  init(state) {
+    this.state = state;
+  }
+
+  getFieldValidationEntity() {
+    const {
+      properties
+    } = this.state;
+    const {
+      validations: validationsMap
+    } = properties;
+    return new FieldValidation(validationsMap);
+  }
+
+}

package/es/library/behaviours/field-validation/adapters/gateway/Service.js

@@ -0,0 +1,18 @@
+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 ValidateField from "../../applications/usecases/ValidateField";
+import ValidateFields from "../../applications/usecases/ValidateFields";
+
+class Service {
+  constructor(dependencies) {
+    _defineProperty(this, "validateFieldUseCase", void 0);
+
+    _defineProperty(this, "validateFieldsUseCase", void 0);
+
+    this.validateFieldUseCase = new ValidateField(dependencies);
+    this.validateFieldsUseCase = new ValidateFields(dependencies);
+  }
+
+}
+
+export default Service;

package/es/library/behaviours/field-validation/applications/interfaces/input/FieldData.js

@@ -0,0 +1,17 @@
+var FieldTypes = /*#__PURE__*/function (FieldTypes) {
+  FieldTypes["TextBox"] = "Text";
+  FieldTypes["Email"] = "Email";
+  FieldTypes["Decimal"] = "Decimal";
+  FieldTypes["Integer"] = "Integer";
+  FieldTypes["Phone"] = "Phone";
+  FieldTypes["Date"] = "Date";
+  FieldTypes["DateTime"] = "DateTime";
+  FieldTypes["Boolean"] = "Boolean";
+  FieldTypes["MultiSelect"] = "MultiSelect";
+  FieldTypes["Picklist"] = "Picklist";
+  FieldTypes["Percent"] = "Percent";
+  FieldTypes["Currency"] = "Currency";
+  FieldTypes["URL"] = "URL";
+  FieldTypes["TextArea"] = "TextArea";
+  return FieldTypes;
+}(FieldTypes || {});

package/es/library/behaviours/field-validation/applications/usecases/AbstractUseCase.js

@@ -0,0 +1,15 @@
+class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  updateDependencies(state, updateState) {
+    const {
+      repository
+    } = this.dependencies;
+    repository.init(state);
+  }
+
+}
+
+export default AbstractUseCase;