@wavemaker-ai/react-runtime 1.0.0-rc.314 → 1.0.0-rc.317

package/components/navigation/popover/index.js

@@ -266,6 +266,7 @@ const WmPopover = (Props) => {
             },
             className: clsx(
               placement,
+              props.className,
               "app-popover in popover",
               props.contentanimation && `animated ${props.contentanimation}`,
               `popover-${placement}`,

package/components/page/index.js

@@ -36,6 +36,7 @@ import clsx from "clsx";
 import Container from "@mui/material/Container";
 import React from "react";
 import { removeInvalidAttributes } from "../../utils/attr";
+import { PageLayoutContext } from "./page-context";
 import { getCurrentPath } from "../../core/util/utils";
 const getDefaultClass = (pageName) => clsx("app-page", pageName ? `app-page-${pageName.toLowerCase()}` : "", "container");
 function WmPage(props) {
@@ -48,9 +49,13 @@ function WmPage(props) {
     height: window.innerHeight
   }));
   const [hasFullNavHeight, setHasFullNavHeight] = useState(false);
+  const [leftPanelPageClasses, setLeftPanelPageClasses] = useState();
   const handleNavHeightChange = useCallback((isFull) => {
     setHasFullNavHeight(isFull);
   }, []);
+  const handleLeftPanelPageClassesChange = useCallback((pageClasses) => {
+    setLeftPanelPageClasses(pageClasses);
+  }, []);
   const handleResize = useCallback(() => {
     const newSize = {
       width: window.innerWidth,
@@ -118,12 +123,23 @@ function WmPage(props) {
     });
   }, [children, handleNavHeightChange]);
   return /* @__PURE__ */ jsx(
-    Container,
-    __spreadProps(__spreadValues({}, removeInvalidAttributes(restProps)), {
-      className: clsx(getDefaultClass(pageName), { "app-nav-full": hasFullNavHeight }, className),
-      sx: __spreadValues({}, styles),
-      children: childrenWithCallback
-    })
+    PageLayoutContext.Provider,
+    {
+      value: { onLeftPanelPageClassesChange: handleLeftPanelPageClassesChange },
+      children: /* @__PURE__ */ jsx(
+        Container,
+        __spreadProps(__spreadValues({}, removeInvalidAttributes(restProps)), {
+          className: clsx(
+            getDefaultClass(pageName),
+            { "app-nav-full": hasFullNavHeight },
+            leftPanelPageClasses,
+            className
+          ),
+          sx: __spreadValues({}, styles),
+          children: childrenWithCallback
+        })
+      )
+    }
   );
 }
 WmPage.displayName = "WmPage";

package/components/page/page-context.d.ts

@@ -0,0 +1,4 @@
+export interface PageLayoutContextValue {
+    onLeftPanelPageClassesChange?: (pageClasses?: string) => void;
+}
+export declare const PageLayoutContext: import("react").Context<PageLayoutContextValue>;

package/components/page/page-context.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const PageLayoutContext = createContext({});
+export {
+  PageLayoutContext
+};

package/components/page/partial-container/index.js

@@ -44,13 +44,10 @@ const MEMO_KEYS = [
   "params"
 ];
 const arePropsEqual = (prevProps, nextProps) => {
-  const staticEqual = MEMO_KEYS.every((key) => {
+  return MEMO_KEYS.every((key) => {
     if (key === "styles") return isEqual(prevProps[key], nextProps[key]);
     return prevProps[key] === nextProps[key];
   });
-  if (!staticEqual) return false;
-  const paramNames = nextProps.params || [];
-  return paramNames.every((p) => prevProps[p] === nextProps[p]);
 };
 const CodegenPartialContainer = memo((props) => {
   const { prefab, content, prefabName, onLoad } = props;

package/higherOrder/BaseApp.js

@@ -44,6 +44,7 @@ import { metadataService } from "../variables/metadata.service";
 import { i18nService as i18nServiceActions } from "../store/bindActions/i18nActions";
 import { WmContainer } from "../components/container";
 import WmPartialContainer from "../components/page/partial-container";
+import RoleAuthGuard from "../components/auth/RoleAuthGuard";
 (_a = global.wm) != null ? _a : global.wm = {};
 const BaseApp = (WrappedComponent, addAppScript, getAppVariables, appInfo = {}) => {
   const AppContextComponent = (props) => {
@@ -340,7 +341,7 @@ const BaseApp = (WrappedComponent, addAppScript, getAppVariables, appInfo = {})
       );
     }
     function notifyApp(message, type, showTypeLabel) {
-      const notificationAction = get(appContext, "Actions.appNotification");
+      const notificationAction = get(appProxyRef.current, "Actions.appNotification");
       if (notificationAction) {
         const appNotification = notificationAction.config.paramProvider();
         const newParams = () => ({
@@ -424,10 +425,10 @@ const BaseApp = (WrappedComponent, addAppScript, getAppVariables, appInfo = {})
           state: appContext,
           proxy: appProxyRef.current
         },
-        children: /* @__PURE__ */ jsx(AppSpinnerProvider, { children: /* @__PURE__ */ jsxs(LayoutProvider, { children: [
+        children: /* @__PURE__ */ jsx(AppSpinnerProvider, { children: /* @__PURE__ */ jsx(LayoutProvider, { children: /* @__PURE__ */ jsxs(RoleAuthGuard, { children: [
           /* @__PURE__ */ jsx(WrappedComponent, __spreadValues({}, props)),
           renderCommonComponents()
-        ] }) })
+        ] }) }) })
       }
     );
   };

package/higherOrder/BaseAppProps.d.ts

@@ -12,6 +12,7 @@ export interface BaseAppProps {
     isAppReady: boolean;
     changeLocale: (locale: string) => void;
     selectedLocale: string;
+    appLocale?: any;
     /** Locale bundle–style formats; synced from Redux `i18n`. */
     localeFormats: LocaleFormatsProxy;
     getDependency: (name: string) => any;

package/higherOrder/BasePage.js

@@ -224,22 +224,12 @@ const withPageContext = (WrappedComponent, addPageScript, getVariables, componen
       securityConfig
     ]);
     const shouldInitialize = useMemo(() => {
-      var _a2, _b2;
       if (appContext && !appContext.isAppReady) {
         return false;
       }
       if (accessLoading) {
         return false;
       }
-      if (!hasAccess && isSecurityEnabled) {
-        if (isAuthenticated) {
-          appContext == null ? void 0 : appContext.notifyApp(
-            ((_b2 = (_a2 = pageContext == null ? void 0 : pageContext.appLocale) == null ? void 0 : _a2.LABELS) == null ? void 0 : _b2.ACCESS_DENIED) || "Access Denied",
-            "Error"
-          );
-        }
-        return false;
-      }
       return true;
     }, [appContext == null ? void 0 : appContext.isAppReady, accessLoading, hasAccess, isSecurityEnabled, isAuthenticated]);
     useEffect(() => {

package/hooks/useDataSourceSubscription.js

@@ -53,7 +53,7 @@ const applyPersistedState = (invokeOptions, ctx) => {
   }
 };
 const matchesDatasource = (eventVariable, datasource) => {
-  return eventVariable.execute(DataSource.Operation.GET_UNIQUE_IDENTIFIER) === datasource.execute(DataSource.Operation.GET_UNIQUE_IDENTIFIER);
+  return (eventVariable == null ? void 0 : eventVariable.execute(DataSource.Operation.GET_UNIQUE_IDENTIFIER)) === (datasource == null ? void 0 : datasource.execute(DataSource.Operation.GET_UNIQUE_IDENTIFIER));
 };
 const useDataSourceSubscription = ({
   datasource,

package/hooks/useHttp.js

@@ -105,7 +105,6 @@ class ModernHttpService {
               config = modifiedReq;
             }
           } catch (error) {
-            console.error("Error in onBeforeServiceCall:", error);
           }
         }
         return config;
@@ -130,7 +129,6 @@ class ModernHttpService {
               modifiedResponse = __spreadValues(__spreadValues({}, modifiedResponse), modifiedResp);
             }
           } catch (err) {
-            console.error("Error in onServiceSuccess:", err);
           }
         }
         return modifiedResponse;
@@ -148,7 +146,6 @@ class ModernHttpService {
               errorResponse = __spreadValues(__spreadValues({}, errorResponse), modifiedResp);
             }
           } catch (err) {
-            console.error("Error in onServiceError:", err);
           }
         }
         const sessionRetry = this.handleSessionFailure(error);
@@ -296,7 +293,6 @@ class ModernHttpService {
         });
       });
     } catch (error) {
-      console.error("Unexpected error in uploadFile:", error);
       throw error;
     }
   }