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

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

@@ -1,22 +1,42 @@
-/* eslint-disable max-lines-per-function */
+// /* eslint-disable max-lines-per-function */
+import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
 export default class FormSdkFactory {
+  static getFormSdks(smartForm) {
+    return {
+      hideSection: sectionName => smartForm.hideSection(sectionName),
+      showSection: sectionName => smartForm.showSection(sectionName),
+      hideField: fieldName => smartForm.hideField(fieldName),
+      showField: fieldName => smartForm.showField(fieldName),
+      setFieldValue: (fieldName, newValue) => smartForm.setFieldValue(fieldName, newValue),
+      setFieldsValue: fieldsValuesObj => smartForm.setFieldsValue(fieldsValuesObj),
+      insertField: input => smartForm.insertField(input),
+      deleteField: fieldName => smartForm.deleteField(fieldName),
+      updateField: (fieldName, fieldProperties) => smartForm.updateField(fieldName, fieldProperties),
+      getFieldValue: fieldName => smartForm.getFieldValue(fieldName),
+      submit: () => smartForm.submit()
+    };
+  }
+
   static create(_ref) {
     let {
-      state
+      instanceName
     } = _ref;
+    const smartForm = platformSDK[ResourceNamesEnum.SMART_FORM](instanceName);
+    const formSdks = FormSdkFactory.getFormSdks(smartForm);
     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);
-          return field ? field.value : null;
-        },
-        getFieldValidationResult: name => {
-          let field = state.behaviours.zform.sections.flatMap(section => section.fields).find(field => field.name === name);
-          return field ? field.errorMessage : null;
-        }
+        hideSection: formSdks.hideSection,
+        showSection: formSdks.showSection,
+        hideField: formSdks.hideField,
+        showField: formSdks.showField,
+        setFieldValue: formSdks.setFieldValue,
+        setFieldsValue: formSdks.setFieldsValue,
+        insertField: formSdks.insertField,
+        deleteField: formSdks.deleteField,
+        updateField: formSdks.updateField,
+        getFieldValue: formSdks.getFieldValue,
+        submit: formSdks.submit
       }
     };
   }

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

@@ -17,53 +17,11 @@ import UpdateMultipleRecordUseCase from "../../../../zlist/applications/usecases
 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(),
@@ -102,16 +60,6 @@ export class SmartTableResource extends AbstractResource {
     return usecase;
   }
 
-  createCallback() {
-    let temp = null;
-    return {
-      setData: data => {
-        temp = data;
-      },
-      getData: () => temp
-    };
-  }
-
   getRecords() {
     const {
       getData,

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

@@ -16,6 +16,7 @@ import ColumnChooserUpdateController from "../adapters/controllers/ColumnChooser
 import ColumnChooserOpenedController from "../adapters/controllers/ColumnChooserOpenedController";
 import { platformSDK } from "../../../sdk/frameworks/Sdk";
 import ErrorEventHandlersFactory from "./ErrorEventHandlersFactory";
+import { i18NProviderUtils } from '@zohodesk/i18n';
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
@@ -34,7 +35,9 @@ function createHandlerWithSdk(handler) {
       platformSDK
     }, ListSdkFactory.create({
       instanceName
-    }));
+    }), {
+      i18n: i18NProviderUtils.getI18NValue
+    });
   };
 }
 

package/es/platform/page/index.js

@@ -0,0 +1,46 @@
+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 { sdkRegistry } from "../sdk/frameworks/SdkRegistry";
+
+class AbstractPageResource {
+  constructor() {
+    _defineProperty(this, "dependencies", void 0);
+  }
+
+  initialize() {// Initialization logic for the page resource
+  }
+
+  updateDependencies(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+  destroy() {// Cleanup logic for the page resource
+  }
+
+}
+
+class PageResource extends AbstractPageResource {
+  constructor(instanceName) {
+    super();
+    this.instanceName = instanceName;
+  } // Implement methods to interact with the page resource
+
+
+  getInstanceName() {
+    return this.instanceName;
+  } // Add more methods as needed for page resource management
+
+
+}
+
+export function initializePageSdk() {
+  sdkRegistry.registerResource({
+    resourceName: 'page',
+    resource: PageResource
+  });
+  sdkRegistry.createResourceInstance({
+    resourceName: 'page',
+    instanceName: 'module'
+  });
+}
+export { PageResource };

package/es/platform/sdk/adapters/gateways/Service.js

@@ -5,6 +5,7 @@ import { DestructResourceInstanceUseCase } from "../../application/usecases/Dest
 import { GetResourceInstanceUseCase } from "../../application/usecases/GetResourceInstanceUseCase";
 import { RegisterResourceUseCase } from "../../application/usecases/RegisterResourceUseCase";
 import { SyncStateWithResourceUseCase } from "../../application/usecases/SyncStateWithResourceUseCase";
+import GetResourcesUseCase from "../../application/usecases/GetResourcesUseCase";
 export class Service {
   constructor(dependencies) {
     _defineProperty(this, "createResourceInstanceUseCase", void 0);
@@ -17,11 +18,14 @@ export class Service {
 
     _defineProperty(this, "getResourceInstanceUseCase", void 0);
 
+    _defineProperty(this, "getResourcesUseCase", void 0);
+
     this.createResourceInstanceUseCase = new CreateResourceInstanceUseCase(dependencies);
     this.destructResourceInstanceUseCase = new DestructResourceInstanceUseCase(dependencies);
     this.syncStateWithResourceUseCase = new SyncStateWithResourceUseCase(dependencies);
     this.registerResourceUseCase = new RegisterResourceUseCase(dependencies);
     this.getResourceInstanceUseCase = new GetResourceInstanceUseCase(dependencies);
+    this.getResourcesUseCase = new GetResourcesUseCase(dependencies);
   }
 
 }

package/es/platform/sdk/application/interfaces/gateways/AbstractResource.js

@@ -1,6 +1,7 @@
 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; }
 
-// export { SdkResourceDependencies };
+import ErrorPrinter from "../../../../components/table-connected/adapters/resources/ErrorPrinter";
+import Validator from "../../../../../library/custom-component/frameworks/json-schema-validator/Validator";
 export class AbstractResource {
   constructor() {
     _defineProperty(this, "dependencies", void 0);
@@ -10,4 +11,54 @@ export class AbstractResource {
     this.dependencies = dependencies;
   }
 
+  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
+        }
+      };
+    }
+  }
+
+  createCallback() {
+    let temp = null;
+    return {
+      setData: data => {
+        temp = data;
+      },
+      getData: () => temp
+    };
+  }
+
 }

package/es/platform/sdk/application/usecases/GetResourcesUseCase.js

@@ -0,0 +1,15 @@
+import { AbstractUseCase } from "./AbstractUseCase";
+
+class GetResourcesUseCase extends AbstractUseCase {
+  execute() {
+    const {
+      repository,
+      presenter
+    } = this.dependencies;
+    const resourceManger = repository.getResourceManager();
+    presenter.presentData(resourceManger.getResources());
+  }
+
+}
+
+export default GetResourcesUseCase;

package/es/platform/sdk/domain/entities/ResourceManager.js

@@ -15,6 +15,10 @@ export class ResourceManager {
     return ((_resourceInstances$re = resourceInstances[resourceName]) === null || _resourceInstances$re === void 0 ? void 0 : _resourceInstances$re[instanceName]) || null;
   }
 
+  getResources() {
+    return this.resources;
+  }
+
   createResourceInstance(resourceName, instanceName) {
     const {
       resourceInstances,

package/es/platform/sdk/frameworks/Sdk.js

@@ -6,6 +6,13 @@ export const platformSDK = {
       resourceName: ResourceNamesEnum.SMART_TABLE,
       instanceName
     });
+  },
+
+  [ResourceNamesEnum.SMART_FORM](instanceName) {
+    return sdkRegistry.getResourceInstance({
+      resourceName: ResourceNamesEnum.SMART_FORM,
+      instanceName: instanceName
+    });
   }
 
 };

package/es/platform/sdk/frameworks/SdkRegistry.js

@@ -68,5 +68,14 @@ export class SdkManager {
     return this.presentedData;
   }
 
+  getResources() {
+    const {
+      getResourcesUseCase
+    } = this.service;
+    getResourcesUseCase.updateDependencies(this.state, this.setPresentedData);
+    getResourcesUseCase.execute({});
+    return this.presentedData;
+  }
+
 }
 export const sdkRegistry = new SdkManager();

package/es/platform/zform/adapters/presenter/FormTranslator.js

@@ -1,64 +1,108 @@
+import ClientActionsTranslator from "../../../client-actions/translators/client-actions-translator";
 import SectionTranslator from "./translators/SectionTranslator";
-let fieldTypeToUIType = {
-  Text: 'TextBox',
-  Textarea: 'TextArea',
-  Boolean: 'Checkbox',
-  URL: 'Url',
-  Picklist: 'PickList',
-  AutoNumber: 'TextBox',
-  Number: 'Number',
-  Decimal: 'Decimal',
-  Email: 'Email',
-  Phone: 'Phone',
-  Currency: 'Currency',
-  Percent: 'Percentage',
-  Date: 'Date',
-  DateTime: 'DateTime',
-  Multiselect: 'MultiSelect',
-  LookUp: 'TextBox'
-};
-const ePHIFields = {
-  Text: true,
-  Textarea: true,
-  URL: true,
-  Picklist: true,
-  Number: true,
-  Decimal: true,
-  Email: false,
-  Phone: true,
-  Currency: false,
-  Percent: true,
-  AutoNumber: false,
-  Date: false,
-  DateTime: false,
-  Multiselect: false,
-  Boolean: false,
-  LookUp: false
-};
+import DefaultFormClientActions from "./utils/DefaultClientActions";
 export default class FormTranslator {
   static transformState(state) {
-    let uiMapping = state.properties.uiMapping;
+    const {
+      componentMapping,
+      context,
+      isHeaderEnabled = true,
+      isFooterEnabled = true,
+      submitConfig = {
+        text: "Submit",
+        isEnabled: true
+      },
+      cancelConfig = {
+        text: "Cancel",
+        isEnabled: true
+      }
+    } = state.properties;
+    const {
+      zform,
+      zclientAction
+    } = state.behaviours;
+    const {
+      clientActions,
+      isFetching: isClientActionsFetching
+    } = zclientAction || {};
+    let combinedClientActions = DefaultFormClientActions({
+      clientActions,
+      submitConfig,
+      cancelConfig
+    });
+    const mappedClientActions = mapper(combinedClientActions || []);
+    const transformedClientActions = {};
+    Object.entries(mappedClientActions).forEach(_ref => {
+      let [key, value] = _ref;
 
-    if (state.behaviours.zform.isMyFormFetching || state.behaviours.zform.isDependencyFetching || state.behaviours.zform.isLayoutRulesFetching || state.behaviours.zform.isValidationRulesFetching) {
+      if (isFooterEnabled && (key === 'footerRightActions' || key === 'footerLeftActions')) {
+        let footerActions = ClientActionsTranslator.transform(value, context);
+        transformedClientActions[key] = footerActions;
+      }
+
+      if (isHeaderEnabled && (key === 'headerLeftActions' || key === 'headerRightActions')) {
+        let headerActions = ClientActionsTranslator.transform(value, context);
+        transformedClientActions[key] = headerActions;
+      }
+    });
+    const {
+      headerLeftActions,
+      headerRightActions,
+      footerLeftActions,
+      footerRightActions
+    } = transformedClientActions;
+    const {
+      isMyFormFetching,
+      isDependencyFetching,
+      isLayoutRulesFetching,
+      isValidationRulesFetching,
+      sections
+    } = zform;
+    const isLoading = isMyFormFetching || isDependencyFetching || isLayoutRulesFetching || isValidationRulesFetching;
+
+    if (isLoading) {
+      return { ...state,
+        viewModel: {
+          isLoading: true
+        }
+      };
+    }
+
+    if (isLoading) {
       return { ...state,
         viewModel: {
           isLoading: true
         }
       };
     } else {
-      let sections = SectionTranslator({
-        state,
-        fieldTypeToUIType,
-        ePHIFields,
-        uiMapping
-      });
       return { ...state,
+        ...zclientAction,
         viewModel: {
-          sections,
+          sections: sections.map(section => {
+            const sectionViewModel = SectionTranslator({
+              section,
+              componentMapping,
+              context
+            });
+            return sectionViewModel;
+          }),
+          isHeaderEnabled,
+          isFooterEnabled,
+          headerLeftActions,
+          headerRightActions,
+          footerLeftActions,
+          footerRightActions,
           isLoading: false
         }
       };
     }
   }
 
-}
+}
+
+const mapper = clientAction => ({
+  headerLeftActions: clientAction.filter(action => action.location === 'header_left_actions'),
+  headerRightActions: clientAction.filter(action => action.location === 'header_right_actions'),
+  footerLeftActions: clientAction.filter(action => action.location === 'footer_left_actions'),
+  footerRightActions: clientAction.filter(action => action.location === 'footer_right_actions')
+});

package/es/platform/zform/adapters/presenter/translators/SectionTranslator.js

@@ -1,32 +1,51 @@
+import { DefaultFormSectionUIType, fieldTypeToUIType } from "../../../../../cc/fields/field/FormDefaultUIType";
 import * as FieldTranslators from "./fields";
 
-const SectionTranslator = _ref => {
+function SectionTranslator(_ref) {
+  var _componentMapping$sec;
+
   let {
-    state,
-    fieldTypeToUIType,
-    ePHIFields,
-    uiMapping
+    section,
+    componentMapping,
+    context
   } = _ref;
-  let sections = state.behaviours.zform.sections.map(section => {
-    return {
-      type: uiMapping.sections[section.id],
-      id: section.id + '',
-      title: section.i18NLabel,
-      description: section.description,
-      //section.description,
-      // isVisible: section.visibility,
-      isVisible: section.isVisible,
-      fields: section.fields.map(field => {
-        const fieldTranslator = FieldTranslators[field.type];
-        let type = uiMapping.fields[field.apiName] || fieldTypeToUIType[field.type];
-        return fieldTranslator({
-          field,
-          type
-        });
-      })
-    };
-  });
-  return sections;
-};
+  const mapping = componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$sec = componentMapping.sections) === null || _componentMapping$sec === void 0 ? void 0 : _componentMapping$sec[section.name];
+  const defaultViewModel = {
+    type: mapping !== null && mapping !== void 0 && mapping.UIComponentName ? mapping.UIComponentName : DefaultFormSectionUIType,
+    id: section.id + '',
+    name: section.name,
+    title: section.i18NLabel,
+    description: section.description,
+    isCollapsed: section.isCollapsed,
+    isVisible: section.isVisible,
+    fields: section.fields.map(field => {
+      var _componentMapping$fie;
+
+      const fieldTranslator = FieldTranslators[field.type];
+      const {
+        UIComponentName,
+        translator
+      } = (componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$fie = componentMapping.fields) === null || _componentMapping$fie === void 0 ? void 0 : _componentMapping$fie[field.apiName]) || {};
+      const type = UIComponentName || fieldTypeToUIType[field.type];
+      const viewModel = fieldTranslator({
+        field,
+        type
+      });
+      return translator ? translator({
+        context,
+        field: viewModel
+      }) : viewModel;
+    })
+  };
+
+  if (mapping !== null && mapping !== void 0 && mapping.translator) {
+    return mapping.translator({
+      section: defaultViewModel,
+      context
+    });
+  }
+
+  return defaultViewModel;
+}
 
 export default SectionTranslator;

package/es/platform/zform/adapters/presenter/translators/interfaces/ComponentMapping.js

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

package/es/platform/zform/adapters/presenter/translators/interfaces/FieldContract.js

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

package/es/platform/zform/adapters/presenter/translators/interfaces/FormTranslatorState.js

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

package/es/platform/zform/adapters/presenter/translators/interfaces/SectionContract.js

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

package/es/platform/zform/adapters/presenter/utils/DefaultClientActions.js

@@ -0,0 +1,59 @@
+function getDefaultFormAction(_ref) {
+  let {
+    type,
+    text,
+    isEnabled
+  } = _ref;
+  const isSubmit = type === "submit";
+  return {
+    id: isSubmit ? "4000000080010" : "4000000080013",
+    name: "FORM ACTION",
+    component: "form",
+    location: "footer_left_actions",
+    uiComponentMapping: {
+      id: isSubmit ? "4000000080011" : "4000000080014",
+      name: isSubmit ? "Submit Button" : "Cancel Button",
+      component: "Button",
+      propertiesValueMapping: {
+        text: text || (isSubmit ? "Submit" : "Cancel"),
+        palette: isSubmit ? "primaryFilled" : "secondary"
+      },
+      eventMappings: [{
+        id: isSubmit ? "4000000080012" : "4000000080015",
+        sourceEvent: "BUTTON#CLICKED",
+        targetEvent: isSubmit ? "SMART_FORM#SUBMIT_CLICKED" : "SMART_FORM#CANCEL_CLICKED",
+        payloadValueMapping: {}
+      }]
+    },
+    modules: ["static_module"],
+    conditions: {
+      fields: [],
+      pattern: ""
+    }
+  };
+}
+
+export default function DefaultFormClientActions(props) {
+  const {
+    submitConfig,
+    cancelConfig,
+    clientActions = []
+  } = props;
+  const finalClientActions = [];
+
+  if (submitConfig !== null && submitConfig !== void 0 && submitConfig.isEnabled) {
+    finalClientActions.push(getDefaultFormAction({
+      type: "submit",
+      ...submitConfig
+    }));
+  }
+
+  if (cancelConfig !== null && cancelConfig !== void 0 && cancelConfig.isEnabled) {
+    finalClientActions.push(getDefaultFormAction({
+      type: "cancel",
+      ...cancelConfig
+    }));
+  }
+
+  return [...finalClientActions, ...clientActions];
+}

package/es/platform/zform/applications/interfaces/input/DeleteFieldUseCaseInput.js

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

package/es/platform/zform/applications/interfaces/input/GetFieldValueUseCaseInput.js

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

package/es/platform/zform/applications/interfaces/input/HideFieldUseCaseInput.js

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

package/es/platform/zform/applications/interfaces/input/HideSectionUseCaseInput.js

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

package/es/platform/zform/applications/interfaces/input/InsertFieldUseCaseInput.js

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

package/es/platform/zform/applications/interfaces/input/SetFieldValueUseCaseInput.js

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

package/es/platform/zform/applications/interfaces/input/SetFieldsValuesUseCaseInput.js

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

package/es/platform/zform/applications/interfaces/input/ShowFieldUseCaseInput.js

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

package/es/platform/zform/applications/interfaces/input/ShowSectionUseCaseInput.js

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