@wavemaker-ai/react-runtime 1.0.0-rc.309 → 1.0.0-rc.314

package/core/constants/events.js

@@ -1,63 +1,53 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EVENTEMITTER_METHODS = void 0;
-var _events = _interopRequireDefault(require("events"));
-var partialStateSyncEmitter = new _events["default"]();
-var prefabStateSyncEmitter = new _events["default"]();
-var layoutSyncEmitter = new _events["default"]();
-
-// Pages with many partials/prefabs legitimately register one listener each.
-// The default limit of 10 is too low for widget-heavy WaveMaker pages.
+import EventEmitter from "events";
+const partialStateSyncEmitter = new EventEmitter();
+const prefabStateSyncEmitter = new EventEmitter();
+const layoutSyncEmitter = new EventEmitter();
 partialStateSyncEmitter.setMaxListeners(50);
 prefabStateSyncEmitter.setMaxListeners(50);
 layoutSyncEmitter.setMaxListeners(50);
-
-// NOTE: Form-related events (CHILD_FORM_DATA_UPDATE, CHILD_FORM_FIELD_REGISTER) have been removed.
-// Form communication now uses context-based callbacks via ParentFormDataContext:
-// - onChildDataChange: For child forms to send data UP to root parent
-// - registerChildField: For prefab forms to register fields in parent's widget context
-
-var EVENTEMITTER = {
+const EVENTEMITTER = {
   LAYOUT_STATE_REFRESH: "layout-state-refresh",
   PARTIAL_STATE_SYNC: "partial-state-sync",
   PREFAB_STATE_SYNC: "prefab-state-sync"
 };
-var EVENTEMITTER_METHODS = exports.EVENTEMITTER_METHODS = {
-  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() {
-    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() {
-    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) {
+const EVENTEMITTER_METHODS = {
+  PREFAB_STATE_SYNC_ON: (name = "", callback) => {
+    return prefabStateSyncEmitter.on(
+      EVENTEMITTER.PREFAB_STATE_SYNC + (name ? "_" + name : ""),
+      callback
+    );
+  },
+  PREFAB_STATE_SYNC_OFF: (name = "", callback) => {
+    return prefabStateSyncEmitter.off(
+      EVENTEMITTER.PREFAB_STATE_SYNC + (name ? "_" + name : ""),
+      callback
+    );
+  },
+  PREFAB_STATE_SYNC_EMIT: (name = "", data) => {
+    return prefabStateSyncEmitter.emit(
+      EVENTEMITTER.PREFAB_STATE_SYNC + (name ? "_" + name : ""),
+      data
+    );
+  },
+  PARTIAL_STATE_SYNC_ON: (callback) => {
     return partialStateSyncEmitter.on(EVENTEMITTER.PARTIAL_STATE_SYNC, callback);
   },
-  PARTIAL_STATE_SYNC_OFF: function PARTIAL_STATE_SYNC_OFF(callback) {
+  PARTIAL_STATE_SYNC_OFF: (callback) => {
     return partialStateSyncEmitter.off(EVENTEMITTER.PARTIAL_STATE_SYNC, callback);
   },
-  PARTIAL_STATE_SYNC_EMIT: function PARTIAL_STATE_SYNC_EMIT(data) {
+  PARTIAL_STATE_SYNC_EMIT: (data) => {
     return partialStateSyncEmitter.emit(EVENTEMITTER.PARTIAL_STATE_SYNC, data);
   },
-  LAYOUT_STATE_REFRESH_ON: function LAYOUT_STATE_REFRESH_ON(callback) {
+  LAYOUT_STATE_REFRESH_ON: (callback) => {
     return layoutSyncEmitter.on(EVENTEMITTER.LAYOUT_STATE_REFRESH, callback);
   },
-  LAYOUT_STATE_REFRESH_OFF: function LAYOUT_STATE_REFRESH_OFF(callback) {
+  LAYOUT_STATE_REFRESH_OFF: (callback) => {
     return layoutSyncEmitter.off(EVENTEMITTER.LAYOUT_STATE_REFRESH, callback);
   },
-  LAYOUT_STATE_REFRESH_EMIT: function LAYOUT_STATE_REFRESH_EMIT(data) {
+  LAYOUT_STATE_REFRESH_EMIT: (data) => {
     return layoutSyncEmitter.emit(EVENTEMITTER.LAYOUT_STATE_REFRESH, data);
   }
-};
+};
+export {
+  EVENTEMITTER_METHODS
+};

package/core/constants/index.js

@@ -1,49 +1,39 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ROUTING_BASEPATH_PRODUCTION = exports.PREVIEW_ROUTING_BASEPATH = void 0;
-exports.getActiveRoutingBasePath = getActiveRoutingBasePath;
-exports.hyperLinkMofify = void 0;
-/** Production / default SPA URL segment (embedded apps, classic deploy). */
-var ROUTING_BASEPATH_PRODUCTION = exports.ROUTING_BASEPATH_PRODUCTION = "react-pages";
-
-/** Studio / dynamic preview uses this segment in the browser URL (runtime-dynamic). */
-var PREVIEW_ROUTING_BASEPATH = exports.PREVIEW_ROUTING_BASEPATH = "react-preview";
-
-/**
- * SPA routing segment for the current window (`react-pages` vs `react-preview`).
- * Call when building navigation targets — not a one-time module-load constant.
- */
+const ROUTING_BASEPATH_PRODUCTION = "react-pages";
+const PREVIEW_ROUTING_BASEPATH = "react-preview";
 function getActiveRoutingBasePath() {
   if (typeof window === "undefined") {
     return ROUTING_BASEPATH_PRODUCTION;
   }
-  var pathname = window.location.pathname;
-  var preview = "/".concat(PREVIEW_ROUTING_BASEPATH);
-  var prod = "/".concat(ROUTING_BASEPATH_PRODUCTION);
-  if (pathname.includes("".concat(preview, "/")) || pathname.endsWith(preview)) {
+  const pathname = window.location.pathname;
+  const preview = `/${PREVIEW_ROUTING_BASEPATH}`;
+  const prod = `/${ROUTING_BASEPATH_PRODUCTION}`;
+  if (pathname.includes(`${preview}/`) || pathname.endsWith(preview)) {
     return PREVIEW_ROUTING_BASEPATH;
   }
-  if (pathname.includes("".concat(prod, "/")) || pathname.endsWith(prod)) {
+  if (pathname.includes(`${prod}/`) || pathname.endsWith(prod)) {
     return ROUTING_BASEPATH_PRODUCTION;
   }
   return ROUTING_BASEPATH_PRODUCTION;
 }
-var hyperLinkMofify = exports.hyperLinkMofify = function hyperLinkMofify(link) {
-  var hrefLink = "#";
+const hyperLinkMofify = (link) => {
+  let hrefLink = "#";
   if (link) {
-    var segment = getActiveRoutingBasePath();
+    const segment = getActiveRoutingBasePath();
     if (/^#/.test(link)) {
-      var suffix = link.replace(/^#/, "");
-      hrefLink = /^\/.*/.test(suffix) ? "/".concat(segment).concat(suffix) : "/".concat(segment, "/").concat(suffix);
+      const suffix = link.replace(/^#/, "");
+      hrefLink = /^\/.*/.test(suffix) ? `/${segment}${suffix}` : `/${segment}/${suffix}`;
     } else if (/^\//.test(link)) {
-      var normalized = link.replace(new RegExp("^/".concat(ROUTING_BASEPATH_PRODUCTION, "(?=/|$)")), "/".concat(segment)).replace(new RegExp("^/".concat(PREVIEW_ROUTING_BASEPATH, "(?=/|$)")), "/".concat(segment));
-      hrefLink = normalized.match(new RegExp("^/".concat(segment, "(/|$)"))) ? normalized : "/".concat(segment).concat(link);
+      const normalized = link.replace(new RegExp(`^/${ROUTING_BASEPATH_PRODUCTION}(?=/|$)`), `/${segment}`).replace(new RegExp(`^/${PREVIEW_ROUTING_BASEPATH}(?=/|$)`), `/${segment}`);
+      hrefLink = normalized.match(new RegExp(`^/${segment}(/|$)`)) ? normalized : `/${segment}${link}`;
     } else {
       hrefLink = link;
     }
   }
   return hrefLink;
-};
+};
+export {
+  PREVIEW_ROUTING_BASEPATH,
+  ROUTING_BASEPATH_PRODUCTION,
+  getActiveRoutingBasePath,
+  hyperLinkMofify
+};

package/core/dialog.service.js

@@ -1,75 +1,55 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var DialogService = /*#__PURE__*/function () {
-  function DialogService() {
-    (0, _classCallCheck2["default"])(this, DialogService);
-    (0, _defineProperty2["default"])(this, "dialogs", new Map());
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class DialogService {
+  constructor() {
+    __publicField(this, "dialogs", /* @__PURE__ */ new Map());
   }
-  return (0, _createClass2["default"])(DialogService, [{
-    key: "registerDialog",
-    value: function registerDialog(name, dialogInstance) {
-      this.dialogs.set(name, dialogInstance);
-    }
-  }, {
-    key: "unregisterDialog",
-    value: function unregisterDialog(name) {
-      this.dialogs["delete"](name);
-    }
-  }, {
-    key: "open",
-    value: function open(dialogName) {
-      var dialog = this.dialogs.get(dialogName);
-      if (dialog) {
-        dialog.open();
-      } else {
-        console.error("Dialog \"".concat(dialogName, "\" not found. Available dialogs: ").concat(Array.from(this.dialogs.keys()).join(", ")));
-      }
-    }
-  }, {
-    key: "close",
-    value: function close(dialogName) {
-      var dialog = this.dialogs.get(dialogName);
-      if (dialog) {
-        dialog.close();
-      } else {
-        console.error("Dialog \"".concat(dialogName, "\" not found. Available dialogs: ").concat(Array.from(this.dialogs.keys()).join(", ")));
-      }
-    }
-  }, {
-    key: "getDialog",
-    value: function getDialog(dialogName) {
-      return this.dialogs.get(dialogName) || null;
-    }
-  }, {
-    key: "getAllDialogs",
-    value: function getAllDialogs() {
-      return Object.fromEntries(this.dialogs.entries());
-    }
-  }, {
-    key: "isDialogOpen",
-    value: function isDialogOpen(dialogName) {
-      var dialog = this.dialogs.get(dialogName);
-      return dialog ? dialog.isOpen : false;
-    }
-  }, {
-    key: "getDialogNames",
-    value: function getDialogNames() {
-      return Array.from(this.dialogs.keys());
+  registerDialog(name, dialogInstance) {
+    this.dialogs.set(name, dialogInstance);
+  }
+  unregisterDialog(name) {
+    this.dialogs.delete(name);
+  }
+  open(dialogName) {
+    const dialog = this.dialogs.get(dialogName);
+    if (dialog) {
+      dialog.open();
+    } else {
+      console.error(
+        `Dialog "${dialogName}" not found. Available dialogs: ${Array.from(this.dialogs.keys()).join(", ")}`
+      );
     }
-  }, {
-    key: "clear",
-    value: function clear() {
-      this.dialogs.clear();
+  }
+  close(dialogName) {
+    const dialog = this.dialogs.get(dialogName);
+    if (dialog) {
+      dialog.close();
+    } else {
+      console.error(
+        `Dialog "${dialogName}" not found. Available dialogs: ${Array.from(this.dialogs.keys()).join(", ")}`
+      );
     }
-  }]);
-}(); // Create a singleton instance
-var dialogService = new DialogService();
-var _default = exports["default"] = dialogService;
+  }
+  getDialog(dialogName) {
+    return this.dialogs.get(dialogName) || null;
+  }
+  getAllDialogs() {
+    return Object.fromEntries(this.dialogs.entries());
+  }
+  isDialogOpen(dialogName) {
+    const dialog = this.dialogs.get(dialogName);
+    return dialog ? dialog.isOpen : false;
+  }
+  getDialogNames() {
+    return Array.from(this.dialogs.keys());
+  }
+  clear() {
+    this.dialogs.clear();
+  }
+}
+const dialogService = new DialogService();
+var dialog_service_default = dialogService;
+export {
+  dialog_service_default as default
+};

package/core/event-notifier.js

@@ -1,150 +1,113 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-exports.eventObserver = eventObserver;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _EventNotifier;
-var i = 1;
-var EventNotifier = exports["default"] = /*#__PURE__*/function () {
-  function EventNotifier() {
-    (0, _classCallCheck2["default"])(this, EventNotifier);
-    (0, _defineProperty2["default"])(this, "name", "");
-    (0, _defineProperty2["default"])(this, "id", i++);
-    (0, _defineProperty2["default"])(this, "listeners", {});
-    (0, _defineProperty2["default"])(this, "parent", EventNotifier.ROOT);
-    (0, _defineProperty2["default"])(this, "children", []);
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+let i = 1;
+const _EventNotifier = class _EventNotifier {
+  constructor() {
+    __publicField(this, "name", "");
+    __publicField(this, "id", i++);
+    __publicField(this, "listeners", {});
+    __publicField(this, "parent", _EventNotifier.ROOT);
+    __publicField(this, "children", []);
   }
-  return (0, _createClass2["default"])(EventNotifier, [{
-    key: "setParent",
-    value: function setParent(parent) {
-      if (parent !== this.parent) {
-        this.removeFromParent();
-        this.parent = parent;
-        this.parent.children.push(this);
-      }
+  setParent(parent) {
+    if (parent !== this.parent) {
+      this.removeFromParent();
+      this.parent = parent;
+      this.parent.children.push(this);
     }
-  }, {
-    key: "notifyApp",
-    value: function notifyApp(event) {
-      for (var _len = arguments.length, data = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        data[_key - 1] = arguments[_key];
-      }
-      // Extract the last argument if it's a boolean for emitToParent
-      var args = data;
-
-      // Check if the last argument is a boolean (for backward compatibility)
-      if (data.length > 0 && typeof data[data.length - 1] === "boolean") {
-        args = data;
-      }
-      var propagate = true;
-      if (this.listeners[event]) {
-        propagate = !this.listeners[event].find(function (l) {
-          try {
-            return (l && l.apply(null, args)) === false;
-          } catch (e) {
-            console.error(e);
-          }
-          return true;
-        });
-      }
+  }
+  notifyApp(event, ...data) {
+    let args = data;
+    if (data.length > 0 && typeof data[data.length - 1] === "boolean") {
+      args = data;
     }
-  }, {
-    key: "notify",
-    value: function notify(event, args) {
-      var emitToParent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var propagate = true;
-      if (this.listeners[event]) {
-        propagate = !this.listeners[event].find(function (l) {
-          try {
-            return (l && l.apply(null, args)) === false;
-          } catch (e) {
-            console.error(e);
-          }
-          return true;
-        });
-      }
-      if (propagate) {
-        if (emitToParent) {
-          var _this$parent;
-          (_this$parent = this.parent) === null || _this$parent === void 0 || _this$parent.notify(event, args, true);
-        } else {
-          this.children.forEach(function (c) {
-            c.notify(event, args);
-          });
+    let propagate = true;
+    if (this.listeners[event]) {
+      propagate = !this.listeners[event].find((l) => {
+        try {
+          return (l && l.apply(null, args)) === false;
+        } catch (e) {
+          console.error(e);
         }
-      }
-    }
-  }, {
-    key: "subscribe",
-    value: function subscribe(event, fn) {
-      var _this = this;
-      this.listeners[event] = this.listeners[event] || [];
-      this.listeners[event].push(fn);
-      return function () {
-        _this.unsubscribe(event, fn);
-      };
-    }
-  }, {
-    key: "unsubscribe",
-    value: function unsubscribe(event, fn) {
-      if (!this.listeners[event]) return;
-      var index = this.listeners[event].findIndex(function (listener) {
-        return listener === fn;
+        return true;
       });
-      if (index !== -1) {
-        this.listeners[event].splice(index, 1);
-        if (this.listeners[event].length === 0) {
-          delete this.listeners[event];
+    }
+  }
+  notify(event, args, emitToParent = false) {
+    var _a;
+    let propagate = true;
+    if (this.listeners[event]) {
+      propagate = !this.listeners[event].find((l) => {
+        try {
+          return (l && l.apply(null, args)) === false;
+        } catch (e) {
+          console.error(e);
         }
+        return true;
+      });
+    }
+    if (propagate) {
+      if (emitToParent) {
+        (_a = this.parent) == null ? void 0 : _a.notify(event, args, true);
+      } else {
+        this.children.forEach((c) => {
+          c.notify(event, args);
+        });
       }
     }
-  }, {
-    key: "removeFromParent",
-    value: function removeFromParent() {
-      if (this.parent) {
-        var _i = this.parent.children.indexOf(this) || -1;
-        if (_i >= 0) {
-          this.parent.children.splice(_i, 1);
-        }
-        this.parent = null;
+  }
+  subscribe(event, fn) {
+    this.listeners[event] = this.listeners[event] || [];
+    this.listeners[event].push(fn);
+    return () => {
+      this.unsubscribe(event, fn);
+    };
+  }
+  unsubscribe(event, fn) {
+    if (!this.listeners[event]) return;
+    const index = this.listeners[event].findIndex((listener) => listener === fn);
+    if (index !== -1) {
+      this.listeners[event].splice(index, 1);
+      if (this.listeners[event].length === 0) {
+        delete this.listeners[event];
       }
     }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.removeFromParent();
-      this.listeners = {};
+  }
+  removeFromParent() {
+    if (this.parent) {
+      const i2 = this.parent.children.indexOf(this) || -1;
+      if (i2 >= 0) {
+        this.parent.children.splice(i2, 1);
+      }
+      this.parent = null;
     }
-  }]);
-}();
-_EventNotifier = EventNotifier;
-(0, _defineProperty2["default"])(EventNotifier, "ROOT", new _EventNotifier());
+  }
+  destroy() {
+    this.removeFromParent();
+    this.listeners = {};
+  }
+};
+__publicField(_EventNotifier, "ROOT", new _EventNotifier());
+let EventNotifier = _EventNotifier;
 function eventObserver() {
-  var observers = [];
+  let observers = [];
   return {
-    subscribe: function subscribe(callback) {
+    subscribe(callback) {
       observers.push(callback);
-      return function () {
-        observers = observers.filter(function (obs) {
-          return obs !== callback;
-        });
+      return () => {
+        observers = observers.filter((obs) => obs !== callback);
       };
     },
-    next: function next(value) {
-      observers.forEach(function (callback) {
-        return callback(value);
-      });
+    next(value) {
+      observers.forEach((callback) => callback(value));
     },
-    unsubscribe: function unsubscribe(callback) {
-      observers = observers.filter(function (obs) {
-        return obs !== callback;
-      });
+    unsubscribe(callback) {
+      observers = observers.filter((obs) => obs !== callback);
     }
   };
-}
+}
+export {
+  EventNotifier as default,
+  eventObserver
+};

package/core/formatter/array-formatters.js

@@ -1,33 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FilterFormatter = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _isObject = _interopRequireDefault(require("lodash-es/isObject"));
-var _includes = _interopRequireDefault(require("lodash-es/includes"));
-var _filter = _interopRequireDefault(require("lodash-es/filter"));
-var FilterFormatter = exports.FilterFormatter = /*#__PURE__*/function () {
-  function FilterFormatter() {
-    (0, _classCallCheck2["default"])(this, FilterFormatter);
-  }
-  return (0, _createClass2["default"])(FilterFormatter, [{
-    key: "format",
-    value: function format(data, field, value) {
-      if (!data) {
-        return [];
-      }
-      // If object is passed as first parameter
-      if ((0, _isObject["default"])(field)) {
-        return (0, _filter["default"])(data, field);
-      }
-      // If key value pair is provided
-      return (0, _filter["default"])(data, function (item) {
-        return (0, _includes["default"])(item[field], value);
-      });
+import isObject from "lodash-es/isObject";
+import includes from "lodash-es/includes";
+import filter from "lodash-es/filter";
+class FilterFormatter {
+  format(data, field, value) {
+    if (!data) {
+      return [];
+    }
+    if (isObject(field)) {
+      return filter(data, field);
     }
-  }]);
-}();
+    return filter(data, (item) => {
+      return includes(item[field], value);
+    });
+  }
+}
+export {
+  FilterFormatter
+};