@zohodesk/library-platform 1.1.6 → 1.1.7-exp.2

package/es/platform/zform/applications/usecases/ShowFieldUseCase.js

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ShowFieldUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      fieldName
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const form = repository.getFormEntity();
+    form.setFieldVisibility(fieldName, true);
+    presenter.updateFormResponse(form.toObject());
+  }
+
+}
+
+export default ShowFieldUseCase;

package/es/platform/zform/applications/usecases/ShowSectionUseCase.js

@@ -0,0 +1,19 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class ShowSectionUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      sectionName
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const form = repository.getFormEntity();
+    form.setSectionVisibility(sectionName, true);
+    presenter.updateFormResponse(form.toObject());
+  }
+
+}
+
+export default ShowSectionUseCase;

package/es/platform/zform/applications/usecases/SubmitUseCase.js

@@ -0,0 +1,29 @@
+import { ZFORM_SUBMIT } from "../../../../bc/zform/Symbol";
+import AbstractUseCase from "./AbstractUseCase";
+
+class SubmitUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      dispatch
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zformEntity = repository.getFormEntity(); // let zform = zformEntitiy.toObject();
+    // presenter.updateFormResponse(zform);
+
+    const context = { ...zformEntity.getContext()
+    };
+    dispatch({
+      type: ZFORM_SUBMIT,
+      payload: {
+        props: context
+      },
+      metaData: {}
+    });
+  }
+
+}
+
+export default SubmitUseCase;

package/es/platform/zform/applications/usecases/UpdateFieldUseCase.js

@@ -0,0 +1,22 @@
+import AbstractUseCase from "./AbstractUseCase";
+
+class UpdateFieldUseCase extends AbstractUseCase {
+  execute(input) {
+    const {
+      fieldName,
+      fieldProperties,
+      dispatch
+    } = input;
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const zformEntitiy = repository.getFormEntity();
+    zformEntitiy.updateFieldProperties(fieldName, fieldProperties);
+    let zform = zformEntitiy.toObject();
+    presenter.updateFormResponse(zform);
+  }
+
+}
+
+export default UpdateFieldUseCase;

package/es/platform/zform/domain/ZField.js

@@ -159,6 +159,20 @@ export default class ZField {
     return this.errorMessage;
   }
 
+  setProperties(fieldProperties) {
+    this.displayLabel = fieldProperties.displayLabel !== undefined ? fieldProperties.displayLabel : this.displayLabel;
+    this.i18NLabel = fieldProperties.i18NLabel !== undefined ? fieldProperties.i18NLabel : this.i18NLabel;
+    this.isMandatory = fieldProperties.isMandatory !== undefined ? fieldProperties.isMandatory : this.isMandatory;
+    this.isReadOnly = fieldProperties.isReadOnly !== undefined ? fieldProperties.isReadOnly : this.isReadOnly;
+    this.maxLength = fieldProperties.maxLength !== undefined ? fieldProperties.maxLength : this.maxLength;
+    this.isVisible = fieldProperties.isVisible !== undefined ? fieldProperties.isVisible : this.isVisible;
+    this.value = fieldProperties.value !== undefined ? fieldProperties.value : this.value;
+    this.errorMessage = fieldProperties.errorMessage !== undefined ? fieldProperties.errorMessage : this.errorMessage;
+    this.pickListValues = fieldProperties.pickListValues !== undefined ? fieldProperties.pickListValues : this.pickListValues;
+    this.defaultPickListValues = fieldProperties.defaultPickListValues !== undefined ? fieldProperties.defaultPickListValues : this.defaultPickListValues;
+    this.toolTip = fieldProperties.toolTip !== undefined ? fieldProperties.toolTip : this.toolTip;
+  }
+
   setErrorMessage(errorMessage) {
     this.errorMessage = errorMessage;
   }

package/es/platform/zform/domain/ZForm.js

@@ -146,6 +146,29 @@ export default class ZForm {
     this.isValidationRulesFetching = isValidationRulesFetching;
   }
 
+  getSectionId(_ref2) {
+    let {
+      fieldName,
+      sectionName
+    } = _ref2;
+
+    if (sectionName) {
+      for (let section of this.sections) {
+        if (section.getName() === sectionName) {
+          return section.getId();
+        }
+      }
+    }
+
+    for (let section of this.sections) {
+      for (let field of section.getFields()) {
+        if (field.getApiName() === fieldName) {
+          return section.getId();
+        }
+      }
+    }
+  }
+
   setSections(sections) {
     this.sections = sections;
   }
@@ -164,6 +187,42 @@ export default class ZForm {
     });
   }
 
+  getFieldValue(fieldName) {
+    let sectionId = this.getSectionId({
+      fieldName
+    });
+    let fieldValue = null;
+    this.sections.forEach(s => {
+      if (s.getId() === sectionId) {
+        s.getFields().forEach(f => {
+          if (f.getApiName() === fieldName) {
+            fieldValue = f.getValue();
+          }
+        });
+      }
+    });
+    return fieldValue;
+  }
+
+  updateFieldProperties(fieldName, fieldProperties) {
+    let sectionId = this.getSectionId({
+      fieldName
+    });
+    this.sections = this.sections.map(s => {
+      if (s.getId() === sectionId) {
+        s.getFields().map(f => {
+          if (f.getApiName() === fieldName) {
+            f.setProperties(fieldProperties);
+          }
+
+          return f;
+        });
+      }
+
+      return s;
+    });
+  }
+
   insertSectionAtPosition(section, position) {
     this.sections = [...this.sections.slice(0, position), section, ...this.sections.slice(position)];
   }
@@ -174,16 +233,29 @@ export default class ZForm {
     });
   }
 
-  toggleSectionVisibility(sectionId) {
+  setSectionVisibility(sectionName, isVisible) {
     this.sections = this.sections.map(s => {
-      if (s.getId() === sectionId) {
-        s.toggleVisibility();
+      if (s.getName() === sectionName) {
+        s.setVisibility(isVisible);
       }
 
       return s;
     });
   }
 
+  setFieldVisibility(fieldName, isVisible) {
+    this.sections = this.sections.map(s => {
+      s.getFields().map(f => {
+        if (f.getApiName() === fieldName) {
+          f.setVisibility(isVisible);
+        }
+
+        return f;
+      });
+      return s;
+    });
+  }
+
   appendFieldInSection(sectionId, field) {
     this.sections = this.sections.map(s => {
       if (s.getId() === sectionId) {
@@ -204,6 +276,16 @@ export default class ZForm {
     });
   }
 
+  getFieldId(fieldName) {
+    for (let section of this.sections) {
+      for (let field of section.getFields()) {
+        if (field.getApiName() === fieldName) {
+          return field.getId();
+        }
+      }
+    }
+  }
+
   deleteFields(fieldIds) {
     this.sections = this.sections.map(s => {
       s.deleteFields(fieldIds);

package/es/platform/zform/domain/ZSection.js

@@ -9,6 +9,7 @@ export default class ZSection {
       i18NLabel,
       isCustomSection,
       description,
+      isCollapsed,
       id,
       fields,
       // visibility
@@ -23,6 +24,8 @@ export default class ZSection {
 
     _defineProperty(this, "description", void 0);
 
+    _defineProperty(this, "isCollapsed", void 0);
+
     _defineProperty(this, "id", void 0);
 
     _defineProperty(this, "fields", void 0);
@@ -34,6 +37,8 @@ export default class ZSection {
     this.isCustomSection = isCustomSection;
     this.description = description || ''; // Default to empty string if not provided
 
+    this.isCollapsed = isCollapsed || false; // Default to false if not provided
+
     this.id = id;
     this.fields = fields; // this.visibility=visibility;
 
@@ -114,6 +119,7 @@ export default class ZSection {
       i18NLabel: this.i18NLabel,
       isCustomSection: this.isCustomSection,
       description: this.description,
+      isCollapsed: this.isCollapsed,
       id: this.id,
       fields: this.fields.map(field => {
         return field.toObject();

package/es/platform/zform/frameworks/layout-rules/calculateLayoutRulesResult.js

@@ -191,7 +191,7 @@ export function calculateLayoutRulesResult(state, formValues) {
   clearNotExistingData(hideFieldIds, isFieldExists);
   clearNotExistingData(showFieldIds, isFieldExists);
   clearNotExistingData(hideSectionIds, isSectionExists);
-  clearNotExistingData(hideSectionIds, isSectionExists);
+  clearNotExistingData(showSectionIds, isSectionExists);
   clearNotExistingData(removeMandatoryFieldIds, isFieldExists);
   clearNotExistingData(setMandatoryFieldIds, isFieldExists);
   return {

package/es/platform/zform/frameworks/layout-rules/runSingleFieldCondition.js

@@ -29,9 +29,9 @@ export function runSingleFieldCondition(_ref) {
   conditions.forEach((conditionObj, i) => {
     const {
       condition,
-      value,
       fieldName
     } = conditionObj;
+    const value = 'value' in conditionObj ? conditionObj.value : undefined;
 
     if (!fields[fieldName]) {
       isSomeFiledMissing = true;

package/es/platform/zform/frameworks/layout-rules/validator.js

@@ -312,7 +312,6 @@ export function validateCondition() {
               value[0] = getRelatedDateISOString(value[0], false);
               value[1] = getRelatedDateISOString(value[1], false);
             } else {
-              resultConditions;
               value = getRelatedDateISOString(value, false);
             }
           }

package/es/platform/zform/frameworks/ui/EventHandlerFactory.js

@@ -24,7 +24,8 @@ import { FIELD_VALIDATION_RESULT, VALIDATE_FIELDS_RESULT } from "../../../../bc/
 import SetFieldErrorMessageController from "../../adapters/controllers/SetFieldErrorMessageController";
 import LayoutRuleApplier from "../layout-rules/LayoutRuleApplier";
 import ValidateErrorMessageController from "../../adapters/controllers/ValidateErrorMessageController";
-import { CREATE_RECORD } from "../../../../bc/zrecord/Constants";
+import { CREATE_RECORD, RECORD_EXECUTE_FAIL_CALLBACK, RECORD_EXECUTE_SUCCESS_CALLBACK } from "../../../../bc/zrecord/Constants";
+import SmartFormConstants from "../../../../cc/form-connected/Constants";
 
 class EventHandlersFactory {
   static create(_ref) {
@@ -59,6 +60,26 @@ class EventHandlersFactory {
     return {
       [LifeCycleEvents.MOUNT]: initializeController.handle,
       [ZFORM_MY_LAYOUTS_SUCCESS]: myLayoutSuccessController.handle,
+      [RECORD_EXECUTE_SUCCESS_CALLBACK]: _ref2 => {
+        let {
+          action,
+          dispatch
+        } = _ref2;
+        dispatch({
+          type: "SMART_FORM#SUBMIT_SUCCESS",
+          payload: action.payload
+        });
+      },
+      [RECORD_EXECUTE_FAIL_CALLBACK]: _ref3 => {
+        let {
+          action,
+          dispatch
+        } = _ref3;
+        dispatch({
+          type: "SMART_FORM#SUBMIT_FAILED",
+          payload: action.payload
+        });
+      },
       [ZFORM_MY_FORM_REQUEST]: myFormRequestController.handle,
       [ZFORM_MY_FORM_SUCCESS]: myFormSuccessController.handle,
       [ZFORM_DEPENDENCY_MAPPINGS_REQUEST]: dependenciesRequestController.handle,
@@ -70,14 +91,15 @@ class EventHandlersFactory {
       [ZFORM_FIELD_VALUE_CHANGE_REQUEST]: fieldValueChangeController.handle,
       [ZFORM_SET_FIELD_ERROR_MESSAGE]: setFieldErrorMessageController.handle,
       [ZFORM_VALIDATE_FIELD_REQUEST]: validateFieldRequestController.handle,
+      [SmartFormConstants.SMART_FORM_SUBMIT_CLICKED]: formSubmitController.handle,
       [ZFORM_SUBMIT]: formSubmitController.handle,
-      [ZFORM_SUBMIT_SUCCESS]: _ref2 => {
+      [ZFORM_SUBMIT_SUCCESS]: _ref4 => {
         let {
           action,
           state,
           updateState,
           dispatch
-        } = _ref2;
+        } = _ref4;
         let formData = action.payload.formData;
         let moduleName = state.properties.moduleName;
         let record = {
@@ -98,13 +120,13 @@ class EventHandlersFactory {
           }
         });
       },
-      [ZFORM_VALIDATION_ERROR]: _ref3 => {
+      [ZFORM_VALIDATION_ERROR]: _ref5 => {
         let {
           action,
           state,
           updateState,
           dispatch
-        } = _ref3;
+        } = _ref5;
         let formData = { ...state.behaviours.zform.formData
         };
         Object.keys(action.payload).forEach(key => {
@@ -118,13 +140,13 @@ class EventHandlersFactory {
         });
       },
       [ZFORM_VALIDATE_SUBMIT_FIELD_HAS_ERROR_MESSAGE]: validateErrorMessageController.handle,
-      [FIELD_VALIDATION_RESULT]: _ref4 => {
+      [FIELD_VALIDATION_RESULT]: _ref6 => {
         let {
           action,
           state,
           updateState,
           dispatch
-        } = _ref4;
+        } = _ref6;
         let {
           validationResult,
           field
@@ -148,13 +170,13 @@ class EventHandlersFactory {
           });
         }
       },
-      [VALIDATE_FIELDS_RESULT]: _ref5 => {
+      [VALIDATE_FIELDS_RESULT]: _ref7 => {
         let {
           action,
           state,
           updateState,
           dispatch
-        } = _ref5;
+        } = _ref7;
         let {
           validationResults,
           fields
@@ -183,20 +205,20 @@ class EventHandlersFactory {
           }
         });
       },
-      [FormConstants.FORM_SUBMIT]: _ref6 => {
+      [FormConstants.FORM_SUBMIT]: _ref8 => {
         let {
           action,
           dispatch
-        } = _ref6;
+        } = _ref8;
         dispatch({
           type: ZFORM_SUBMIT
         });
       },
-      [FormConstants.FORM_FIELD_BLURRED]: _ref7 => {
+      [FormConstants.FORM_FIELD_BLURRED]: _ref9 => {
         let {
           action,
           dispatch
-        } = _ref7;
+        } = _ref9;
         dispatch({
           type: ZFORM_VALIDATE_FIELD_REQUEST,
           payload: {
@@ -204,11 +226,11 @@ class EventHandlersFactory {
           }
         });
       },
-      [FormConstants.FORM_FIELD_VALUE_CHANGE_REQUEST]: _ref8 => {
+      [FormConstants.FORM_FIELD_VALUE_CHANGE_REQUEST]: _ref10 => {
         let {
           action,
           dispatch
-        } = _ref8;
+        } = _ref10;
         const {
           sectionId,
           fieldName,

package/es/platform/zlist/adapters/presenters/TableTranslator.js

@@ -18,7 +18,7 @@ const fallbackToDefault = (value, defaultValue) => [undefined, null].includes(va
 
 export default class TableTranslator {
   static transformState(state) {
-    var _localStorageBehaviou, _localStorageBehaviou2;
+    var _preferences$rowActio, _localStorageBehaviou, _localStorageBehaviou2;
 
     const {
       behaviours,
@@ -92,6 +92,7 @@ export default class TableTranslator {
     } = mapClientActions(newClientActions || EMPTY_ARRAY);
     const isRowClickable = noLocation.some(action => action.uiComponentMapping.eventMappings.some(mapping => mapping.sourceEvent === TableListConstants.TABLE_LIST_ROW_CLICKED));
     const rowCursor = isRowClickable ? RowCursor.Pointer : RowCursor.Default;
+    const rowActionsWidth = preferences === null || preferences === void 0 ? void 0 : (_preferences$rowActio = preferences.rowActions) === null || _preferences$rowActio === void 0 ? void 0 : _preferences$rowActio.width;
     const {
       moduleName,
       viewId
@@ -126,7 +127,7 @@ export default class TableTranslator {
         rowActionsConfig: {
           hasActions: Boolean(rowActions === null || rowActions === void 0 ? void 0 : rowActions.length),
           // Boolean(newRowActions?.length),
-          columnWidth: ColumnWidth.XSmall
+          columnWidth: typeof rowActionsWidth === 'number' ? rowActionsWidth : ColumnWidth.XSmall
         },
         keyboardControlsConfig,
         isLoading,

package/es/platform/zlist/applications/usecases/RecordSuccessCallbackUsecase.js

@@ -30,8 +30,11 @@ class RecordSuccessCallbackUsecase extends AbstractUseCase {
         type: SET_RECORDS,
         payload: {
           records: reordered
+        },
+        metaData: {
+          isReOrder: true
         }
-      });
+      }); // dispatch({ type: "SMART_TABLE#RECORD_REORDER_SUCCESSED", payload: { records: reordered } });
     }
 
     if (list.isAcknowledgeBySortBy(metaData)) {

package/es/platform/zlist/domain/entities/List.js

@@ -1,6 +1,6 @@
 import { RECORD_EXECUTE, RECORD_FETCH_MORE, RECORD_REFETCH, RecordApiActionName } from "../../../../bc/zrecord/Constants";
 import { FIELD_EXECUTE, FIELD_REFETCH } from "../../../../bc/zfield/Constants";
-import { ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE_SUCCEEDED } from "../../../../bc/zlist/Constants";
+import { CLIENT_ACTION_TABLE_LIST_COMPONENT_NAME, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE_SUCCEEDED } from "../../../../bc/zlist/Constants";
 import { CLIENTACTION_BEHAVIOUR_EXECUTE } from "../../../client-actions/bc/zclient-actions/Constants";
 import { SmartTableConstants } from "../../../../cc/table-connected";
 import SortBy from "./SortBy";
@@ -184,14 +184,18 @@ class List {
   getDeleteSuccessAction(recordIds) {
     return {
       type: SmartTableConstants.Events.DELETE_RECORDS_SUCCESS,
-      payload: recordIds
+      payload: {
+        recordIds: [recordIds]
+      }
     };
   }
 
   getUpdateSuccessAction(recordId) {
     return {
       type: SmartTableConstants.Events.UPDATE_RECORDS_SUCCESS,
-      payload: recordId
+      payload: {
+        recordId: recordId
+      }
     };
   }
 
@@ -316,6 +320,8 @@ class List {
 
   createClientActionsFetchAction() {
     const props = this.createApiProps();
+    props.components = CLIENT_ACTION_TABLE_LIST_COMPONENT_NAME;
+    props.modules = props.moduleName;
     return {
       type: CLIENTACTION_BEHAVIOUR_EXECUTE,
       payload: {

package/es/platform/zrecord/adapters/controllers/CreateRecordController.js

@@ -7,6 +7,9 @@ export default class CreateRecordController extends AbstractController {
       action,
       dispatch
     } = event;
+    const {
+      properties
+    } = state;
     const {
       payload
     } = action;
@@ -21,7 +24,8 @@ export default class CreateRecordController extends AbstractController {
     createRecordUseCase.execute({
       record,
       moduleName,
-      dispatch
+      dispatch,
+      context: properties.context
     });
   }
 

package/es/platform/zrecord/adapters/controllers/SetRecordsController.js

@@ -8,10 +8,12 @@ export default class SetRecordsController {
       const {
         state,
         updateState,
-        action
+        action,
+        dispatch
       } = event;
       const {
-        payload
+        payload,
+        metaData
       } = action;
       const {
         records
@@ -21,7 +23,9 @@ export default class SetRecordsController {
       } = this.service;
       setRecordsUseCase.updateDependency(state, updateState);
       setRecordsUseCase.execute({
-        records
+        records,
+        metaData,
+        dispatch
       });
     });
   }

package/es/platform/zrecord/applications/usecases/CreateRecordUseCase.js

@@ -11,14 +11,16 @@ class CreateRecordUseCase extends AbstractUseCase {
     const {
       record,
       dispatch,
-      moduleName
+      moduleName,
+      context
     } = input;
     const recordManager = repository.getRecordsManagerEntity();
     const recordEntity = RecordFactory.createSingleRecord(record);
     let meta = recordManager.createRecordMeta(recordEntity);
-    dispatch(recordManager.createDataBrokerExecuteEvent({
+    dispatch(recordManager.createDataSourceExecuteEvent({
       record: recordEntity.toObject(),
-      moduleName
+      moduleName,
+      ...context
     }, RecordApiActionName.CREATE_RECORD, meta));
     presenter.updateRecord(recordManager.toObject());
   }

package/es/platform/zrecord/applications/usecases/SetRecordsUseCase.js

@@ -1,5 +1,6 @@
 import AbstractUseCase from "./AbstractUseCase";
 import RecordFactory from "../entities-factory/RecordFactory";
+import { SET_RECORDS_SUCCESS } from "../../../../bc/zrecord/Constants";
 
 class SetRecordsUseCase extends AbstractUseCase {
   execute(input) {
@@ -8,12 +9,21 @@ class SetRecordsUseCase extends AbstractUseCase {
       repository
     } = this.dependencies;
     const {
-      records
+      records,
+      metaData,
+      dispatch
     } = input;
     const recordManager = repository.getRecordsManagerEntity();
     const recordsEntity = RecordFactory.createMultipleRecords(records);
     recordManager.setRecords(recordsEntity);
     presenter.updateRecord(recordManager.toObject());
+    dispatch({
+      type: SET_RECORDS_SUCCESS,
+      metaData,
+      payload: {
+        records
+      }
+    });
   }
 
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.6",
+  "version": "1.1.7-exp.2",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -16,9 +16,10 @@
     "cssVariableConvert": "react-cli variableConverter ./es ./es",
     "clean": "react-cli clean ./es",
     "build": "npm run clean && react-cli  build:library:es",
+    "build:css": "npm run build && npm run rtl && npm run cssVariableConvert",
     "build:watch": "npm run clean && npm run build -- -w",
     "test": "jest",
-    "prepare": "npm run clean && npm run build && npm run rtl && npm run cssVariableConvert",
+    "prepare": "npm run clean && npm run build:css",
     "publish:alpha": "npm publish --tag alpha",
     "publish:beta": "npm publish --tag beta",
     "publish:exp": "npm publish --tag experimental",
@@ -43,7 +44,7 @@
     "@types/react": "18.2.55",
     "@typescript-eslint/parser": "^7.11.0",
     "@zoho/SecurityJS": "5.0.2",
-    "@zohodesk-private/css-variable-migrator": "^1.0.7",
+    "@zohodesk-private/css-variable-migrator": "^1.0.8",
     "@zohodesk-private/desk-components": "1.0.0-temp-53.3",
     "@zohodesk-private/node-plugins": "1.1.9",
     "@zohodesk/a11y": "2.2.6",
@@ -51,8 +52,8 @@
     "@zohodesk/codestandard-validator": "0.0.4",
     "@zohodesk/components": "1.2.62",
     "@zohodesk/dot": "1.7.8",
-    "@zohodesk/eslint-plugin-architecturerules": "0.0.5-exp-3",
-    "@zohodesk/eslint-plugin-no-hardcoding": "1.0.6",
+    "@zohodesk/eslint-plugin-architecturerules": "0.0.6-exp-4",
+    "@zohodesk/eslint-plugin-no-hardcoding": "1.0.6-platform-1",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.0.72",
     "@zohodesk/layout": "3.1.0",
@@ -72,6 +73,7 @@
     "jsep": "^0.3.5",
     "prettier": "3.3.3",
     "react-sortable-hoc": "1.11.0",
+    "stylelint-config-standard": "^38.0.0",
     "ts-jest": "29.2.6",
     "typescript": "4.9.5"
   },
@@ -96,4 +98,4 @@
     "jsep": "0.3.5",
     "object-path-immutable": "4.1.2"
   }
-}
+}