procode-lowcode-core 1.0.8 → 1.0.10

package/dist/types/Utils/resolveAppPath.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Resolves a relative app path by prepending the homePage prefix
+ * extracted from the current URL.
+ *
+ * e.g. if env.homePage = "/:appCode" and current URL is "/VARSTAGRxxpPq0ECRMBbnHC/workflows",
+ * resolveAppPath("/workflows") returns "/VARSTAGRxxpPq0ECRMBbnHC/workflows"
+ */
+export declare const resolveAppPath: (pathname: string) => string;

package/dist/types/index.d.ts

@@ -7,5 +7,6 @@ export type { IViewModelHandler } from './DataModel/IViewModelHandler';
 export type { IStorage } from './StorageManager/IStorage';
 export type { default as IValidationFactory } from './Validation/IValidationFactory';
 export type { ISchemaReaderProvider } from './UIElement/ISchemaReaderProvider';
+export { resolveAppPath } from './Utils/resolveAppPath';
 export declare const coreStyles = "./Assets/styles/index.scss";
 export declare const getCoreStylesPath: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "procode-lowcode-core",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "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/ApplicationStart/AppRouter.tsx

@@ -8,6 +8,7 @@ import { Provider } from "react-redux";
 import { commonStore } from "../Store/commonStore";
 import { loader } from "./helper";
 import RouterElement from "./Elements/RouterElement";
+import { resolveAppPath } from "../Utils/resolveAppPath";
 
 export type CustomRoute = {
   path: string;
@@ -124,6 +125,25 @@ const AppRouter = (appRouterProps: AppRouterProps): prcElement => {
     },
   ]);
 
+  // Middleware: auto-prepend homePage prefix to all navigation paths.
+  // This intercepts useNavigate(), <Link>, <Navigate> — everything goes through router.navigate.
+  const originalNavigate = router.navigate.bind(router) as typeof router.navigate;
+  (router as any).navigate = (to: any, opts?: any) => {
+    if (typeof to === "number" || to === null) {
+      return originalNavigate(to, opts);
+    }
+    if (typeof to === "string") {
+      return originalNavigate(resolveAppPath(to), opts);
+    }
+    if (to?.pathname) {
+      return originalNavigate(
+        { ...to, pathname: resolveAppPath(to.pathname) },
+        opts,
+      );
+    }
+    return originalNavigate(to, opts);
+  };
+
   return <RouterProvider router={router} />;
 };
 

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;

package/src/Utils/resolveAppPath.ts

@@ -0,0 +1,22 @@
+import { env } from "../Constant";
+
+/**
+ * Resolves a relative app path by prepending the homePage prefix
+ * extracted from the current URL.
+ *
+ * e.g. if env.homePage = "/:appCode" and current URL is "/VARSTAGRxxpPq0ECRMBbnHC/workflows",
+ * resolveAppPath("/workflows") returns "/VARSTAGRxxpPq0ECRMBbnHC/workflows"
+ */
+export const resolveAppPath = (pathname: string): string => {
+  if (!env.homePage || !pathname) return pathname;
+  const homePageSegmentCount = env.homePage.split("/").filter(Boolean).length;
+  const currentSegments = window.location.pathname
+    .split("/")
+    .filter(Boolean);
+  const prefix = "/" + currentSegments.slice(0, homePageSegmentCount).join("/");
+
+  // Avoid double-prepending
+  if (pathname.startsWith(prefix + "/") || pathname === prefix) return pathname;
+
+  return prefix + pathname;
+};

package/src/index.ts

@@ -26,6 +26,9 @@ export type { default as IValidationFactory } from './Validation/IValidationFact
 // Schema Reader Interface
 export type { ISchemaReaderProvider } from './UIElement/ISchemaReaderProvider';
 
+// Utils
+export { resolveAppPath } from './Utils/resolveAppPath';
+
 // Core Styles Path (for SCSS imports)
 export const coreStyles = './Assets/styles/index.scss';