@wavemaker/react-runtime 11.15.2-rc.64737 → 11.15.4-rc.250

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker/react-runtime",
-  "version": "11.15.2-rc.64737",
+  "version": "11.15.4-rc.250",
   "description": "React runtime package for Wavemaker",
   "license": "MIT",
   "repository": {
@@ -78,7 +78,7 @@
     "@types/react": "^19.2.8",
     "@types/react-color": "^3.0.13",
     "@types/react-dom": "^19.2.3",
-    "@wavemaker/variables": "11.15.2-rc.64737",
+    "@wavemaker/variables": "11.15.4-rc.250",
     "babel-plugin-module-resolver": "^5.0.2",
     "eslint": "^9",
     "eslint-config-next": "15.1.4",

package/utils/lib-error-skipper.js

@@ -20,7 +20,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 
 var UNSUPPORTED_LIBRARIES = {
   jquery: {
-    identifiers: ["jQuery", "$"],
+    // Use specific jQuery patterns - avoid matching Wavemaker vars like $index, $data
+    identifiers: ["jQuery", "$(", "$."],
     errorMessage: "jQuery is not supported in React App",
     notificationMessage: "jQuery functionality is not supported. Check console for details."
   }
@@ -107,7 +108,9 @@ function detectUnsupportedLibrary(error) {
  */
 var isJQueryError = exports.isJQueryError = function isJQueryError(error) {
   if (!(error !== null && error !== void 0 && error.stack)) return false;
-  var UnSupportedFunctionality = ["jQuery", "$"];
+
+  // Use specific jQuery patterns - avoid matching Wavemaker vars like $index, $data
+  var UnSupportedFunctionality = ["jQuery", "$(", "$."];
 
   // Check if error message contains jQuery references
   if (error.message && UnSupportedFunctionality.some(function (func) {

package/utils/state-persistance.js

@@ -211,6 +211,41 @@ var uriToJson = function uriToJson(encodedObj) {
   }
 };
 
+// URL state update batching - prevents Chrome IPC flooding (crbug.com/1038223) when many
+// widgets call replaceState during the same React commit phase (e.g., multiple tables mounting)
+var pendingUrlStates = null;
+var urlStateRafId = null;
+var flushPendingUrlState = function flushPendingUrlState() {
+  urlStateRafId = null;
+  if (pendingUrlStates === null) return;
+  var states = pendingUrlStates;
+  pendingUrlStates = null;
+  var currentUrl = window.location.href;
+  var url = new URL(window.location.href);
+  var urlParams = new URLSearchParams(url.search);
+  if ((0, _lodashEs.keys)(states).length > 0) {
+    var encodedState = jsonToUri(states);
+    urlParams["delete"](WM_STATE_URL_PARAM);
+    var newSearch = urlParams.toString();
+    if (newSearch) newSearch += "&";
+    newSearch += "".concat(WM_STATE_URL_PARAM, "=").concat(encodedState);
+    url.search = newSearch ? "?" + newSearch : "";
+  } else {
+    urlParams["delete"](WM_STATE_URL_PARAM);
+    url.search = urlParams.toString();
+  }
+  if (currentUrl !== url.toString() && !pageNavigationPending) {
+    var newPath = url.pathname + url.search;
+    window.history.replaceState(_objectSpread({}, window.history.state), "", newPath);
+  }
+};
+var scheduleUrlStateUpdate = function scheduleUrlStateUpdate(states) {
+  pendingUrlStates = states;
+  if (urlStateRafId === null) {
+    urlStateRafId = requestAnimationFrame(flushPendingUrlState);
+  }
+};
+
 // Get all widget states from storage
 var getAllStates = function getAllStates(storage) {
   switch (storage) {
@@ -229,6 +264,10 @@ var getAllStates = function getAllStates(storage) {
         return {};
       }
     case "URL":
+      // Use pending state when available - ensures consistency when URL updates are batched
+      if (pendingUrlStates !== null) {
+        return _objectSpread({}, pendingUrlStates);
+      }
       // Get the raw URL parameter value
       var searchParams = window.location.search;
       var match = searchParams.match(new RegExp("[?&]".concat(WM_STATE_URL_PARAM, "=([^&]+)")));
@@ -251,39 +290,9 @@ var setAllStates = function setAllStates(storage, states) {
       sessionStorage.setItem(getStorageKey(), JSON.stringify(states));
       break;
     case "URL":
-      var currentUrl = window.location.href;
-      var url = new URL(window.location.href);
-      var urlParams = new URLSearchParams(url.search);
-      if ((0, _lodashEs.keys)(states).length > 0) {
-        // Use Angular's encoding approach
-        var encodedState = jsonToUri(states);
-
-        // Remove existing wm_state param
-        urlParams["delete"](WM_STATE_URL_PARAM);
-
-        // Build URL manually to avoid double encoding
-        var newSearch = urlParams.toString();
-        if (newSearch) {
-          newSearch += "&";
-        }
-        newSearch += "".concat(WM_STATE_URL_PARAM, "=").concat(encodedState);
-        url.search = newSearch ? "?" + newSearch : "";
-      } else {
-        urlParams["delete"](WM_STATE_URL_PARAM);
-        url.search = urlParams.toString();
-      }
-      if (currentUrl !== url.toString()) {
-        // Skip URL state update if page navigation is pending to prevent
-        // URL update from overwriting the pending router.push()
-        if (pageNavigationPending) {
-          return;
-        }
-
-        // Use window.history.replaceState() to update URL without triggering re-render
-        // This is more efficient than router.replace() which causes component re-renders
-        var newPath = url.pathname + url.search;
-        window.history.replaceState(_objectSpread({}, window.history.state), "", newPath);
-      }
+      // Batch URL updates via requestAnimationFrame to prevent Chrome IPC flooding
+      // when many widgets (tables, lists, etc.) update state during the same commit phase
+      scheduleUrlStateUpdate(states);
       break;
   }
 };

package/utils/widget-cleanup-util.js

@@ -5,10 +5,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createWidgetCleanup = void 0;
+exports.removeWidgetsFromContext = removeWidgetsFromContext;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 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; }
+/**
+ * Removes widgets from page context, cleans up registry, and returns the new context.
+ * Returns prev unchanged if no widgets were present.
+ *
+ * @param prev - Current page context
+ * @param names - Widget names to remove
+ * @returns New context with widgets removed, or prev if no changes
+ */
+function removeWidgetsFromContext(prev, proxy, names) {
+  var widgets = prev === null || prev === void 0 ? void 0 : prev.Widgets;
+  if (!widgets) return prev;
+  var hasChanges = names.some(function (name) {
+    return name in widgets;
+  });
+  if (!hasChanges) return prev;
+  var registry = prev === null || prev === void 0 ? void 0 : prev.overriddenPropsRegistry;
+  var nextWidgets = _objectSpread({}, widgets);
+  names.forEach(function (name) {
+    nextWidgets[name] = undefined;
+    registry === null || registry === void 0 || registry.destroy(name);
+    if (proxy.Widgets) {
+      proxy.Widgets[name] = null;
+    }
+  });
+  return _objectSpread(_objectSpread({}, prev), {}, {
+    Widgets: nextWidgets
+  });
+}
+
 /**
  * Configuration for the widget cleanup utility
  */

package/variables/live-variable.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -86,11 +87,28 @@ var LiveVariable = /*#__PURE__*/function (_LiveVariable3) {
       }
     };
     _this = _callSuper(this, LiveVariable, [variableConfig]);
+
+    // Fix: The upstream manager's updateDataset() uses Object.defineProperty
+    // without configurable:true on a shared module-level emptyArr singleton.
+    // On repeated error handling, this causes "Cannot redefine property: data".
+    // Intercept dataSet assignments so every set produces a fresh array copy,
+    // ensuring the shared emptyArr reference is never mutated.
     _this.config = config;
     (0, _defineProperty2["default"])(_this, "params", {});
     (0, _defineProperty2["default"])(_this, "filters", {});
     (0, _defineProperty2["default"])(_this, "filterValues", {});
     (0, _defineProperty2["default"])(_this, "lastFilters", {});
+    var _dataSet = _this.dataSet;
+    Object.defineProperty(_this, "dataSet", {
+      get: function get() {
+        return _dataSet;
+      },
+      set: function set(val) {
+        _dataSet = Array.isArray(val) ? (0, _toConsumableArray2["default"])(val) : val;
+      },
+      configurable: true,
+      enumerable: true
+    });
     _this.dateFormatter = _formatters["default"].get("toDate");
     _this.init();
     return _this;