@wavemaker/react-runtime 11.14.1-rc.241 → 11.14.2-1.6423

package/components/navigation/menu/index.js

@@ -23,11 +23,15 @@ var _lodash = require("lodash");
 var _link = _interopRequireDefault(require("next/link"));
 var _ListItems = require("./components/ListItems");
 var _utils = require("@wavemaker/react-runtime/core/util/utils");
-var _excluded = ["menualign", "menuposition", "menulayout", "menuclass", "linktarget", "iconclass", "type", "animateitems", "disableMenuContext", "showonhover", "panelPosition", "autoclose", "autoopen", "hint", "arialabel", "width", "height", "iconposition", "caption", "shortcutkey", "onClick", "onSelect", "navNodes", "styles", "conditionalstyles", "className", "children", "listener", "name", "resetNavNodes", "nodes$", "dataset", "orderby", "itemlabel", "itemlink", "itemicon", "itemaction", "userrole", "itemchildren", "isactive", "displayValue", "onActionsclick", "dataPath"];
+var _navigation = require("next/navigation");
+var _excluded = ["menualign", "menuposition", "menulayout", "menuclass", "linktarget", "iconclass", "type", "animateitems", "disableMenuContext", "showonhover", "panelPosition", "autoclose", "autoopen", "hint", "arialabel", "width", "height", "iconposition", "caption", "shortcutkey", "onClick", "onSelect", "navNodes", "styles", "conditionalstyles", "className", "children", "listener", "name", "resetNavNodes", "nodes$", "dataset", "orderby", "itemlabel", "itemlink", "itemicon", "itemaction", "userrole", "itemchildren", "isactive", "displayValue", "onActionsclick", "dataPath", "isFromNav", "onNavItemActivate"];
 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 isPathMatchingLink = function isPathMatchingLink(path, link) {
+  return new RegExp(link.replace("#", "").replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "i").test(path);
+};
 var hasLinkToCurrentPage = function hasLinkToCurrentPage(nodes, currentPath) {
   if (!nodes || !Array.isArray(nodes)) return false;
   return nodes.some(function (node) {
@@ -191,8 +195,11 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
     displayValue = props.displayValue,
     onActionsclick = props.onActionsclick,
     dataPath = props.dataPath,
+    _props$isFromNav = props.isFromNav,
+    isFromNav = _props$isFromNav === void 0 ? false : _props$isFromNav,
+    onNavItemActivate = props.onNavItemActivate,
     restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+  var path = (0, _navigation.usePathname)();
   // State
   var _useState2 = (0, _react.useState)(false),
     open = _useState2[0],
@@ -359,9 +366,14 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
       setActiveItem(null);
       setFocusedIndex(-1);
     }
-  }, [onClick, listener, name, open]);
+
+    // If menu is from nav, notify nav to activate the nav item when menu button is clicked
+    if (isFromNav && onNavItemActivate) {
+      onNavItemActivate();
+    }
+  }, [onClick, listener, name, open, isFromNav, onNavItemActivate]);
   var handleMenuItemClick = (0, _react.useCallback)(function (event, item) {
-    var _item$dataObject, _item$dataObject2;
+    var _item$dataObject, _item$dataObject2, _item$dataObject3;
     var _getNodeProperties = getNodeProperties(item),
       label = _getNodeProperties.label,
       icon = _getNodeProperties.icon,
@@ -386,20 +398,26 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
     var simplifiedItem = {
       label: label,
       dataValue: ((_item$dataObject = item.dataObject) === null || _item$dataObject === void 0 ? void 0 : _item$dataObject.dataValue) || label,
+      value: ((_item$dataObject2 = item.dataObject) === null || _item$dataObject2 === void 0 ? void 0 : _item$dataObject2.dataValue) || label,
       icon: icon,
       link: link,
-      target: (_item$dataObject2 = item.dataObject) === null || _item$dataObject2 === void 0 ? void 0 : _item$dataObject2.target
+      target: (_item$dataObject3 = item.dataObject) === null || _item$dataObject3 === void 0 ? void 0 : _item$dataObject3.target
     };
     if (onSelect) {
       onSelect(event, props, simplifiedItem);
     }
+
+    // If menu is from nav, notify nav to activate the nav item
+    if (isFromNav && onNavItemActivate) {
+      onNavItemActivate();
+    }
     if (name && listener !== null && listener !== void 0 && listener.Widgets[name]) {
       listener.Widgets[name].displayValue = label;
     }
     if (listener !== null && listener !== void 0 && listener.onChange) {
-      listener.onChange(name, _objectSpread(_objectSpread({}, props), {}, {
+      listener.onChange(name, {
         datavalue: label
-      }));
+      });
     }
     // Then trigger item action (executes action and/or navigates to link)
     // Use setTimeout to ensure onSelect navigation completes first, then dataset link navigation happens
@@ -410,7 +428,8 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
       setOpen(false);
       setFocusedIndex(-1);
     }
-  }, [flattenedNodes, onSelect, props, name, listener, autoclose, getNodeProperties]);
+    onActionsclick === null || onActionsclick === void 0 || onActionsclick(event, item);
+  }, [flattenedNodes, onSelect, props, name, listener, autoclose, getNodeProperties, isFromNav, onNavItemActivate]);
 
   // Keyboard navigation
   var focusNode = (0, _react.useCallback)(function (index) {
@@ -562,6 +581,7 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
   var renderMenuItems = (0, _react.useCallback)(function (nodes) {
     if (!nodes || !Array.isArray(nodes)) return null;
     return nodes.map(function (node, index) {
+      var _value;
       var _getNodeProperties2 = getNodeProperties(node),
         label = _getNodeProperties2.label,
         icon = _getNodeProperties2.icon,
@@ -569,6 +589,8 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
         hint = _getNodeProperties2.hint,
         disabled = _getNodeProperties2.disabled,
         children = _getNodeProperties2.children;
+      var nodeValueLink = node === null || node === void 0 || (_value = node.value) === null || _value === void 0 ? void 0 : _value.link;
+      var isActive = nodeValueLink && typeof nodeValueLink === "string" ? isPathMatchingLink(path, nodeValueLink) : link ? isPathMatchingLink(path, link) : false;
       var _menuposition$split = menuposition.split(","),
         _menuposition$split2 = (0, _slicedToArray2["default"])(_menuposition$split, 2),
         verticalPos = _menuposition$split2[0],
@@ -579,7 +601,10 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
       return __jsx(_Box["default"], {
         component: "li",
         key: index,
-        className: (0, _clsx["default"])(children && children.length > 0 && "dropdown-submenu", "app-menu-item", hoveredNodes.has(node) && "hovered"),
+        className: (0, _clsx["default"])(children && children.length > 0 && "dropdown-submenu", "app-menu-item", {
+          active: isActive,
+          hovered: hoveredNodes.has(node)
+        }),
         onMouseEnter: function onMouseEnter() {
           return handleNodeMouseEnter(node);
         },
@@ -592,10 +617,11 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
       }, __jsx(_link["default"], {
         title: label,
         className: disabled ? "disabled" : "",
-        href: "javascript:void(0)",
+        href: "#",
         onClick: function onClick(event) {
           handleMenuItemClick(event, node);
-        }
+        },
+        prefetch: false
       }, children && children.length > 0 && __jsx("span", {
         className: (0, _clsx["default"])("pull-right fa caret", _constants.menuAlignClass[menualign] || "fa-caret-right")
       }), icon && __jsx("i", {
@@ -647,6 +673,41 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
       }
     }
   }, [transformedDataset, autoopen]);
+  var notifiedPathRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (!isFromNav || !onNavItemActivate || !transformedDataset || transformedDataset.length === 0) {
+      return;
+    }
+
+    // Check if any menu item is active using the same logic as renderMenuItems
+    var checkIfActive = function checkIfActive(nodes) {
+      if (!nodes || !Array.isArray(nodes)) return false;
+      return nodes.some(function (node) {
+        var _value2;
+        var _getNodeProperties3 = getNodeProperties(node),
+          link = _getNodeProperties3.link,
+          children = _getNodeProperties3.children;
+        var nodeValueLink = node === null || node === void 0 || (_value2 = node.value) === null || _value2 === void 0 ? void 0 : _value2.link;
+        var isActive = nodeValueLink && typeof nodeValueLink === "string" ? isPathMatchingLink(path, nodeValueLink) : link ? isPathMatchingLink(path, link) : false;
+        if (isActive) return true;
+        if (children && children.length > 0) {
+          return checkIfActive(children);
+        }
+        return false;
+      });
+    };
+    var hasActiveItem = checkIfActive(transformedDataset);
+
+    // Notify nav if there's an active item and we haven't notified for this path yet
+    if (hasActiveItem && notifiedPathRef.current !== path) {
+      onNavItemActivate();
+      notifiedPathRef.current = path;
+      setOpen(true);
+    } else if (!hasActiveItem) {
+      // Reset when no active item found
+      notifiedPathRef.current = null;
+    }
+  }, [path, transformedDataset, isFromNav, onNavItemActivate, getNodeProperties]);
   (0, _react.useEffect)(function () {
     // Handle outside click for both "outsideClick" and "always" autoclose modes
     if (!open || autoclose === _constants.AUTO_CLOSE.NEVER) return;
@@ -749,7 +810,7 @@ var WmMenu = /*#__PURE__*/(0, _react.memo)(function (props) {
     enterDelay: _constants.TOOLTIP_ENTER_DELAY,
     disableHoverListener: !hint
   }, type === "anchor" ? __jsx("a", (0, _extends2["default"])({
-    className: (0, _clsx["default"])("dropdown-toggle app-anchor", "icon-position-".concat(iconposition)),
+    className: (0, _clsx["default"])("dropdown-toggle app-anchor"),
     "icon-position": "left",
     role: "button",
     onClick: handleMenuClick,

package/components/navigation/popover/index.js

@@ -65,6 +65,8 @@ var WmPopover = function WmPopover(Props) {
     }
   };
   var handleClick = function handleClick(event) {
+    event.preventDefault();
+    event.stopPropagation();
     if (anchorEl) {
       if (isDialogOpen) {
         var _props$onHide;

package/components/page/error-boundary/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/components/prefab/container/index.js

@@ -9,20 +9,23 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _excluded = ["styles", "onLoad", "onDestroy", "children"];
+var _excluded = ["styles", "onLoad", "onDestroy", "children", "className"];
 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 timeoutId = null;
 var WmPrefabContainer = function WmPrefabContainer(props) {
+  var DEFAULT_CLASS = "app-prefab-container full-height";
   var styles = props.styles,
     onLoad = props.onLoad,
     onDestroy = props.onDestroy,
     children = props.children,
+    className = props.className,
     rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var loadedRef = (0, _react.useRef)(false);
   var ref = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (onLoad && !loadedRef.current) {
-      setTimeout(function () {
+      timeoutId = setTimeout(function () {
         onLoad(Event, {
           ref: ref.current
         });
@@ -35,12 +38,16 @@ var WmPrefabContainer = function WmPrefabContainer(props) {
           ref: ref.current
         });
       }
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
     };
   }, [onLoad, onDestroy]);
   return __jsx("div", (0, _extends2["default"])({
     style: styles
   }, rest, {
-    ref: ref
+    ref: ref,
+    className: className || DEFAULT_CLASS
   }), children);
 };
 var _default = exports["default"] = WmPrefabContainer;

package/context/LocalizationProvider.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");

package/context/PrefabContext.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePrefabContext = exports["default"] = void 0;
+exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _lodash = require("lodash");
@@ -14,11 +14,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var __jsx = _react["default"].createElement;
 var PrefabContext = /*#__PURE__*/(0, _react.createContext)({
   inbound: {},
-  outbound: {}
+  outbound: {},
+  prefabName: ""
 });
-var usePrefabContext = exports.usePrefabContext = function usePrefabContext() {
-  return (0, _react.useContext)(PrefabContext);
-};
 var getChangedKeys = function getChangedKeys(prev, curr) {
   var changes = [];
   var keys = new Set([].concat((0, _toConsumableArray2["default"])(Object.keys(prev)), (0, _toConsumableArray2["default"])(Object.keys(curr))));
@@ -27,13 +25,21 @@ var getChangedKeys = function getChangedKeys(prev, curr) {
     if (ignoredKeys.includes(key)) {
       return;
     }
-    // Skip functions - we only want to track value changes
+    // Handle functions - compare their definitions to avoid unnecessary renders
     var prevValue = prev[key];
     var currValue = curr[key];
-    if (typeof prevValue === "function" || typeof currValue === "function") {
+    if (typeof prevValue === "function" && typeof currValue === "function") {
+      // Compare function definitions instead of function instances
+      if (prevValue.toString() !== currValue.toString() && prevValue === undefined && currValue !== undefined) {
+        changes.push({
+          key: key,
+          oldValue: prevValue,
+          newValue: currValue
+        });
+      }
       return;
     }
-    if (!(0, _lodash.isEqual)(prevValue, currValue)) {
+    if (!(0, _lodash.isEqual)(prevValue, currValue) && currValue !== undefined && currValue !== null) {
       changes.push({
         key: key,
         oldValue: prevValue,
@@ -46,19 +52,138 @@ var getChangedKeys = function getChangedKeys(prev, curr) {
 var PrefabProvider = function PrefabProvider(_ref) {
   var Context = _ref.value,
     children = _ref.children;
-  var prevInboundRef = (0, _react.useRef)(Context.inbound);
   var prevOutboundRef = (0, _react.useRef)(Context.outbound);
+  var pendingChangesRef = (0, _react.useRef)([]);
+  var retryCountRef = (0, _react.useRef)(0);
+  var isInitialMountRef = (0, _react.useRef)(true);
+  var maxRetries = 20;
+  var initialMountMaxRetries = 30;
+  var rafIdRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     var currInbound = Context.inbound;
+    if ((0, _lodash.isEqual)(prevOutboundRef.current, currInbound)) {
+      return;
+    }
+
+    // Fix: Compare prevInboundRef.current with currInbound, not prevOutboundRef
     var inboundChanges = getChangedKeys(prevOutboundRef.current, currInbound);
+
+    // Update ref for next comparison
     prevOutboundRef.current = currInbound;
     if (inboundChanges.length > 0) {
-      setTimeout(function () {
-        _events.EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_EMIT(inboundChanges);
-      }, 1000);
+      // Merge new changes with pending changes (deduplicate by key)
+      var changeMap = new Map();
+
+      // Add existing pending changes first
+      pendingChangesRef.current.forEach(function (change) {
+        changeMap.set(change.key, change);
+      });
+
+      // Overwrite with new changes (they're more recent)
+      inboundChanges.forEach(function (change) {
+        changeMap.set(change.key, change);
+      });
+      pendingChangesRef.current = Array.from(changeMap.values());
+      retryCountRef.current = 0;
+
+      // Cancel any pending RAF
+      if (rafIdRef.current !== null) {
+        cancelAnimationFrame(rafIdRef.current);
+      }
+
+      // Try to emit with retry mechanism
+      var tryEmit = function tryEmit() {
+        // Convert array to object format that BasePage expects: {0: change1, 1: change2, ...}
+        var changesAsObject = {};
+        pendingChangesRef.current.forEach(function (change, index) {
+          changesAsObject[index] = change;
+        });
+
+        // Emit the event
+        // Note: EventEmitter.emit returns true if there are listeners, false otherwise
+        var hasListeners = _events.EVENTEMITTER_METHODS.PREFAB_STATE_SYNC_EMIT(Context.prefabName, changesAsObject);
+
+        // Determine max retries based on whether this is initial mount
+        var currentMaxRetries = isInitialMountRef.current ? initialMountMaxRetries : maxRetries;
+
+        // If no listeners were registered and we haven't exceeded max retries, retry
+        if (!hasListeners && retryCountRef.current < currentMaxRetries) {
+          retryCountRef.current += 1;
+
+          // On initial mount, use more RAF cycles for slower machines
+          var rafCycles = isInitialMountRef.current ? 10 : 5;
+          var rafChain = tryEmit;
+          var _loop = function _loop() {
+            var next = rafChain;
+            rafChain = function rafChain() {
+              rafIdRef.current = requestAnimationFrame(function () {
+                next();
+              });
+            };
+          };
+          for (var i = 0; i < rafCycles; i++) {
+            _loop();
+          }
+          rafChain();
+        } else {
+          // Successfully emitted (listeners received it) or max retries reached
+          if (hasListeners) {
+            // Success! Mark as no longer initial mount after first successful emission
+            isInitialMountRef.current = false;
+          } else {
+            // Max retries reached but no listeners found
+            // This could happen if BasePage is taking longer than expected
+            // Reset the flag to allow normal retry behavior for future updates
+            // This prevents being stuck in initial mount mode indefinitely
+            isInitialMountRef.current = false;
+            console.warn("PrefabContext: Max retries reached without finding listeners. " + "BasePage may not be ready yet. Future updates will use normal retry behavior.");
+          }
+          pendingChangesRef.current = [];
+          retryCountRef.current = 0;
+          rafIdRef.current = null;
+        }
+      };
+
+      // Start emission process: wait for React commit, then BasePage initialization
+      // Use more RAF cycles on initial mount (hard reload scenarios)
+      var initialRafCycles = isInitialMountRef.current ? 5 : 3;
+      queueMicrotask(function () {
+        // Build RAF chain: each cycle waits for the next frame
+        var rafChain = tryEmit;
+        var _loop2 = function _loop2() {
+          var next = rafChain;
+          rafChain = function rafChain() {
+            rafIdRef.current = requestAnimationFrame(function () {
+              next();
+            });
+          };
+        };
+        for (var i = 0; i < initialRafCycles; i++) {
+          _loop2();
+        }
+
+        // Start the chain
+        rafChain();
+      });
     }
-    prevInboundRef.current = currInbound;
   }, [Context.inbound]);
+
+  // Cleanup RAF on unmount and reset state on remount
+  (0, _react.useEffect)(function () {
+    return function () {
+      // Cancel any pending RAF operations
+      if (rafIdRef.current !== null) {
+        cancelAnimationFrame(rafIdRef.current);
+        rafIdRef.current = null;
+      }
+      // Reset state for clean remount
+      pendingChangesRef.current = [];
+      retryCountRef.current = 0;
+      // Reset initial mount flag on unmount so next mount starts fresh
+      // This ensures proper behavior if component unmounts and remounts
+      isInitialMountRef.current = true;
+    };
+  }, []);
   return __jsx(PrefabContext.Provider, {
     value: Context
   }, children);

package/context/WidgetProvider.js

@@ -120,7 +120,7 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
   var debouncedEmitRef = (0, _react.useRef)((0, _debounce["default"])(function (partialName, context) {
     _events.EVENTEMITTER_METHODS.PARTIAL_STATE_SYNC_EMIT({
       partialName: partialName,
-      pageContext: pageContextRef.current
+      pageContext: context
     });
   }, 100));
 
@@ -148,7 +148,7 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
    */
   (0, _react.useEffect)(function () {
     if (isPage || !partialName) return;
-    debouncedEmitRef.current(partialName, pageContext);
+    debouncedEmitRef.current(partialName, proxy);
   }, [isPage, partialName, pageContext]);
   return __jsx(_useHttp.HttpProvider, null, __jsx(WidgetContext.Provider, {
     value: contextValue

package/core/constants/events.js

@@ -13,14 +13,20 @@ var EVENTEMITTER = {
   PREFAB_STATE_SYNC: "prefab-state-sync"
 };
 var EVENTEMITTER_METHODS = exports.EVENTEMITTER_METHODS = {
-  PREFAB_STATE_SYNC_ON: function PREFAB_STATE_SYNC_ON(callback) {
-    return prefabStateSyncEmitter.on(EVENTEMITTER.PREFAB_STATE_SYNC, callback);
+  PREFAB_STATE_SYNC_ON: function PREFAB_STATE_SYNC_ON() {
+    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+    var callback = arguments.length > 1 ? arguments[1] : undefined;
+    return prefabStateSyncEmitter.on(EVENTEMITTER.PREFAB_STATE_SYNC + (name ? "_" + name : ""), callback);
   },
-  PREFAB_STATE_SYNC_OFF: function PREFAB_STATE_SYNC_OFF(callback) {
-    return prefabStateSyncEmitter.off(EVENTEMITTER.PREFAB_STATE_SYNC, callback);
+  PREFAB_STATE_SYNC_OFF: function PREFAB_STATE_SYNC_OFF() {
+    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+    var callback = arguments.length > 1 ? arguments[1] : undefined;
+    return prefabStateSyncEmitter.off(EVENTEMITTER.PREFAB_STATE_SYNC + (name ? "_" + name : ""), callback);
   },
-  PREFAB_STATE_SYNC_EMIT: function PREFAB_STATE_SYNC_EMIT(data) {
-    return prefabStateSyncEmitter.emit(EVENTEMITTER.PREFAB_STATE_SYNC, data);
+  PREFAB_STATE_SYNC_EMIT: function PREFAB_STATE_SYNC_EMIT() {
+    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+    var data = arguments.length > 1 ? arguments[1] : undefined;
+    return prefabStateSyncEmitter.emit(EVENTEMITTER.PREFAB_STATE_SYNC + (name ? "_" + name : ""), data);
   },
   PARTIAL_STATE_SYNC_ON: function PARTIAL_STATE_SYNC_ON(callback) {
     return partialStateSyncEmitter.on(EVENTEMITTER.PARTIAL_STATE_SYNC, callback);

package/core/constants/index.js

@@ -8,18 +8,13 @@ var ROUTING_BASEPATH = exports.ROUTING_BASEPATH = "react-pages";
 var hyperLinkMofify = exports.hyperLinkMofify = function hyperLinkMofify(link) {
   var hrefLink = "#";
   if (link) {
-    if (link.startsWith("#")) {
-      hrefLink = "/".concat(ROUTING_BASEPATH, "/") + link.substring(1);
-    } else if (link.startsWith("/")) {
-      // Check if basepath is already included to avoid duplication
-      if (link.startsWith("/".concat(ROUTING_BASEPATH))) {
-        hrefLink = link;
-      } else {
-        // Add basepath to relative URLs
-        hrefLink = "/".concat(ROUTING_BASEPATH).concat(link);
-      }
+    var baseRegex = new RegExp("^/".concat(ROUTING_BASEPATH, "(/|$)"));
+    if (/^#/.test(link)) {
+      var suffix = link.replace(/^#/, "");
+      hrefLink = /^\/.*/.test(suffix) ? "/".concat(ROUTING_BASEPATH).concat(suffix) : "/".concat(ROUTING_BASEPATH, "/").concat(suffix);
+    } else if (/^\//.test(link)) {
+      hrefLink = baseRegex.test(link) ? link : "/".concat(ROUTING_BASEPATH).concat(link);
     } else {
-      // Use link as is for absolute URLs
       hrefLink = link;
     }
   }

package/core/formatter/number-formatters.js

@@ -36,7 +36,7 @@ var CurrencyFormatter = exports.CurrencyFormatter = /*#__PURE__*/function () {
     key: "format",
     value: function format(data, currencySymbol, fracSize) {
       var _currencySymbol = (_currencyConstant["default"][currencySymbol] || {}).symbol || currencySymbol || "";
-      var _val = new NumberToStringFormatter().format(data, fracSize);
+      var _val = new NumberToStringFormatter().format(data || 0, fracSize);
       var isNegativeNumber = _val.startsWith("-");
       if (isNegativeNumber) {
         _val = _val.replace("-", "");