procode-lowcode-core 1.0.8 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "procode-lowcode-core",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "ProCode Core Library - React framework for low-code applications",
   "type": "module",
   "main": "dist/index.js",

package/src/Action/StandardActions/handleCreateAndNavigate.ts

@@ -7,11 +7,11 @@ import handleNavigation from "./handleNavigation";
 import { appActions } from "../../Store/Slices/appSlice";
 
 const handleCreateAndNavigate = async (
-  actionInvokerProps: ActionInvokerProperties
+  actionInvokerProps: ActionInvokerProperties,
 ) => {
   const eventService = actionInvokerProps.eventService;
   const dispatch = eventService?.emit(eventServiceType.DISPATCH_STORE);
- // const appActions = eventService?.emit(eventServiceType.DATASTATE_ACTION);
+  // const appActions = eventService?.emit(eventServiceType.DATASTATE_ACTION);
   const uiSchema = eventService?.emit(eventServiceType.UISCHEMA);
 
   const apiConfig =
@@ -28,14 +28,14 @@ const handleCreateAndNavigate = async (
       uiSchema.rootScreenElement,
       true,
       {},
-      actionInvokerProps.executeValidation
+      actionInvokerProps.executeValidation,
     );
     validationResult.isSchemaValid = isSchemaValid;
     validationResult.schemaInvalidMessages = schemaInvalidMessages;
   }
 
   dispatch?.(
-    appActions?.loadValidation(validationResult.schemaInvalidMessages)
+    appActions?.loadValidation(validationResult.schemaInvalidMessages),
   );
 
   if (validationResult.isSchemaValid) {
@@ -44,7 +44,7 @@ const handleCreateAndNavigate = async (
       ?.createModel(
         actionInvokerProps.viewModel.screenData,
         apiConfig,
-        eventService
+        eventService,
       );
 
     handleNavigation(actionInvokerProps);

package/src/Action/helpers/validateUiElementSchema.ts

@@ -6,7 +6,7 @@ export const validateUiElementSchema = (
   uiElement: any,
   isSchemaValid: boolean,
   schemaInvalidMessages: Record<string, string[]>,
-  executeValidation: ExecuteValidationFC
+  executeValidation: ExecuteValidationFC,
 ) => {
   if (
     uiElement.uiElementType === ScreenUIType.WIDGET &&
@@ -15,21 +15,24 @@ export const validateUiElementSchema = (
     const { isComponentValid, invalidMessages } = executeValidation({
       executeMode: ExecuteMode.ONSUBMIT,
       modifiedViewModel: undefined,
-      screenDataField:uiElement.screenDataField,
-      validations:uiElement.validations
+      screenDataField: uiElement.screenDataField,
+      validations: uiElement.validations,
     });
     isSchemaValid = isSchemaValid && isComponentValid;
     schemaInvalidMessages = {
       ...schemaInvalidMessages,
       [uiElement.screenDataField]: invalidMessages,
     };
-  } else if (uiElement.uiElementType === ScreenUIType.LAYOUT) {
+  } else if (
+    uiElement.uiElementType === ScreenUIType.LAYOUT &&
+    uiElement.visible !== false
+  ) {
     uiElement.cells.forEach((cell: any) => {
       const result = validateUiElementSchema(
         cell,
         isSchemaValid,
         schemaInvalidMessages,
-        executeValidation
+        executeValidation,
       );
       isSchemaValid = isSchemaValid && result.isSchemaValid;
       schemaInvalidMessages = {
@@ -37,13 +40,17 @@ export const validateUiElementSchema = (
         ...result.schemaInvalidMessages,
       };
     });
-  } else if (uiElement.children && uiElement.children.length > 0) {
+  } else if (
+    uiElement.children &&
+    uiElement.children.length > 0 &&
+    uiElement.visible !== false
+  ) {
     uiElement.children.forEach((child: any) => {
       const result = validateUiElementSchema(
         child,
         isSchemaValid,
         schemaInvalidMessages,
-        executeValidation
+        executeValidation,
       );
       isSchemaValid = isSchemaValid && result.isSchemaValid;
       schemaInvalidMessages = {

package/src/Renderer/WidgetRenderer/Widget.tsx

@@ -26,7 +26,7 @@ const Widget: React.FC<WidgetInjectorProps> = ({
     viewModel,
     validation,
     eventService,
-    navigate
+    navigate,
   );
 
   const standardWidgets = AppDependenceyProvider.getInstance()
@@ -54,7 +54,12 @@ const Widget: React.FC<WidgetInjectorProps> = ({
     );
   }
 
-  return <WidgetComponent {...widgetProps} />;
+  return (
+    <WidgetComponent
+      {...widgetProps}
+      availableValidations={schemaElementProps.validations}
+    />
+  );
 };
 
 export default Widget;

package/src/Screens/Screen.tsx

@@ -21,7 +21,7 @@ const Screen = ({
   useEffect(() => {
     eventService.subscribe(
       eventServiceType.UISCHEMA,
-      () => uiSchemaState?.uiSchema
+      () => uiSchemaState?.uiSchema,
     );
   });
 

package/src/Services/helpers/replaceRequestParams.ts

@@ -17,7 +17,7 @@ export type ReplaceHandler = (
   url: string,
   param: Param,
   eventService: EventService,
-  routeParams?: any
+  routeParams?: any,
 ) => string;
 
 const replaceHandlers: Record<ValueReplacePolicy, ReplaceHandler> = {
@@ -28,14 +28,13 @@ const replaceHandlers: Record<ValueReplacePolicy, ReplaceHandler> = {
   [ValueReplacePolicy.ENVIROMENT]: enviromentHandler,
   [ValueReplacePolicy.QUERYPARAMS]: queryParamHandler,
   [ValueReplacePolicy.ROUTEPARAMS]: routeParamHandler,
-
 };
 
 export const replaceRequestParams = (
   url: string,
   params: Param[],
   eventService: EventService,
-  routeParams?: any
+  routeParams?: any,
 ) => {
   params.forEach((param) => {
     let valueReplacePolicy = param.rightOperand.valueReplacePolicy;
@@ -48,7 +47,7 @@ export const replaceRequestParams = (
     const handler = replaceHandlers[valueReplacePolicy];
 
     if (handler) {
-      url = handler(url, param, eventService,routeParams);
+      url = handler(url, param, eventService, routeParams);
     }
   });
   return url;