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

package/es/library/dot/components/form-fields/email/frameworks/ui/EmailView.js

@@ -21,6 +21,7 @@ function EmailView(_ref, ref) {
     required
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_email",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

package/es/library/dot/components/form-fields/multi-select/frameworks/ui/MultiSelectView.js

@@ -27,6 +27,7 @@ function MultiSelectView(_ref, ref) {
     actions
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_multiselect",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

package/es/library/dot/components/form-fields/number/frameworks/ui/NumberView.js

@@ -21,6 +21,7 @@ function NumberView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_number",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

package/es/library/dot/components/form-fields/percentage/frameworks/ui/PercentageView.js

@@ -21,6 +21,7 @@ function PercentageView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_percentage",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

package/es/library/dot/components/form-fields/phone/frameworks/ui/PhoneView.js

@@ -21,6 +21,7 @@ function PhoneView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_phone",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

package/es/library/dot/components/form-fields/pick-list/frameworks/ui/PickListView.js

@@ -27,6 +27,7 @@ function PickListView(_ref, ref) {
     actions
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_picklist",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

package/es/library/dot/components/form-fields/textarea/frameworks/ui/TextAreaView.js

@@ -21,6 +21,7 @@ function TextAreaView(_ref, ref) {
     required
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_textarea",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

package/es/library/dot/components/form-fields/textbox/frameworks/ui/TextBoxView.js

@@ -21,6 +21,7 @@ function TextBoxView(_ref, ref) {
     required
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_textbox",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

package/es/library/dot/components/form-fields/url/frameworks/ui/UrlView.js

@@ -21,6 +21,7 @@ function UrlView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_url",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

package/es/library/dot/components/section/frameworks/ui/EventHandlerFactory.js

@@ -4,12 +4,13 @@ import FieldConstants from "../../../../../../cc/fields/field/Constants";
 class EventHandlersFactory {
   static create() {
     return {
+      [FieldConstants.FIELD_FOCUSED]: this.handleFieldFocused,
       [FieldConstants.FIELD_BLURRED]: this.handleFieldBlurred,
       [FieldConstants.FIELD_CHANGED]: this.handleFieldChanged
     };
   }
 
-  static handleFieldBlurred(_ref) {
+  static handleFieldFocused(_ref) {
     let {
       action,
       state,
@@ -22,7 +23,7 @@ class EventHandlersFactory {
       fieldName
     } = action.payload;
     dispatch({
-      type: SectionConstants.SECTION_FIELD_BLURRED,
+      type: SectionConstants.SECTION_FIELD_FOCUSED,
       payload: {
         id,
         fieldName
@@ -31,7 +32,7 @@ class EventHandlersFactory {
     });
   }
 
-  static handleFieldChanged(_ref2) {
+  static handleFieldBlurred(_ref2) {
     let {
       action,
       state,
@@ -40,6 +41,28 @@ class EventHandlersFactory {
     const {
       id
     } = state.properties;
+    const {
+      fieldName
+    } = action.payload;
+    dispatch({
+      type: SectionConstants.SECTION_FIELD_BLURRED,
+      payload: {
+        id,
+        fieldName
+      },
+      metaData: {}
+    });
+  }
+
+  static handleFieldChanged(_ref3) {
+    let {
+      action,
+      state,
+      dispatch
+    } = _ref3;
+    const {
+      id
+    } = state.properties;
     const {
       fieldName,
       value

package/es/library/dot/components/table-list/frameworks/hooks/useRowData.js

@@ -1,8 +1,15 @@
-import { useState, useEffect } from 'react';
+import { useState, useMemo, useRef } from 'react';
 export function useRowData(rows) {
-  const [rowData, setRowData] = useState(rows);
-  useEffect(() => {
-    setRowData(rows);
+  const rowRef = useRef(null);
+  useMemo(() => {
+    rowRef.current = rows;
   }, [rows]);
-  return [rowData, setRowData];
+  const [, forceUpdate] = useState(rows);
+
+  function setRowData(rows) {
+    rowRef.current = rows;
+    forceUpdate(rows);
+  }
+
+  return [rowRef.current, setRowData];
 }

package/es/library/dot/components/table-list/frameworks/ui/css/TableList.module.css

@@ -26,7 +26,7 @@
 
 /* Keyboard only */
 .tableListRow-kbd {
-    --local-tableList-reorder-left: 8px;
+    /*  */
 }
 
 /* Reorder + Selection, no Keyboard */
@@ -205,13 +205,13 @@
 }
 
 [dir=ltr] .dragHandleWrapper {
-    left: var(--local-tableList-reorder-left, var(--zd_size0));
-    padding: 0 var(--local-tableList-reorder-paddingRight, var(--zd_size0)) 0 var(--local-tableList-reorder-paddingLeft, var(--zd_size0));
+    left: var(--local-tableList-reorder-left, 0);
+    padding: 0 var(--local-tableList-reorder-paddingRight, 0) 0 var(--local-tableList-reorder-paddingLeft, 0);
 }
 
 [dir=rtl] .dragHandleWrapper {
-    right: var(--local-tableList-reorder-left, var(--zd_size0));
-    padding: 0 var(--local-tableList-reorder-paddingLeft, var(--zd_size0)) 0 var(--local-tableList-reorder-paddingRight, var(--zd_size0));
+    right: var(--local-tableList-reorder-left, 0);
+    padding: 0 var(--local-tableList-reorder-paddingLeft, 0) 0 var(--local-tableList-reorder-paddingRight, 0);
 }
 
 .rowDropIndicator {
@@ -233,7 +233,6 @@
 
 .row {
     --local_padding_left: var(--local-tableList-row-paddingLeft);
-    --local_margin_right: var(--local-tableList-row-marginRight);
 }
 
 .tableListSelectContainer {
@@ -242,15 +241,15 @@
 }
 
 [dir=ltr] .tableListSelectContainer {
-    left: var(--local-tableList-selectionColumn-left, var(--zd_size0));
-    padding-left: var(--local-tableList-selectionColumn-paddingLeft, var(--zd_size0));
-    padding-right: var(--local-tableList-selectionColumn-paddingRight, var(--zd_size0));
+    left: var(--local-tableList-selectionColumn-left, 0);
+    padding-left: var(--local-tableList-selectionColumn-paddingLeft, 0);
+    padding-right: var(--local-tableList-selectionColumn-paddingRight, 0);
 }
 
 [dir=rtl] .tableListSelectContainer {
-    right: var(--local-tableList-selectionColumn-left, var(--zd_size0));
-    padding-right: var(--local-tableList-selectionColumn-paddingLeft, var(--zd_size0));
-    padding-left: var(--local-tableList-selectionColumn-paddingRight, var(--zd_size0));
+    right: var(--local-tableList-selectionColumn-left, 0);
+    padding-right: var(--local-tableList-selectionColumn-paddingLeft, 0);
+    padding-left: var(--local-tableList-selectionColumn-paddingRight, 0);
 }
 
 .header {
@@ -262,13 +261,13 @@
 }
 
 [dir=ltr] .reOrderHeader {
-    left: var(--local-tableList-reorderHeader-left, var(--zd_size0));
-    padding-right: var(--local-tableList-reorderHeader-paddingRight, var(--zd_size0));
+    left: var(--local-tableList-reorderHeader-left, 0);
+    padding-right: var(--local-tableList-reorderHeader-paddingRight, 0);
 }
 
 [dir=rtl] .reOrderHeader {
-    right: var(--local-tableList-reorderHeader-left, var(--zd_size0));
-    padding-left: var(--local-tableList-reorderHeader-paddingRight, var(--zd_size0));
+    right: var(--local-tableList-reorderHeader-left, 0);
+    padding-left: var(--local-tableList-reorderHeader-paddingRight, 0);
 }
 
 .massActionHeader {
@@ -276,11 +275,11 @@
 }
 
 [dir=ltr] .massActionHeader {
-    left: var(--local-tableList-massActionHeader-left, var(--zd_size0));
-    padding-right: var(--local-tableList-massActionHeader-paddingRight, var(--zd_size0));
+    left: var(--local-tableList-massActionHeader-left, 0);
+    padding-right: var(--local-tableList-massActionHeader-paddingRight, 0);
 }
 
 [dir=rtl] .massActionHeader {
-    right: var(--local-tableList-massActionHeader-left, var(--zd_size0));
-    padding-left: var(--local-tableList-massActionHeader-paddingRight, var(--zd_size0));
+    right: var(--local-tableList-massActionHeader-left, 0);
+    padding-left: var(--local-tableList-massActionHeader-paddingRight, 0);
 }

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

@@ -1,4 +1,12 @@
+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 => {
@@ -14,11 +22,70 @@ function createHandlerWithSdk(handler) {
 }
 
 export default class EventHandlersFactory {
-  static create(eventHandlers) {
+  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/table-connected/adapters/controllers/ColumnChooserOpenedController.js

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

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

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

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

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

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

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