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

package/higherOrder/props.d.ts

@@ -67,6 +67,16 @@ export interface Props {
     updateon?: string;
     dataset?: any;
     prefabName?: string;
+    /**
+     * When true, indicates that the widget's data is being loaded.
+     * Used together with `showSkeleton` to display a skeleton placeholder.
+     */
+    loading?: boolean;
+    /**
+     * Optional runtime opt-out for skeleton display while loading.
+     * Not emitted by codegen — omit (default) to show skeleton when `loading` is true.
+     */
+    showSkeleton?: boolean;
 }
 /**
  * Interface for props injected by the BaseDialog (withDialogWrapper) HOC.

package/higherOrder/withBaseWrapper.js

@@ -104,6 +104,9 @@ const withBaseWrapper = (WrappedComponent) => {
             mergedState[key] = proxy.Widgets[name][key];
           }
         });
+      } else if ((component === "WmForm" || component === "WmLiveForm") && proxy.Widgets[name]) {
+        mergedState.formfields = proxy.Widgets[name].formfields;
+        mergedState.formWidgets = proxy.Widgets[name].formWidgets;
       }
       return mergedState;
     }, [props, widgetFromContext, componentWidgetId]);

package/hooks/useAuth.js

@@ -57,6 +57,9 @@ const useAuth = () => {
     return await dispatch(canAccessPage({ pageName })).unwrap();
   };
   const hasAccessToWidget = (widgetRoles) => {
+    if (!(securityConfig == null ? void 0 : securityConfig.isSecurityEnabled)) {
+      return true;
+    }
     const widgetRolesArr = widgetRoles.split(",");
     if (includes(widgetRolesArr, USER_ROLE.EVERYONE)) {
       return true;

package/hooks/useLayoutSize.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+/**
+ * Applies auto-layout width/height sizing to a mounted element before paint.
+ * Uses layoutSizeUtil to set fill/hug/fixed dimensions based on parent flex context.
+ */
+export declare function useLayoutSize(ref: RefObject<HTMLElement | null>, layoutWidth?: string, layoutHeight?: string): void;

package/hooks/useLayoutSize.js

@@ -0,0 +1,12 @@
+import { useLayoutEffect } from "react";
+import { layoutSizeUtil } from "../utils/layoutsize-util";
+function useLayoutSize(ref, layoutWidth, layoutHeight) {
+  useLayoutEffect(() => {
+    if (ref.current && (layoutWidth || layoutHeight)) {
+      layoutSizeUtil(ref.current, layoutWidth, layoutHeight);
+    }
+  }, [layoutWidth, layoutHeight]);
+}
+export {
+  useLayoutSize
+};