@wavemaker/react-runtime 11.14.2-rc.6311 → 11.15.0-1.246

package/components/navigation/menu/utils/action-task.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.executeActionTaskFromItem = executeActionTaskFromItem;
+function executeActionTaskFromItem(item, listener) {
+  var _item$value$actiontas, _item$value, _item$dataObject;
+  var actiontask = (_item$value$actiontas = item === null || item === void 0 || (_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.actiontask) !== null && _item$value$actiontas !== void 0 ? _item$value$actiontas : item === null || item === void 0 || (_item$dataObject = item.dataObject) === null || _item$dataObject === void 0 ? void 0 : _item$dataObject.actiontask;
+  if (!actiontask || typeof actiontask !== "function") {
+    return;
+  }
+  actiontask ? actiontask() : null;
+}

package/components/navigation/menu/utils/role-filter.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterMenuNodesByRole = filterMenuNodesByRole;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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; }
+/**
+ * Filters menu nodes based on user role
+ * @param nodes - Array of menu nodes to filter
+ * @param currentUserRoles - Current logged-in user's roles (array or comma-separated string)
+ * @param userroleKey - The dynamic key name to use for extracting role from node (defaults to 'userrole')
+ * @returns Filtered array of menu nodes that the user has access to
+ */
+function filterMenuNodesByRole(nodes, currentUserRoles) {
+  var userroleKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "userrole";
+  if (!nodes || !Array.isArray(nodes)) return [];
+
+  // Convert currentUserRoles to array format
+  var userRolesArray = [];
+  if (currentUserRoles) {
+    if (typeof currentUserRoles === "string") {
+      userRolesArray = currentUserRoles.split(",").map(function (r) {
+        return r.trim().toLowerCase();
+      });
+    } else if (Array.isArray(currentUserRoles)) {
+      userRolesArray = currentUserRoles.map(function (r) {
+        return r.toLowerCase();
+      });
+    }
+  }
+  return nodes.map(function (node) {
+    var _node$dataObject;
+    // Create a shallow copy to avoid mutating the original
+    var filteredNode = _objectSpread({}, node);
+
+    // Use the dynamic userroleKey to extract the role from the node
+    var nodeUserRole = ((_node$dataObject = node.dataObject) === null || _node$dataObject === void 0 ? void 0 : _node$dataObject[userroleKey]) || (node === null || node === void 0 ? void 0 : node[userroleKey]);
+
+    // If no userrole is specified on the node, include the item
+    if (!nodeUserRole) {
+      // Still recursively filter children if they exist
+      if (filteredNode.children && Array.isArray(filteredNode.children)) {
+        filteredNode.children = filterMenuNodesByRole(filteredNode.children, currentUserRoles, userroleKey);
+      }
+      return filteredNode;
+    }
+
+    // If userrole is specified but user has no roles, exclude the item
+    if (!currentUserRoles || userRolesArray.length === 0) {
+      return null;
+    }
+
+    // Check if any of the user's roles match the allowed roles
+    var allowedRoles = nodeUserRole.split(",").map(function (r) {
+      return r.trim().toLowerCase();
+    });
+    var hasAccess = userRolesArray.some(function (userRole) {
+      return allowedRoles.includes(userRole);
+    });
+    if (!hasAccess) {
+      return null;
+    }
+
+    // User has access, recursively filter children
+    if (filteredNode.children && Array.isArray(filteredNode.children)) {
+      filteredNode.children = filterMenuNodesByRole(filteredNode.children, currentUserRoles, userroleKey);
+    }
+    return filteredNode;
+  }).filter(function (node) {
+    return node !== null;
+  });
+}

package/components/navigation/popover/index.js

@@ -35,18 +35,72 @@ var WmPopover = function WmPopover(Props) {
     open = _useState4[0],
     setOpen = _useState4[1];
   var isOpen = Boolean(anchorEl);
-  function handleLoad() {
+  var parentWidgetRef = (0, _react.useRef)(null);
+
+  // Exposeable methods
+  var openPopover = (0, _react.useCallback)(function () {
+    var _props$onShow;
+    if (!anchorRef.current) {
+      return;
+    }
+    calculatePlacement();
+    setAnchorEl(anchorRef.current);
+    setIsDialogOpen(true);
+    props === null || props === void 0 || (_props$onShow = props.onShow) === null || _props$onShow === void 0 || _props$onShow.call(props, {}, _objectSpread(_objectSpread({
+      isOpen: true
+    }, props), {}, {
+      viewParent: parentWidgetRef.current
+    }));
+  }, []);
+  var closePopover = (0, _react.useCallback)(function () {
+    var _props$onHide;
+    if (!isOpen) {
+      return;
+    }
+    setAnchorEl(null);
+    setIsDialogOpen(false);
+    props === null || props === void 0 || (_props$onHide = props.onHide) === null || _props$onHide === void 0 || _props$onHide.call(props, {}, _objectSpread(_objectSpread({
+      isOpen: false
+    }, props), {}, {
+      viewParent: parentWidgetRef.current
+    }));
+  }, [isOpen]);
+  var togglePopover = (0, _react.useCallback)(function () {
+    if (isOpen) {
+      closePopover();
+    } else {
+      openPopover();
+    }
+  }, [isOpen, openPopover, closePopover]);
+
+  // Register methods on listener
+  (0, _react.useEffect)(function () {
+    var _ref = props,
+      listener = _ref.listener,
+      name = _ref.name;
+    if (listener !== null && listener !== void 0 && listener.onChange && name) {
+      listener.onChange(name, {
+        open: openPopover,
+        close: closePopover,
+        toggle: togglePopover,
+        isOpen: isOpen
+      });
+    }
+  }, []);
+  function handleLoad(widget) {
     if (props.onLoad && !loadedRef.current) {
       loadedRef.current = true;
-      var widgetInstance = _objectSpread({
-        isOpen: isOpen
-      }, props);
-      props.onLoad(widgetInstance);
+      props.onLoad(widget);
     }
   }
   (0, _react.useEffect)(function () {
-    handleLoad();
-  }, [!loadedRef.current]);
+    if (!isOpen || props.content) {
+      return;
+    }
+    handleLoad(_objectSpread({
+      isOpen: isOpen
+    }, props));
+  }, [isOpen]);
   var calculatePlacement = function calculatePlacement() {
     if (!anchorRef.current) return;
     var rect = anchorRef.current.getBoundingClientRect();
@@ -67,28 +121,37 @@ var WmPopover = function WmPopover(Props) {
   var handleClick = function handleClick(event) {
     event.preventDefault();
     event.stopPropagation();
+    parentWidgetRef.current = props.listener;
+    var widget = _objectSpread({
+      isOpen: isOpen
+    }, props);
+    widget.viewParent = parentWidgetRef.current;
+    delete widget.listener;
+    if (!isOpen) {
+      loadedRef.current = false;
+    }
     if (anchorEl) {
       if (isDialogOpen) {
-        var _props$onHide;
+        var _props$onHide2;
         setIsDialogOpen(false);
         setAnchorEl(null);
-        props === null || props === void 0 || (_props$onHide = props.onHide) === null || _props$onHide === void 0 || _props$onHide.call(props, event.nativeEvent, props);
+        props === null || props === void 0 || (_props$onHide2 = props.onHide) === null || _props$onHide2 === void 0 || _props$onHide2.call(props, event.nativeEvent, widget);
         return;
       }
       (0, _debounce["default"])(function () {
-        var _props$onHide2;
+        var _props$onHide3;
         setAnchorEl(null);
-        props === null || props === void 0 || (_props$onHide2 = props.onHide) === null || _props$onHide2 === void 0 || _props$onHide2.call(props, event.nativeEvent, props);
+        props === null || props === void 0 || (_props$onHide3 = props.onHide) === null || _props$onHide3 === void 0 || _props$onHide3.call(props, event.nativeEvent, widget);
       }, 500);
     } else {
-      var _props$onShow;
+      var _props$onShow2;
       if (open) {
         setOpen(false);
         return;
       }
       calculatePlacement();
       setAnchorEl(event.currentTarget);
-      props === null || props === void 0 || (_props$onShow = props.onShow) === null || _props$onShow === void 0 || _props$onShow.call(props, event.nativeEvent, props);
+      props === null || props === void 0 || (_props$onShow2 = props.onShow) === null || _props$onShow2 === void 0 || _props$onShow2.call(props, event.nativeEvent, widget);
       setIsDialogOpen(true);
     }
   };
@@ -101,31 +164,37 @@ var WmPopover = function WmPopover(Props) {
     horizontal: placement === "left" ? "right" : placement === "right" ? "left" : "center"
   };
   function handleClose(event, reason) {
-    var _props$onHide5;
+    var _props$onHide6;
     if (props.autoclose === "disabled") {
       return;
     }
     // Always: close when user clicks anywhere on the page
     else if (props.autoclose === "always") {
-      var _props$onHide3;
+      var _props$onHide4;
       setAnchorEl(null);
-      props === null || props === void 0 || (_props$onHide3 = props.onHide) === null || _props$onHide3 === void 0 || _props$onHide3.call(props, event.nativeEvent, props);
+      props === null || props === void 0 || (_props$onHide4 = props.onHide) === null || _props$onHide4 === void 0 || _props$onHide4.call(props, event.nativeEvent, _objectSpread(_objectSpread({}, props), {}, {
+        viewParent: parentWidgetRef.current
+      }));
       return;
     }
 
     // Outside Click: close when user clicks outside the popover content
     else if (props.autoclose === "outsideClick") {
       if (reason === "backdropClick") {
-        var _props$onHide4;
+        var _props$onHide5;
         setAnchorEl(null);
-        props === null || props === void 0 || (_props$onHide4 = props.onHide) === null || _props$onHide4 === void 0 || _props$onHide4.call(props, event.nativeEvent, props);
+        props === null || props === void 0 || (_props$onHide5 = props.onHide) === null || _props$onHide5 === void 0 || _props$onHide5.call(props, event.nativeEvent, _objectSpread(_objectSpread({}, props), {}, {
+          viewParent: parentWidgetRef.current
+        }));
       }
       return;
     }
 
     // Default behavior for any other autoclose value
     setAnchorEl(null);
-    props === null || props === void 0 || (_props$onHide5 = props.onHide) === null || _props$onHide5 === void 0 || _props$onHide5.call(props, event.nativeEvent, props);
+    props === null || props === void 0 || (_props$onHide6 = props.onHide) === null || _props$onHide6 === void 0 || _props$onHide6.call(props, event.nativeEvent, _objectSpread(_objectSpread({}, props), {}, {
+      viewParent: parentWidgetRef.current
+    }));
   }
   var arrowStyles = (0, _react.useMemo)(function () {
     if (!anchorRef.current) return {};
@@ -133,8 +202,8 @@ var WmPopover = function WmPopover(Props) {
       left: "calc(50% - 10px)"
     }), placement === "bottom" && {
       left: "calc(50% - 10px)"
-    }), (placement === "left" || placement === "right") && {
-      top: anchorRef.current ? "".concat(anchorRef.current.getBoundingClientRect().top + anchorRef.current.getBoundingClientRect().height / 2 - 10, "px") : "calc(50% - 10px)"
+    }), {}, {
+      marginLeft: "-4px"
     });
   }, [placement, props.popoverplacement, calculatePlacement]);
   var popoverHeight = props.popoverheight.includes("px") ? props.popoverheight : "".concat(props.popoverheight, "px");
@@ -145,7 +214,8 @@ var WmPopover = function WmPopover(Props) {
       "app-popover-wrapper": true
     }),
     style: props.styles,
-    name: props.name
+    name: props.name,
+    hidden: props.hidden
   }, __jsx(_anchor.WmAnchor, {
     hint: props.hint || props.name,
     ref: anchorRef,
@@ -156,7 +226,7 @@ var WmPopover = function WmPopover(Props) {
     styles: props.styles,
     onClick: handleClick,
     onMouseEnter: function onMouseEnter(event) {
-      if (props.interaction === "hover") {
+      if (props.interaction === "hover" || props.interaction === "default") {
         handleClick(event);
       }
     },
@@ -173,8 +243,10 @@ var WmPopover = function WmPopover(Props) {
     iconwidth: props.iconwidth,
     badgevalue: props.badgevalue,
     encodeurl: props.encodeurl,
-    shortcutkey: props.shortcutkey
+    shortcutkey: props.shortcutkey,
+    name: props.name
   })), __jsx(_Popover["default"], {
+    hidden: props.hidden,
     open: isOpen,
     anchorEl: anchorEl,
     onClose: handleClose,
@@ -185,19 +257,18 @@ var WmPopover = function WmPopover(Props) {
       exit: 0
     },
     disableScrollLock: true,
+    disableAutoFocus: true,
+    disableEnforceFocus: true,
+    disableRestoreFocus: true,
     slotProps: {
       paper: {
         style: {
           height: popoverHeight,
-          width: popoverWidth
+          width: popoverWidth,
+          pointerEvents: props.autoclose === "disabled" ? "none" : "auto"
         },
-        className: (0, _clsx["default"])(placement, "app-popover in popover", props.contentanimation && "animated ".concat(props.contentanimation), "popover-".concat(placement), "bs-popover-".concat(placement))
+        className: (0, _clsx["default"])(placement, "app-popover in popover", props.contentanimation && "animated ".concat(props.contentanimation), "popover-".concat(placement), "bs-popover-".concat(placement), 'bs3 popover-logout-popover')
       }
-    },
-    style: {
-      pointerEvents: props.autoclose === "disabled" ? "none" : "auto",
-      height: popoverHeight,
-      width: popoverWidth
     }
   }, __jsx("div", {
     className: (0, _clsx["default"])("popover-arrow arrow", props.popoverarrow === false && "hidden"),
@@ -206,6 +277,8 @@ var WmPopover = function WmPopover(Props) {
     className: "popover-title popover-header"
   }, props.title), __jsx("div", {
     className: "popover-content popover-body"
-  }, props.render && props.content ? props.render(props, handleLoad) : props.children)));
+  }, props.render && props.content ? __jsx(_react.Suspense, {
+    fallback: null
+  }, props.render(props, handleLoad)) : props.children)));
 };
 var _default = exports["default"] = (0, _withBaseWrapper["default"])(WmPopover);

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

@@ -6,16 +6,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _Container = _interopRequireDefault(require("@mui/material/Container"));
 var _appstore = _interopRequireDefault(require("@wavemaker/react-runtime/core/appstore"));
+var _spinner = require("../../basic/spinner");
+var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
 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 WmPartialContainer = /*#__PURE__*/(0, _react.memo)(function (props) {
   var prefab = props.prefab,
     content = props.content,
-    prefabName = props.prefabName;
+    prefabName = props.prefabName,
+    onLoad = props.onLoad;
+  var loadedRef = (0, _react.useRef)(false);
   var params = {};
+  var handleLoad = (0, _react.useCallback)(function (widget) {
+    if (onLoad && !loadedRef.current) {
+      loadedRef.current = true;
+      widget.viewParent = props.listener;
+      onLoad(widget);
+    }
+  }, [onLoad, props.listener]);
   Object.keys(props).forEach(function (k) {
     //@ts-ignore
     params[k] = props[k];
@@ -27,7 +41,9 @@ var WmPartialContainer = /*#__PURE__*/(0, _react.memo)(function (props) {
       var _partial = _partials.find(function (p) {
         return p.name === content;
       });
-      return __jsx(_react["default"].Fragment, null, _partial ? /*#__PURE__*/_react["default"].createElement(_partial.component, params) : null);
+      return __jsx(_react["default"].Fragment, null, _partial ? /*#__PURE__*/_react["default"].createElement(_partial.component, _objectSpread(_objectSpread({}, params), {}, {
+        onRender: handleLoad
+      })) : null);
     }
 
     // @ts-ignore
@@ -35,12 +51,25 @@ var WmPartialContainer = /*#__PURE__*/(0, _react.memo)(function (props) {
     var partial = partials.find(function (p) {
       return p.name === content;
     });
-    return __jsx(_react["default"].Fragment, null, partial ? /*#__PURE__*/_react["default"].createElement(partial.component, params) : null);
+    return __jsx(_react["default"].Fragment, null, partial ? /*#__PURE__*/_react["default"].createElement(partial.component, _objectSpread(_objectSpread({}, params), {}, {
+      onRender: handleLoad
+    })) : null);
   };
-  return __jsx(_Container["default"], null, contentToRender());
+  return __jsx(_Container["default"], {
+    className: "partial-container"
+  }, __jsx(_react.Suspense, {
+    fallback: __jsx(_spinner.WmSpinner, {
+      show: true,
+      listener: props.listener,
+      name: "partial-container-spinner"
+    })
+  }, contentToRender()));
 }, function (prevProps, nextProps) {
-  var keys = ["content", "prefab", "prefabName", "partialName"];
+  var keys = ["content", "prefab", "prefabName", "partialName", "styles", "params"];
   return keys.every(function (key) {
+    if (key == "styles") {
+      return (0, _isEqual["default"])(prevProps[key], nextProps[key]);
+    }
     return prevProps[key] === nextProps[key];
   });
 });

package/components/prefab/index.js

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _attr = require("@wavemaker/react-runtime/utils/attr");
 var _excluded = ["styles", "onLoad", "onDestroy", "onRender", "children", "trafficlayer", "transitlayer", "stopover", "onMarkerclick", "onMarkerhover", "onMarkerdragend", "show", "listener", "width", "height"];
 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;
@@ -52,10 +53,7 @@ var WmPrefab = function WmPrefab(props) {
       }
     };
   }, [onLoad, onDestroy]);
-  if (!show && !loadedRef.current) {
-    return null;
-  }
-  return __jsx("div", (0, _extends2["default"])({}, rest, {
+  return __jsx("div", (0, _extends2["default"])({}, (0, _attr.removeInvalidAttributes)(rest, ["hidden"]), {
     style: _objectSpread(_objectSpread(_objectSpread({}, styles), width !== undefined && {
       width: parseFloat(width)
     }), height !== undefined && {

package/context/PrefabContext.js

@@ -5,17 +5,21 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.PrefabContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _lodash = require("lodash");
 var _events = require("../core/constants/events");
 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;
-var PrefabContext = /*#__PURE__*/(0, _react.createContext)({
+var PrefabContext = exports.PrefabContext = /*#__PURE__*/(0, _react.createContext)({
   inbound: {},
   outbound: {},
-  prefabName: ""
+  prefabName: "",
+  parentForm: undefined,
+  isParentList: false,
+  formArrayIndex: -1,
+  parentListName: undefined
 });
 var getChangedKeys = function getChangedKeys(prev, curr) {
   var changes = [];
@@ -92,7 +96,7 @@ var PrefabProvider = function PrefabProvider(_ref) {
       }
 
       // Try to emit with retry mechanism
-      var tryEmit = function tryEmit() {
+      var _tryEmit = function tryEmit() {
         // Convert array to object format that BasePage expects: {0: change1, 1: change2, ...}
         var changesAsObject = {};
         pendingChangesRef.current.forEach(function (change, index) {
@@ -112,7 +116,7 @@ var PrefabProvider = function PrefabProvider(_ref) {
 
           // On initial mount, use more RAF cycles for slower machines
           var rafCycles = isInitialMountRef.current ? 10 : 5;
-          var rafChain = tryEmit;
+          var rafChain = _tryEmit;
           var _loop = function _loop() {
             var next = rafChain;
             rafChain = function rafChain() {
@@ -149,7 +153,7 @@ var PrefabProvider = function PrefabProvider(_ref) {
       var initialRafCycles = isInitialMountRef.current ? 5 : 3;
       queueMicrotask(function () {
         // Build RAF chain: each cycle waits for the next frame
-        var rafChain = tryEmit;
+        var rafChain = _tryEmit;
         var _loop2 = function _loop2() {
           var next = rafChain;
           rafChain = function rafChain() {

package/context/WidgetProvider.js

@@ -9,12 +9,10 @@ exports.useWidgetProxy = exports.useProxy = exports.usePageContext = exports.use
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
 var _get = _interopRequireDefault(require("lodash-es/get"));
 var _debounce = _interopRequireDefault(require("lodash-es/debounce"));
 var _proxyService = require("../core/proxy-service");
 var _useHttp = require("../hooks/useHttp");
-var _widgetCleanupUtil = require("../utils/widget-cleanup-util");
 var _formState = require("../utils/form-state.util");
 var _events = require("../core/constants/events");
 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); }
@@ -36,20 +34,6 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
     setPageContext = _useState[1];
   var pageContextRef = (0, _react.useRef)(value);
   pageContextRef.current = pageContext;
-
-  // Create cleanup utility instance
-  var cleanupUtilRef = (0, _react.useRef)(null);
-
-  // Initialize cleanup utility if not already created
-  if (!cleanupUtilRef.current) {
-    cleanupUtilRef.current = (0, _widgetCleanupUtil.createWidgetCleanup)({
-      setPageContext: setPageContext,
-      proxyRef: {
-        current: proxy
-      },
-      debounceDelay: 100
-    });
-  }
   (0, _react.useEffect)(function () {
     setPageContext(function (prevContext) {
       var newContext = _objectSpread({}, prevContext);
@@ -59,12 +43,14 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
           var incomingWidget = value.Widgets[widgetName];
           if (!currentWidget || !proxyMap.has(currentWidget)) {
             // Create new proxy if widget doesn't exist or isn't proxied
-            var widgetProxy = (0, _proxyService.createWidgetProxy)(_objectSpread({}, incomingWidget), widgetName, setPageContext);
+            // Get registry from pageContext if available
+            var registry = value === null || value === void 0 ? void 0 : value.overriddenPropsRegistry;
+            var widgetProxy = (0, _proxyService.createWidgetProxy)(_objectSpread({}, incomingWidget), widgetName, setPageContext, registry);
             newContext.Widgets[widgetName] = widgetProxy;
             newContext.App.Widgets[widgetName] = widgetProxy;
 
             // Register form field if applicable
-            (0, _formState.registerFormField)(newContext.Widgets, widgetProxy, incomingWidget);
+            (0, _formState.registerFormField)(newContext.Widgets, widgetProxy, incomingWidget, newContext);
           } else {
             // Update existing proxy properties - important for widgets that start minimal
             // Always update all properties to ensure proxy has complete data
@@ -94,7 +80,7 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
     return function (widgetName, props) {
       if (!widgetName || !pageContext.Widgets) return;
       var widget = pageContext.Widgets[widgetName];
-      if (!(0, _isEqual["default"])(widget, props)) {
+      if (widget != props) {
         pageContext.Widgets[widgetName] = props;
         pageContextRef.current.Widgets[widgetName] = props;
       }
@@ -103,18 +89,6 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
       (0, _formState.registerFormFieldSafe)(pageContext.Widgets, props);
     };
   }, []);
-  var cleanup = function cleanup(name) {
-    var _cleanupUtilRef$curre;
-    (_cleanupUtilRef$curre = cleanupUtilRef.current) === null || _cleanupUtilRef$curre === void 0 || _cleanupUtilRef$curre.cleanup(name);
-  };
-  var contextValue = (0, _react.useMemo)(function () {
-    return {
-      pageContext: pageContext,
-      updateWidgetState: updateWidgetState,
-      proxy: proxy,
-      cleanup: cleanup
-    };
-  }, [pageContext, updateWidgetState, proxy, cleanup]);
 
   // Stable debounced emitter
   var debouncedEmitRef = (0, _react.useRef)((0, _debounce["default"])(function (partialName, context) {
@@ -150,6 +124,28 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
     if (isPage || !partialName) return;
     debouncedEmitRef.current(partialName, proxy);
   }, [isPage, partialName, pageContext]);
+  var destroy = (0, _react.useCallback)(function (widgetName) {
+    widgetName.forEach(function (name) {
+      var _overriddenPropsRegis;
+      pageContext === null || pageContext === void 0 || (_overriddenPropsRegis = pageContext.overriddenPropsRegistry) === null || _overriddenPropsRegis === void 0 || _overriddenPropsRegis.destroy(name);
+      if (pageContext.Widgets[name]) {
+        delete pageContext.Widgets[name];
+        delete proxy.Widgets[name];
+      }
+      if (pageContext.Widgets[name]) {
+        delete pageContext.Widgets[name];
+        delete proxy.Widgets[name];
+      }
+    });
+  }, []);
+  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));
@@ -166,6 +162,9 @@ var useWidgetProxy = exports.useWidgetProxy = function useWidgetProxy(name) {
   if (!context) {
     throw new Error("useWidgetProxy must be used within a WidgetProvider");
   }
+  if (!name) {
+    return context.proxy.Widgets;
+  }
   return (0, _get["default"])(context.proxy, "Widgets.".concat(name), {});
 };
 var useProxy = exports.useProxy = function useProxy(path) {

package/core/app.service.js

@@ -33,7 +33,7 @@ function _loadWmProperties() {
         case 0:
           _context4.prev = 0;
           _context4.next = 3;
-          return _axios["default"].get("".concat(baseUrl, "/services/application/wmProperties.js"));
+          return _axios["default"].get("".concat(baseUrl !== null && baseUrl !== void 0 ? baseUrl : "", "/services/application/wmProperties.js"));
         case 3:
           response = _context4.sent;
           text = response.data;