@wavemaker-ai/react-runtime 1.0.0-rc.647502 → 1.0.0-rc.647565

package/context/WidgetProvider.js

@@ -1,107 +1,111 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useWidgetProxy = exports.useProxy = exports.usePageContext = exports.useAppState = exports.WidgetProvider = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _get = _interopRequireDefault(require("lodash-es/get"));
-var _debounce = _interopRequireDefault(require("lodash-es/debounce"));
-var _useDebounce = require("../hooks/useDebounce");
-var _useHttp = require("../hooks/useHttp");
-var _formState = require("../utils/form-state.util");
-var _widgetCleanupUtil = require("../utils/widget-cleanup-util");
-var _events = require("../core/constants/events");
-var _proxyService = require("../core/proxy-service");
-var _LayoutProvider = require("./LayoutProvider");
-var _isPlainObject = _interopRequireDefault(require("lodash-es/isPlainObject"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var WidgetContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-
-// WeakMap to store proxy flags without exposing them as props
-var proxyMap = new WeakMap();
-var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
-  var _pageContext$componen, _pageContext$componen3;
-  var Context = _ref.value,
-    children = _ref.children;
-  var value = Context.value,
-    proxy = Context.proxy;
-  var pageContextRef = (0, _react.useRef)(proxy);
-  var _useState = (0, _react.useState)(_objectSpread(_objectSpread({}, value), {}, {
-      isLayoutReady: false
-    })),
-    pageContext = _useState[0],
-    setPageContext = _useState[1];
-  var _useLayout = (0, _LayoutProvider.useLayout)(),
-    layout = _useLayout.layout,
-    layoutProxy = _useLayout.proxy;
-  var pendingDestroysRef = (0, _react.useRef)(new Set());
-  var isPage = (pageContext === null || pageContext === void 0 || (_pageContext$componen = pageContext.componentType) === null || _pageContext$componen === void 0 ? void 0 : _pageContext$componen.toUpperCase()) === "PAGE";
-  var flushDestroys = (0, _react.useCallback)(function () {
-    var names = Array.from(pendingDestroysRef.current);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useState,
+  useMemo,
+  useRef,
+  useCallback
+} from "react";
+import get from "lodash-es/get";
+import debounce from "lodash-es/debounce";
+import { useDebounceCallback } from "../hooks/useDebounce";
+import { HttpProvider } from "../hooks/useHttp";
+import { registerFormField, registerFormFieldSafe } from "../utils/form-state.util";
+import { removeWidgetsFromContext } from "../utils/widget-cleanup-util";
+import { EVENTEMITTER_METHODS } from "../core/constants/events";
+import { createWidgetProxy } from "../core/proxy-service";
+import { useLayout } from "./LayoutProvider";
+import isPlainObject from "lodash-es/isPlainObject";
+const WidgetContext = createContext(void 0);
+const proxyMap = /* @__PURE__ */ new WeakMap();
+const WidgetProvider = ({
+  value: Context,
+  children
+}) => {
+  var _a, _b;
+  const { value, proxy } = Context;
+  const pageContextRef = useRef(proxy);
+  const [pageContext, setPageContext] = useState(__spreadProps(__spreadValues({}, value), { isLayoutReady: false }));
+  const { layout, proxy: layoutProxy } = useLayout();
+  const pendingDestroysRef = useRef(/* @__PURE__ */ new Set());
+  const isPage = ((_a = pageContext == null ? void 0 : pageContext.componentType) == null ? void 0 : _a.toUpperCase()) === "PAGE";
+  const flushDestroys = useCallback(() => {
+    const names = Array.from(pendingDestroysRef.current);
     pendingDestroysRef.current.clear();
     if (names.length === 0) return;
-    setPageContext(function (prev) {
-      var newContext = (0, _widgetCleanupUtil.removeWidgetsFromContext)(prev, proxy, names);
+    setPageContext((prev) => {
+      const newContext = removeWidgetsFromContext(prev, proxy, names);
       pageContextRef.current = newContext;
       return newContext;
     });
   }, []);
-  var debouncedFlushDestroys = (0, _useDebounce.useDebounceCallback)(flushDestroys, 100);
-  (0, _react.useEffect)(function () {
-    return function () {
-      return debouncedFlushDestroys.cancel();
-    };
-  }, [debouncedFlushDestroys]);
-  var isAppWidgetRegisterNeeded = (0, _react.useMemo)(function () {
-    var _pageContext$componen2;
-    return isPage || (pageContext === null || pageContext === void 0 || (_pageContext$componen2 = pageContext.componentName) === null || _pageContext$componen2 === void 0 ? void 0 : _pageContext$componen2.toUpperCase()) === "COMMON";
-  }, [isPage, pageContext === null || pageContext === void 0 ? void 0 : pageContext.componentName]);
-  var destroy = (0, _react.useCallback)(function (widgetNames) {
-    if (!(widgetNames !== null && widgetNames !== void 0 && widgetNames.length)) return;
-    widgetNames.forEach(function (name) {
-      return name && pendingDestroysRef.current.add(name);
-    });
-    debouncedFlushDestroys();
-  }, [debouncedFlushDestroys]);
-  (0, _react.useEffect)(function () {
-    setPageContext(function (prevContext) {
-      var newContext = _objectSpread({}, prevContext);
+  const debouncedFlushDestroys = useDebounceCallback(flushDestroys, 100);
+  useEffect(() => () => debouncedFlushDestroys.cancel(), [debouncedFlushDestroys]);
+  const isAppWidgetRegisterNeeded = useMemo(() => {
+    var _a2;
+    return isPage || ((_a2 = pageContext == null ? void 0 : pageContext.componentName) == null ? void 0 : _a2.toUpperCase()) === "COMMON";
+  }, [isPage, pageContext == null ? void 0 : pageContext.componentName]);
+  const destroy = useCallback(
+    (widgetNames) => {
+      if (!(widgetNames == null ? void 0 : widgetNames.length)) return;
+      widgetNames.forEach((name) => name && pendingDestroysRef.current.add(name));
+      debouncedFlushDestroys();
+    },
+    [debouncedFlushDestroys]
+  );
+  useEffect(() => {
+    setPageContext((prevContext) => {
+      const newContext = __spreadValues({}, prevContext);
       function registerMethod(context, newWidget, widgetName) {
         if (isAppWidgetRegisterNeeded) {
           pageContextRef.current.App.Widgets[widgetName] = newWidget;
         }
         context.Widgets[widgetName] = newWidget;
       }
-      if (value !== null && value !== void 0 && value.Widgets && newContext !== null && newContext !== void 0 && newContext.Widgets) {
-        Object.keys(value.Widgets).forEach(function (widgetName) {
-          var currentWidget = newContext.Widgets[widgetName];
-          var incomingWidget = value.Widgets[widgetName];
-          if (currentWidget !== null && currentWidget !== void 0 && currentWidget.App) {
-            var _pageContextRef$curre;
-            registerMethod(newContext, (_pageContextRef$curre = pageContextRef.current) === null || _pageContextRef$curre === void 0 ? void 0 : _pageContextRef$curre.Widgets[widgetName], widgetName);
+      if ((value == null ? void 0 : value.Widgets) && (newContext == null ? void 0 : newContext.Widgets)) {
+        Object.keys(value.Widgets).forEach((widgetName) => {
+          var _a2;
+          const currentWidget = newContext.Widgets[widgetName];
+          const incomingWidget = value.Widgets[widgetName];
+          if (currentWidget == null ? void 0 : currentWidget.App) {
+            registerMethod(newContext, (_a2 = pageContextRef.current) == null ? void 0 : _a2.Widgets[widgetName], widgetName);
           } else {
-            if (!isPage && incomingWidget !== null && incomingWidget !== void 0 && incomingWidget.isLayout) return;
-            // Create new proxy if widget doesn't exist or isn't proxied
-            // Get registry from pageContext if available
-            var registry = value === null || value === void 0 ? void 0 : value.overriddenPropsRegistry;
-            var widgetProxy = (0, _proxyService.createWidgetProxy)(incomingWidget, widgetName, setPageContext, registry);
-            (0, _formState.registerFormField)(newContext.Widgets, widgetProxy, incomingWidget, newContext);
+            if (!isPage && (incomingWidget == null ? void 0 : incomingWidget.isLayout)) return;
+            const registry = value == null ? void 0 : value.overriddenPropsRegistry;
+            const widgetProxy = createWidgetProxy(
+              incomingWidget,
+              widgetName,
+              setPageContext,
+              registry
+            );
+            registerFormField(newContext.Widgets, widgetProxy, incomingWidget, newContext);
             registerMethod(newContext, widgetProxy, widgetName);
           }
         });
       }
-
-      // Handle other context properties
-      value && Object.keys(value).forEach(function (key) {
+      value && Object.keys(value).forEach((key) => {
         if (key !== "Widgets") {
           newContext[key] = value[key];
         }
@@ -110,25 +114,20 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
       return newContext;
     });
   }, [value]);
-  (0, _react.useEffect)(function () {
-    var layoutKeys = Object.keys(layout);
-    if (isPage && (0, _isPlainObject["default"])(layout) && layoutKeys.length > 0) {
-      setPageContext(function (prevContext) {
-        var newContext = prevContext;
-        if (newContext !== null && newContext !== void 0 && newContext.Widgets) {
-          layoutKeys.forEach(function (widgetName) {
-            var currentWidget = newContext.Widgets[widgetName];
-            var incomingWidget = layout[widgetName];
+  useEffect(() => {
+    const layoutKeys = Object.keys(layout);
+    if (isPage && isPlainObject(layout) && layoutKeys.length > 0) {
+      setPageContext((prevContext) => {
+        const newContext = prevContext;
+        if (newContext == null ? void 0 : newContext.Widgets) {
+          layoutKeys.forEach((widgetName) => {
+            const currentWidget = newContext.Widgets[widgetName];
+            const incomingWidget = layout[widgetName];
             if (!currentWidget || !proxyMap.has(currentWidget)) {
               newContext.Widgets[widgetName] = layoutProxy[widgetName];
               proxy.Widgets[widgetName] = layoutProxy[widgetName];
             } else {
-              // Update existing proxy properties - important for widgets that start minimal
-              // Always update all properties to ensure proxy has complete data
-              Object.entries(incomingWidget).forEach(function (_ref2) {
-                var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
-                  key = _ref3[0],
-                  val = _ref3[1];
+              Object.entries(incomingWidget).forEach(([key, val]) => {
                 if (typeof key === "string" && !key.startsWith("_")) {
                   currentWidget[key] = val;
                   proxy.Widgets[widgetName][key] = val;
@@ -137,9 +136,7 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
             }
           });
         }
-
-        // Handle other context properties
-        value && Object.keys(value).forEach(function (key) {
+        value && Object.keys(value).forEach((key) => {
           if (key !== "Widgets") {
             newContext[key] = value[key];
           }
@@ -149,11 +146,11 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
       proxy.layoutReady && proxy.layoutReady();
     }
   }, [layout]);
-  var updateWidgetState = (0, _react.useMemo)(function () {
-    return function (widgetName, props) {
+  const updateWidgetState = useMemo(() => {
+    return (widgetName, props) => {
       if (!widgetName || !pageContext.Widgets) return;
-      var widget = pageContext.Widgets[widgetName];
-      if (!isPage && widget !== null && widget !== void 0 && widget.isLayout) return;
+      const widget = pageContext.Widgets[widgetName];
+      if (!isPage && (widget == null ? void 0 : widget.isLayout)) return;
       if (widget != props) {
         pageContextRef.current.Widgets[widgetName] = props;
         pageContext.Widgets[widgetName] = props;
@@ -162,79 +159,69 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
           pageContext.App.Widgets[widgetName] = props;
         }
       }
-      // Register form field with safe structure initialization
-      (0, _formState.registerFormFieldSafe)(pageContext.Widgets, props);
+      registerFormFieldSafe(pageContext.Widgets, props);
     };
   }, [isAppWidgetRegisterNeeded]);
-
-  // Stable debounced emitter
-  var debouncedEmitRef = (0, _react.useRef)((0, _debounce["default"])(function (partialName, context) {
-    _events.EVENTEMITTER_METHODS.PARTIAL_STATE_SYNC_EMIT({
-      partialName: partialName,
-      pageContext: context,
-      proxy: pageContextRef.current
-    });
-  }, 100));
-
-  // Extract only what matters to avoid extra renders
-  var partialName = (pageContext === null || pageContext === void 0 ? void 0 : pageContext.partialName) || (pageContext === null || pageContext === void 0 || (_pageContext$componen3 = pageContext.componentType) === null || _pageContext$componen3 === void 0 ? void 0 : _pageContext$componen3.toLowerCase()) === "prefab" && (pageContext === null || pageContext === void 0 ? void 0 : pageContext.name);
-  (0, _react.useEffect)(function () {
+  const debouncedEmitRef = useRef(
+    debounce((partialName2, context) => {
+      EVENTEMITTER_METHODS.PARTIAL_STATE_SYNC_EMIT({
+        partialName: partialName2,
+        pageContext: context,
+        proxy: pageContextRef.current
+      });
+    }, 100)
+  );
+  const partialName = (pageContext == null ? void 0 : pageContext.partialName) || ((_b = pageContext == null ? void 0 : pageContext.componentType) == null ? void 0 : _b.toLowerCase()) === "prefab" && (pageContext == null ? void 0 : pageContext.name);
+  useEffect(() => {
     if (!isPage) return;
-    var handlePartialStateSync = function handlePartialStateSync(data) {
-      var _data$pageContext;
+    const handlePartialStateSync = (data) => {
+      var _a2;
       if (!data.pageContext) return;
-      if ((_data$pageContext = data.pageContext) !== null && _data$pageContext !== void 0 && _data$pageContext.isLayout) return;
-
-      // If proxy must sync, clone to avoid mutation issues
-      // pageContext.Widgets[data.partialName] = data.pageContext;
-      // pageContext.App.Widgets[data.partialName] = data.pageContext;   // keep for reference for later
+      if ((_a2 = data.pageContext) == null ? void 0 : _a2.isLayout) return;
       proxy.Widgets[data.partialName] = data.proxy;
       if (isAppWidgetRegisterNeeded) proxy.App.Widgets[data.partialName] = data.proxy;
     };
-    _events.EVENTEMITTER_METHODS.PARTIAL_STATE_SYNC_ON(handlePartialStateSync);
-    return function () {
-      _events.EVENTEMITTER_METHODS.PARTIAL_STATE_SYNC_OFF(handlePartialStateSync);
+    EVENTEMITTER_METHODS.PARTIAL_STATE_SYNC_ON(handlePartialStateSync);
+    return () => {
+      EVENTEMITTER_METHODS.PARTIAL_STATE_SYNC_OFF(handlePartialStateSync);
       debouncedEmitRef.current.cancel();
     };
   }, []);
-
-  /**
-   * Emit partial updates only for partial/prefab types
-   */
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (isPage || !partialName) return;
     debouncedEmitRef.current(partialName, proxy);
-    if (pageContext !== null && pageContext !== void 0 && pageContext.isLayout) {
-      _events.EVENTEMITTER_METHODS.LAYOUT_STATE_REFRESH_EMIT({
+    if (pageContext == null ? void 0 : pageContext.isLayout) {
+      EVENTEMITTER_METHODS.LAYOUT_STATE_REFRESH_EMIT({
         layoutName: pageContext.partialName,
         layout: pageContext,
-        proxy: proxy
+        proxy
       });
     }
-    return function () {
+    return () => {
       debouncedEmitRef.current.cancel();
     };
   }, [partialName, pageContext, isPage]);
-  var contextValue = (0, _react.useMemo)(function () {
-    return {
-      pageContext: pageContext,
-      updateWidgetState: updateWidgetState,
-      proxy: proxy,
-      destroy: destroy
-    };
-  }, [pageContext, updateWidgetState, proxy, destroy]);
-  return __jsx(_useHttp.HttpProvider, null, __jsx(WidgetContext.Provider, {
-    value: contextValue
-  }, children));
+  const contextValue = useMemo(
+    () => ({
+      pageContext,
+      updateWidgetState,
+      proxy,
+      destroy
+    }),
+    [pageContext, updateWidgetState, proxy, destroy]
+  );
+  return /* @__PURE__ */ jsx(HttpProvider, { children: /* @__PURE__ */ jsx(WidgetContext.Provider, { value: contextValue, children }) });
 };
-var usePageContext = exports.usePageContext = function usePageContext(standalone) {
-  var context = (0, _react.useContext)(WidgetContext);
+const usePageContext = (standalone) => {
+  const context = useContext(WidgetContext);
   if (standalone) {
     return {
       pageContext: {},
-      updateWidgetState: function updateWidgetState() {},
+      updateWidgetState: () => {
+      },
       proxy: {},
-      destroy: function destroy() {}
+      destroy: () => {
+      }
     };
   }
   if (!context) {
@@ -242,8 +229,8 @@ var usePageContext = exports.usePageContext = function usePageContext(standalone
   }
   return context;
 };
-var useWidgetProxy = exports.useWidgetProxy = function useWidgetProxy(name, standalone) {
-  var context = (0, _react.useContext)(WidgetContext);
+const useWidgetProxy = (name, standalone) => {
+  const context = useContext(WidgetContext);
   if (standalone) {
     return {};
   }
@@ -253,22 +240,29 @@ var useWidgetProxy = exports.useWidgetProxy = function useWidgetProxy(name, stan
   if (!name) {
     return context.proxy.Widgets;
   }
-  return (0, _get["default"])(context.proxy, "Widgets.".concat(name), {});
+  return get(context.proxy, `Widgets.${name}`, {});
 };
-var useProxy = exports.useProxy = function useProxy(path) {
-  var context = (0, _react.useContext)(WidgetContext);
+const useProxy = (path) => {
+  const context = useContext(WidgetContext);
   if (!context) {
     throw new Error("useProxy must be used within a WidgetProvider");
   }
   if (!path) {
     return context.proxy;
   }
-  return (0, _get["default"])(context.proxy, path, null);
+  return get(context.proxy, path, null);
 };
-var useAppState = exports.useAppState = function useAppState() {
-  var context = (0, _react.useContext)(WidgetContext);
+const useAppState = () => {
+  const context = useContext(WidgetContext);
   if (!context) {
     throw new Error("useAppState must be used within a WidgetProvider");
   }
   return context.pageContext;
-};
+};
+export {
+  WidgetProvider,
+  useAppState,
+  usePageContext,
+  useProxy,
+  useWidgetProxy
+};

package/core/app-config.js

@@ -1 +0,0 @@
-"use strict";