@zohodesk/library-platform 1.1.1 → 1.1.2-exp.1

package/es/cc/textbox/Properties.js

@@ -0,0 +1,83 @@
+export default {
+  id: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  name: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  type: {
+    required: false,
+    defaultValue: 'text',
+    typeMetadata: {
+      schema: {
+        type: 'string',
+        enum: ['text', 'password', 'number']
+      }
+    }
+  },
+  maxLength: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'number'
+      }
+    }
+  },
+  placeholder: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  value: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  required: {
+    defaultValue: false,
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  disabled: {
+    required: false,
+    defaultValue: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
+  readonly: {
+    required: false,
+    defaultValue: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  }
+};

package/es/cc/textbox/index.js

@@ -0,0 +1,3 @@
+export { default as TextBoxProperties } from "./Properties";
+export { default as TextBoxEvents } from "./Events";
+export { default as TextBoxConstants } from "./Constants";

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

@@ -0,0 +1,24 @@
+import FormSdkFactory from "./FormSdkFactory";
+
+function createHandlerWithSdk(handler) {
+  return input => {
+    const {
+      state,
+      dispatch
+    } = input;
+    handler(input, FormSdkFactory.create({
+      state,
+      dispatch
+    }));
+  };
+}
+
+export default class EventHandlersFactory {
+  static create(eventHandlers) {
+    return Object.fromEntries(Object.keys(eventHandlers).map(eventName => {
+      const handler = createHandlerWithSdk(eventHandlers[eventName]);
+      return [eventName, handler];
+    }));
+  }
+
+}

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

@@ -0,0 +1,5 @@
+import FormConnectedFactory from "./FormConnectedFactory";
+const FormConnected = FormConnectedFactory.create({
+  name: 'FormConnected'
+});
+export default FormConnected;

package/es/desk-frameworks/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 "../../../platform/zhttp/frameworks/ZHttpBehaviourFactory";
+import RecordBehaviourFactory from "../../../platform/zrecord/frameworks/RecordBehaviourFactory";
+import FormConnectedView from "./FormConnectedView";
+import defaultDataBroker from "../../../platform/data-source";
+import DataBrokerBehaviourFactory from "../../../platform/zdata-source/frameworks/DataBrokerBehaviourFactory";
+import FormTranslator from "../../../platform/zform/adapters/presenter/FormTranslator";
+import ZFormBehaviourFactory from "../../../platform/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/form-connected/frameworks/FormConnectedView.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Form from "../../../library/dot/components/form/frameworks/ui/Form";
+
+function View(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    isLoading,
+    sections = []
+  } = state.viewModel;
+  return /*#__PURE__*/React.createElement(Form, {
+    getRef: ref,
+    isLoading: isLoading,
+    sections: sections
+  });
+}
+
+export default View;
+View.propTypes = {
+  state: PropTypes.shape({
+    viewModel: PropTypes.shape({
+      isLoading: PropTypes.bool,
+      sections: PropTypes.array
+    })
+  }).isRequired
+};

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/ColumnChooserOpenedController.js

@@ -0,0 +1,36 @@
+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 = this.getColumnChooserOptionsOrder(availableFields, selectedFields);
+    event.dispatch({
+      type: COLUMN_CHOOSER_BEHAVIOUR_OPENED,
+      payload: {
+        order: columnChooserOptionsOrder,
+        selectedArray: selectedFields
+      }
+    });
+  }
+
+  getColumnChooserOptionsOrder() {
+    let availableFields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let selectedFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    let searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    if (availableFields.length === 0 || selectedFields.length === 0) {
+      return [];
+    }
+
+    const columnChooserOptions = selectedFields.concat(availableFields.filter(field => !selectedFields.includes(field.name)).map(field => field.name));
+    return columnChooserOptions;
+  }
+
+}

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

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

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,6 +1,24 @@
 import { LIST_SELECTION_RECORDS_DESELECTED, LIST_SELECTION_RECORDS_SELECTED, LIST_SELECTION_SELECTION_LIMIT_EXCEEDED } from "../../../bc/list-selection/Constants";
+import { RESIZE_FINISHED } from "../../../bc/table-column-resizer/Constants";
+import { ZLIST_SORT } from "../../../bc/zlist/Constants";
+import { COLUMN_CHOOSER_BEHAVIOUR_UPDATED } from "../../../bc/column-chooser/Constants";
+import { COLUMN_CHOOSER_OPEN_REQUESTED } from "../../../cc/table-column-chooser/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 { ResizeFinishController } from "../adapters/controllers/ResizeFinishController";
+import ScrollController from "../adapters/controllers/ScrollController";
+import ColumnChooserUpdateController from "../adapters/controllers/ColumnChooserUpdateController";
+import ColumnChooserOpenedController from "../adapters/controllers/ColumnChooserOpenedController";
+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 => {
@@ -23,31 +41,48 @@ export default class EventHandlersFactory {
     }));
     return { ...wrapped,
       NAVIGATION: NavigationHandler,
-      [LIST_SELECTION_RECORDS_SELECTED]: _ref => {
+      [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: SmartTableConstants.Events.RECORDS_SELECTED,
+          type: ZLIST_SORT,
           payload: action.payload
         });
       },
-      [LIST_SELECTION_RECORDS_DESELECTED]: _ref2 => {
+      [TABLE_LIST_RESIZE_END_REQUESTED]: new ResizeEndController().handle,
+      [TABLE_LIST_SCROLLED]: new ScrollController().handle,
+      [COLUMN_CHOOSER_BEHAVIOUR_UPDATED]: new ColumnChooserUpdateController().handle,
+      [COLUMN_CHOOSER_OPEN_REQUESTED]: new ColumnChooserOpenedController().handle,
+      [LIST_SELECTION_RECORDS_SELECTED]: _ref2 => {
         let {
           action,
           dispatch
         } = _ref2;
         return dispatch({
-          type: SmartTableConstants.Events.RECORDS_DESELECTED,
+          type: SmartTableConstants.Events.RECORDS_SELECTED,
           payload: action.payload
         });
       },
-      [LIST_SELECTION_SELECTION_LIMIT_EXCEEDED]: _ref3 => {
+      [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/TableConnectedFactory.js

@@ -10,7 +10,11 @@ import TableConnectedView from "./TableConnectedView";
 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";
+import ColumnChooserBehaviourFactory from "../../../platform/column-chooser/frameworks/ColumnChooserBehaviourFactory";
+import KeyboardControlBehaviourFactory from "../../../library/behaviours/keyboard-controls/frameworks/KeyboardControlBehaviourFactory";
 export default class TableConnectedFactory {
   static create(_ref) {
     var _dataSource2;
@@ -23,7 +27,7 @@ export default class TableConnectedFactory {
       View = TableConnectedView
     } = _ref;
 
-    if (!dataSource) {
+    if (dataBroker) {
       console.warn('Desk Platform Warning: dataBroker is deprecated, use dataSource instead');
       dataSource = dataBroker;
     }
@@ -39,12 +43,13 @@ export default class TableConnectedFactory {
       properties: Properties,
       eventHandlers: EventHandlersFactory.create(eventHandlers),
       transformState: TableTranslator.transformState,
-      behaviours: [ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
+      behaviours: [TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), RecordBehaviourFactory.create(_dataSource.httpTemplates), ClientActionsBehaviourFactory.create({
         getClientActions: _dataSource.httpTemplates.getClientActions
       }), ZFieldBehaviourFactory.create({
         availableFields: _dataSource.httpTemplates.getAvailableFields,
+        updateSelectedFields: _dataSource.httpTemplates.updateSelectedFields,
         selectedFields: _dataSource.httpTemplates.getSelectedFields
-      }), ZListBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()]
+      }), ZListBehaviourFactory.create(), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()]
     });
   }
 

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

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

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;