@wavemaker/react-runtime 11.14.2-1.245 → 11.15.0-rc.245

package/actions/base-action.js

@@ -7,26 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.BaseAction = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _baseVariable = require("@wavemaker/react-runtime/variables/base-variable");
 var _lodashEs = require("lodash-es");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var BaseAction = exports.BaseAction = /*#__PURE__*/function (_BaseVariable) {
-  (0, _inherits2["default"])(BaseAction, _BaseVariable);
-  var _super = _createSuper(BaseAction);
   function BaseAction(config) {
     (0, _classCallCheck2["default"])(this, BaseAction);
-    return _super.call(this, config);
+    return _callSuper(this, BaseAction, [config]);
   }
-  (0, _createClass2["default"])(BaseAction, [{
+  (0, _inherits2["default"])(BaseAction, _BaseVariable);
+  return (0, _createClass2["default"])(BaseAction, [{
     key: "setData",
     value: function setData(dataSet) {
       // @ts-ignore
       this.dataSet = (0, _lodashEs.merge)(this.config.paramProvider(), dataSet);
     }
   }]);
-  return BaseAction;
 }(_baseVariable.BaseVariable);

package/actions/login-action.js

@@ -7,28 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.LoginAction = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _baseAction = require("./base-action");
 var _baseVariable = require("../variables/base-variable");
 var _get = _interopRequireDefault(require("lodash-es/get"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
+var _merge = _interopRequireDefault(require("lodash-es/merge"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var LoginAction = exports.LoginAction = /*#__PURE__*/function (_BaseAction) {
-  (0, _inherits2["default"])(LoginAction, _BaseAction);
-  var _super = _createSuper(LoginAction);
   function LoginAction(config) {
     (0, _classCallCheck2["default"])(this, LoginAction);
-    return _super.call(this, config);
+    return _callSuper(this, LoginAction, [config]);
   }
-  (0, _createClass2["default"])(LoginAction, [{
+  (0, _inherits2["default"])(LoginAction, _BaseAction);
+  return (0, _createClass2["default"])(LoginAction, [{
     key: "invoke",
     value: function invoke(options, successcb, errorcb) {
       var _this = this;
       var params;
       if (!(0, _get["default"])(options, "formData")) {
-        params = this.config.paramProvider();
+        params = (0, _merge["default"])(this.config.paramProvider(), this.dataBinding);
       }
       this.notify(_baseVariable.VariableEvents.BEFORE_INVOKE, [this, params]);
       return this.config.securityService().login({
@@ -49,5 +49,4 @@ var LoginAction = exports.LoginAction = /*#__PURE__*/function (_BaseAction) {
       });
     }
   }]);
-  return LoginAction;
 }(_baseAction.BaseAction);

package/actions/logout-action.js

@@ -7,21 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.LogoutAction = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _baseAction = require("./base-action");
 var _baseVariable = require("../variables/base-variable");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var LogoutAction = exports.LogoutAction = /*#__PURE__*/function (_BaseAction) {
-  (0, _inherits2["default"])(LogoutAction, _BaseAction);
-  var _super = _createSuper(LogoutAction);
   function LogoutAction(config) {
     (0, _classCallCheck2["default"])(this, LogoutAction);
-    return _super.call(this, config);
+    return _callSuper(this, LogoutAction, [config]);
   }
-  (0, _createClass2["default"])(LogoutAction, [{
+  (0, _inherits2["default"])(LogoutAction, _BaseAction);
+  return (0, _createClass2["default"])(LogoutAction, [{
     key: "invoke",
     value: function invoke(options, successcb, errorcb) {
       var _this = this;
@@ -37,5 +36,4 @@ var LogoutAction = exports.LogoutAction = /*#__PURE__*/function (_BaseAction) {
       });
     }
   }]);
-  return LogoutAction;
 }(_baseAction.BaseAction);

package/actions/navigation-action.js

@@ -8,34 +8,45 @@ exports.NavigationAction = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _baseVariable = require("@wavemaker/react-runtime/variables/base-variable");
 var _baseAction = require("./base-action");
 var _lodashEs = require("lodash-es");
 var _navigationMiddleware = require("@wavemaker/react-runtime/store/middleware/navigationMiddleware");
 var _constants = require("../core/constants");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
+var _store = require("@wavemaker/react-runtime/store");
+var _navigationSlice = require("@wavemaker/react-runtime/store/slices/navigationSlice");
+var _statePersistance = require("@wavemaker/react-runtime/utils/state-persistance");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAction) {
-  (0, _inherits2["default"])(NavigationAction, _BaseAction);
-  var _super = _createSuper(NavigationAction);
   function NavigationAction(config) {
     (0, _classCallCheck2["default"])(this, NavigationAction);
-    return _super.call(this, config);
+    return _callSuper(this, NavigationAction, [config]);
   }
-  (0, _createClass2["default"])(NavigationAction, [{
+  (0, _inherits2["default"])(NavigationAction, _BaseAction);
+  return (0, _createClass2["default"])(NavigationAction, [{
     key: "invoke",
     value: function invoke(params, onSuccess, onError) {
       var _params,
         _this = this;
       var config = this.config;
+
+      // Mark page navigation as pending SYNCHRONOUSLY before any async operations.
+      // This prevents URL state persistence (router.replace) from overwriting the navigation (router.push)
+      // when click events bubble up to parent widgets (like List) that persist state.
+      if (config.operation === "gotoPage" || config.operation === "goToPreviousPage") {
+        (0, _statePersistance.markPageNavigationPending)();
+      }
+
       // @ts-ignore
-      params = (_params = params) !== null && _params !== void 0 && _params.data ? (0, _lodashEs.merge)(this.config.paramProvider(), params.data) : (0, _lodashEs.merge)(this.config.paramProvider(), this.dataSet);
+      params = (_params = params) !== null && _params !== void 0 && _params.data ? (0, _lodashEs.merge)(this.config.paramProvider(), this.dataBinding, params.data) : (0, _lodashEs.merge)(this.config.paramProvider(), this.dataBinding, this.dataSet);
       this.notify(_baseVariable.VariableEvents.BEFORE_INVOKE, [this, this.dataSet]);
-      return (0, _get2["default"])((0, _getPrototypeOf2["default"])(NavigationAction.prototype), "invoke", this).call(this, params, onSuccess, onError).then(function () {
+      return _superPropGet(NavigationAction, "invoke", this, 3)([params, onSuccess, onError]).then(function () {
         switch (config.operation) {
           case "goToPreviousPage":
             _this.handleGoToPreviousPage();
@@ -55,6 +66,8 @@ var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAc
       }, function () {
         config.onError && config.onError(_this, null);
         _this.notify(_baseVariable.VariableEvents.ERROR, [_this, _this.dataSet]);
+        // Clear the flag on error so future state persistence works
+        (0, _statePersistance.clearPageNavigationPending)();
       }).then(function () {
         _this.notify(_baseVariable.VariableEvents.AFTER_INVOKE, [_this, _this.dataSet]);
         return _this;
@@ -91,21 +104,64 @@ var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAc
   }, {
     key: "handleGotoTab",
     value: function handleGotoTab(params) {
-      var _this$config$_context;
       var tabName = params === null || params === void 0 ? void 0 : params.tabName;
-      if (tabName && (_this$config$_context = this.config._context) !== null && _this$config$_context !== void 0 && (_this$config$_context = _this$config$_context.Widgets[tabName]) !== null && _this$config$_context !== void 0 && _this$config$_context.select) {
-        this.config._context.Widgets[tabName].select();
-      } else {
-        console.warn("Unable to select tab: ".concat(tabName));
+      var pageName = params === null || params === void 0 ? void 0 : params.pageName;
+      if (!tabName) {
+        console.warn("No tab name provided for navigation");
+        return;
       }
+
+      // Try to find the tab widget in the widget hierarchy
+      var tabWidget = this.findTabWidget(tabName);
+
+      // If tab found in current context hierarchy, select it directly
+      // This handles same-page tab navigation (partial to page tab on same page)
+      if (tabWidget !== null && tabWidget !== void 0 && tabWidget.select) {
+        tabWidget.select();
+        return;
+      }
+
+      // If pageName is provided, navigate to that page first and then select the tab
+      // This handles cross-page tab navigation
+      if (pageName) {
+        // Store the tab selection intent in Redux as fallback
+        _store.store.dispatch((0, _navigationSlice.setPendingTabSelection)(tabName));
+        // Navigate to the page with tabName in URL query params
+        // The tabName will be included in URL params by handleGotoPage
+        this.handleGotoPage(params);
+        return;
+      }
+      console.warn("Unable to select tab: ".concat(tabName, ". Tab widget not found in context hierarchy and no pageName provided."));
+    }
+  }, {
+    key: "findTabWidget",
+    value: function findTabWidget(tabName) {
+      var _context$Widgets;
+      var context = this.config._context;
+
+      // 1. Check in current context (works for tabs in same partial/page)
+      if (context !== null && context !== void 0 && (_context$Widgets = context.Widgets) !== null && _context$Widgets !== void 0 && _context$Widgets[tabName]) {
+        return context.Widgets[tabName];
+      }
+      return null;
     }
   }, {
     key: "handleGotoAccordion",
     value: function handleGotoAccordion(params) {
-      var _this$config$_context2;
+      var _this$config$_context;
       var accordionName = params === null || params === void 0 ? void 0 : params.accordionName;
-      if (accordionName && (_this$config$_context2 = this.config._context) !== null && _this$config$_context2 !== void 0 && (_this$config$_context2 = _this$config$_context2.Widgets[accordionName]) !== null && _this$config$_context2 !== void 0 && _this$config$_context2.expand) {
-        this.config._context.Widgets[accordionName].expand();
+      var pageName = params === null || params === void 0 ? void 0 : params.pageName;
+
+      // If on the same page, expand the accordion directly
+      if (accordionName && (_this$config$_context = this.config._context) !== null && _this$config$_context !== void 0 && (_this$config$_context = _this$config$_context.Widgets[accordionName]) !== null && _this$config$_context !== void 0 && _this$config$_context.expand) {
+        var _this$config$_context2;
+        (_this$config$_context2 = this.config._context) === null || _this$config$_context2 === void 0 || (_this$config$_context2 = _this$config$_context2.Widgets[accordionName]) === null || _this$config$_context2 === void 0 || _this$config$_context2.expand();
+      } else if (pageName && accordionName) {
+        // If navigating to a different page, store accordion name in Redux and navigate
+        // Store the accordion expansion intent in Redux to be executed after page load
+        _store.store.dispatch((0, _navigationSlice.setPendingAccordionExpansion)(accordionName));
+        // Navigate to the page
+        this.handleGotoPage(params);
       } else {
         console.warn("Unable to expand accordion: ".concat(accordionName));
       }
@@ -143,5 +199,4 @@ var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAc
       }
     }
   }]);
-  return NavigationAction;
 }(_baseAction.BaseAction);

package/actions/notification-action.js

@@ -8,17 +8,19 @@ exports.NotificationAction = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _baseAction = require("./base-action");
 var _baseVariable = require("@wavemaker/react-runtime/variables/base-variable");
 var _lodashEs = require("lodash-es");
 var _toast = require("./toast.service");
 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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 var DEFAULT_DURATION = 3000;
 var NOTIFICATION_TYPE = {
   success: "success",
@@ -28,18 +30,30 @@ var NOTIFICATION_TYPE = {
   info: "info"
 };
 var NotificationAction = exports.NotificationAction = /*#__PURE__*/function (_BaseAction) {
-  (0, _inherits2["default"])(NotificationAction, _BaseAction);
-  var _super = _createSuper(NotificationAction);
   function NotificationAction(config) {
     (0, _classCallCheck2["default"])(this, NotificationAction);
-    return _super.call(this, config);
+    return _callSuper(this, NotificationAction, [config]);
   }
-  (0, _createClass2["default"])(NotificationAction, [{
+
+  // Backward-compatible API:  used `notify()`. Support both shapes.
+  (0, _inherits2["default"])(NotificationAction, _BaseAction);
+  return (0, _createClass2["default"])(NotificationAction, [{
+    key: "notify",
+    value: function notify(arg1, arg2, arg3) {
+      if (typeof arg1 === "string") {
+        // Delegate to BaseAction event notifier
+        return _superPropGet(NotificationAction, "notify", this, 3)([arg1, Array.isArray(arg2) ? arg2 : [], typeof arg3 === "boolean" ? arg3 : false]);
+      }
+      // Backward-compat path for notify()
+      return this.invoke(arg1, arg2, arg3);
+    }
+  }, {
     key: "prepareToastOptions",
     value: function prepareToastOptions() {
       var _String$toLowerCase,
         _String,
         _mergedParams$toaster,
+        _mergedParams$showTyp,
         _this = this;
       var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var configParams = this.config.paramProvider();
@@ -48,7 +62,7 @@ var NotificationAction = exports.NotificationAction = /*#__PURE__*/function (_Ba
       var type = NOTIFICATION_TYPE[alertClass] || "info";
 
       // get toast position
-      var position = (_mergedParams$toaster = mergedParams.toasterPosition) !== null && _mergedParams$toaster !== void 0 ? _mergedParams$toaster : "top right";
+      var position = (_mergedParams$toaster = mergedParams.toasterPosition) !== null && _mergedParams$toaster !== void 0 ? _mergedParams$toaster : "bottom right";
 
       // Determine duration (0 means stay until dismissed)
       var duration = parseInt(String(mergedParams.duration));
@@ -66,6 +80,7 @@ var NotificationAction = exports.NotificationAction = /*#__PURE__*/function (_Ba
         name: this.name,
         styles: mergedParams.styles || {},
         hideOnClick: mergedParams.hideOnClick !== false,
+        showTypeLabel: (_mergedParams$showTyp = mergedParams.showTypeLabel) !== null && _mergedParams$showTyp !== void 0 ? _mergedParams$showTyp : false,
         onClose: function onClose() {
           if (_this.config.onClose) {
             _this.config.onClose(_this, null);
@@ -146,5 +161,4 @@ var NotificationAction = exports.NotificationAction = /*#__PURE__*/function (_Ba
     key: "getMessage",
     value: function getMessage() {}
   }]);
-  return NotificationAction;
 }(_baseAction.BaseAction);

package/actions/timer-action.js

@@ -7,31 +7,30 @@ Object.defineProperty(exports, "__esModule", {
 exports.TimerAction = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _baseAction = require("./base-action");
 var _baseVariable = require("@wavemaker/react-runtime/variables/base-variable");
 var _lodashEs = require("lodash-es");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 var TimerAction = exports.TimerAction = /*#__PURE__*/function (_BaseAction) {
-  (0, _inherits2["default"])(TimerAction, _BaseAction);
-  var _super = _createSuper(TimerAction);
   function TimerAction(config) {
     var _this;
     (0, _classCallCheck2["default"])(this, TimerAction);
-    _this = _super.call(this, config);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_timerId", -1);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_isActive", false);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSuccess", void 0);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onError", void 0);
+    _this = _callSuper(this, TimerAction, [config]);
+    (0, _defineProperty2["default"])(_this, "_timerId", -1);
+    (0, _defineProperty2["default"])(_this, "_isActive", false);
+    (0, _defineProperty2["default"])(_this, "_onSuccess", void 0);
+    (0, _defineProperty2["default"])(_this, "_onError", void 0);
     return _this;
   }
-  (0, _createClass2["default"])(TimerAction, [{
+  (0, _inherits2["default"])(TimerAction, _BaseAction);
+  return (0, _createClass2["default"])(TimerAction, [{
     key: "invoke",
     value: function invoke(params, onSuccess, onError) {
       var _params,
@@ -40,7 +39,7 @@ var TimerAction = exports.TimerAction = /*#__PURE__*/function (_BaseAction) {
 
       // Notify that we're about to invoke
       this.notify(_baseVariable.VariableEvents.BEFORE_INVOKE, [this, this.dataSet]);
-      return (0, _get2["default"])((0, _getPrototypeOf2["default"])(TimerAction.prototype), "invoke", this).call(this, params, onSuccess, onError).then(function () {
+      return _superPropGet(TimerAction, "invoke", this, 3)([params, onSuccess, onError]).then(function () {
         // Start the timer
         _this2.startTimer();
 
@@ -157,8 +156,7 @@ var TimerAction = exports.TimerAction = /*#__PURE__*/function (_BaseAction) {
     key: "destroy",
     value: function destroy() {
       this.cancel();
-      (0, _get2["default"])((0, _getPrototypeOf2["default"])(TimerAction.prototype), "destroy", this).call(this);
+      _superPropGet(TimerAction, "destroy", this, 3)([]);
     }
   }]);
-  return TimerAction;
 }(_baseAction.BaseAction);

package/actions/toast.js

@@ -34,7 +34,9 @@ var CustomToast = function CustomToast(_ref) {
     type = _toast$type === void 0 ? "info" : _toast$type,
     _toast$position = toast.position,
     position = _toast$position === void 0 ? toast.placement || _types.TOAST_CONFIG.DEFAULT_POSITION : _toast$position,
-    onClick = toast.onClick;
+    onClick = toast.onClick,
+    _toast$showTypeLabel = toast.showTypeLabel,
+    showTypeLabel = _toast$showTypeLabel === void 0 ? false : _toast$showTypeLabel;
   var ispage = toast.content && (0, _typeof2["default"])(toast.content) === "object";
   var handleClick = function handleClick(e) {
     if (onClick) {
@@ -79,7 +81,7 @@ var CustomToast = function CustomToast(_ref) {
     disableWindowBlurListener: true,
     message: __jsx("div", {
       className: "toast-title"
-    }, type.toUpperCase(), __jsx("div", {
+    }, showTypeLabel && type.toUpperCase(), __jsx("div", {
       className: "toast-message"
     }, text)),
     TransitionProps: {

package/actions/toast.service.js

@@ -28,7 +28,7 @@ var ToastService = /*#__PURE__*/function () {
     this.setContext = this.setContext.bind(this);
     ToastService.instance = this;
   }
-  (0, _createClass2["default"])(ToastService, [{
+  return (0, _createClass2["default"])(ToastService, [{
     key: "setContext",
     value: function setContext(context) {
       this.context = context;
@@ -75,7 +75,6 @@ var ToastService = /*#__PURE__*/function () {
       this.context.hideAllToasts();
     }
   }]);
-  return ToastService;
 }(); // Create singleton instance
 _ToastService = ToastService;
 (0, _defineProperty2["default"])(ToastService, "instance", void 0);

package/components/advanced/carousel/index.js

@@ -188,7 +188,7 @@ var WmCarousel = /*#__PURE__*/(0, _react.memo)(function (props) {
             return newIndex;
           });
         }
-      }, animationinterval * 1000);
+      }, animationinterval * 500);
     }
   }, [animation, animationinterval, itemCount, isPaused]);
   var stopAutoPlay = (0, _react.useCallback)(function () {

package/components/advanced/carousel/template.js

@@ -18,7 +18,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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 DEFAULT_CLASS = "app-carousel-item";
+var DEFAULT_CLASS = "app-carousel-item item";
 var WmCarouselTemplate = /*#__PURE__*/(0, _react.memo)(function (props) {
   var name = props.name,
     _props$horizontalalig = props.horizontalalign,

package/components/basic/anchor/index.js

@@ -18,20 +18,20 @@ var _Link = _interopRequireDefault(require("@mui/material/Link"));
 var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
 var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
 var _utils = require("../../../core/util/utils");
-var _excluded = ["caption", "iconclass", "styles", "className", "iconheight", "iconwidth", "iconmargin", "iconurl", "iconposition", "badgevalue", "listener", "hyperlink", "encodeurl", "onClick", "shortcutkey", "arialabel", "target", "itemLink"];
+var _excluded = ["caption", "iconclass", "styles", "className", "iconheight", "iconwidth", "iconmargin", "iconurl", "iconposition", "badgevalue", "listener", "hyperlink", "encodeurl", "onClick", "shortcutkey", "arialabel", "target", "itemLink", "href"];
 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; }
 // Define regex outside component to avoid recreation on each render
-var GO_TO_PAGE_REGEX = /(?:\w+\?\.)?Actions(?:\?\.)?goToPage_(\w+)(?:\?\.)?invoke\(\)/;
+var GO_TO_PAGE_REGEX = /(?:\w+\?\.)?Actions(?:\?\.)?goToPage_(\w+)(?:\?\.)?invoke(?:\?\.)?\(\)/;
 var DEFAULT_CLASS = "app-anchor";
 var getCurrentPageName = function getCurrentPageName(pathname) {
   var segments = pathname.split("/").filter(Boolean);
   return segments[segments.length - 1];
 };
 var WmAnchor = exports.WmAnchor = function WmAnchor(props) {
-  var _clsx, _listener$appLocale;
+  var _listener$appLocale;
   var _props$caption = props.caption,
     caption = _props$caption === void 0 ? "Link" : _props$caption,
     iconclass = props.iconclass,
@@ -52,11 +52,13 @@ var WmAnchor = exports.WmAnchor = function WmAnchor(props) {
     arialabel = props.arialabel,
     target = props.target,
     itemLink = props.itemLink,
+    _ignoredHref = props.href,
     restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var path = (0, _utils.getCurrentPath)();
   var _useState = (0, _react.useState)(false),
     isActive = _useState[0],
     setIsActive = _useState[1];
+  var linkRef = (0, _react.useRef)(null);
 
   // Extract navigation info from onClick
   var navigationInfo = (0, _react.useMemo)(function () {
@@ -119,6 +121,16 @@ var WmAnchor = exports.WmAnchor = function WmAnchor(props) {
     setIsActive(activeByHyperlink || activeByNavigationExpr);
   }, [caption, path, doesHyperlinkMatchCurrentPath, navigationInfo.isCurrentPage, itemLink]);
 
+  // Compute href directly for use in render instead of useEffect
+  // This ensures the href is set correctly from the first render
+  var computedHref = (0, _react.useMemo)(function () {
+    if (!hyperlink) {
+      // Same as Angular: if no hyperlink, set javascript:void(0)
+      return "javascript:void(0)";
+    }
+    return processedHyperlink;
+  }, [hyperlink, processedHyperlink]);
+
   // Calculate icon position styles
   var iconPositionStyles = (0, _react.useMemo)(function () {
     if (iconposition === "top") {
@@ -136,7 +148,7 @@ var WmAnchor = exports.WmAnchor = function WmAnchor(props) {
       e.preventDefault();
     }
     if (onClick) {
-      onClick(e);
+      onClick(e, props);
     }
   };
   function handleMouseEnter(event) {
@@ -176,21 +188,27 @@ var WmAnchor = exports.WmAnchor = function WmAnchor(props) {
     onFocus: handleFocus
   }), props.onBlur && {
     onBlur: handleBlur
-  }), props.onClick && {
+  }), {}, {
+    // Always attach onClick to ensure preventDefault is called when there's no hyperlink
     onClick: handleClick
   });
   var iconstyles = {
-    height: iconheight || "auto",
-    width: iconwidth || "auto",
+    height: iconheight,
+    width: iconwidth,
     margin: iconmargin || "0 4"
   };
-  return __jsx(_Link["default"], (0, _extends2["default"])({}, domEvents, {
+  return __jsx(_Link["default"], (0, _extends2["default"])({
+    ref: linkRef,
+    href: computedHref
+  }, domEvents, {
     style: _objectSpread(_objectSpread({}, iconPositionStyles), styles),
+    sx: {
+      padding: 0
+    },
     caption: caption,
     role: "link",
     tabIndex: props.tabindex,
-    className: (0, _clsx2["default"])((_clsx = {}, (0, _defineProperty2["default"])(_clsx, DEFAULT_CLASS, true), (0, _defineProperty2["default"])(_clsx, className || "", Boolean(className)), (0, _defineProperty2["default"])(_clsx, "active", isActive), _clsx)),
-    href: processedHyperlink,
+    className: (0, _clsx2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, DEFAULT_CLASS, true), className || "", Boolean(className)), "active", isActive)),
     onContextMenu: handleContextMenu,
     accessKey: shortcutkey,
     "aria-label": arialabel || (badgevalue && caption ? "".concat(caption, " ").concat(badgevalue) : caption) || null,
@@ -198,7 +216,9 @@ var WmAnchor = exports.WmAnchor = function WmAnchor(props) {
     target: target,
     title: props.hint,
     "data-identifier": "anchor"
-  }, restProps), iconurl && __jsx(_image["default"], {
+  }, restProps, {
+    name: props.name
+  }), iconurl && __jsx(_image["default"], {
     alt: "Image",
     src: iconurl,
     className: (0, _clsx2["default"])("anchor-image-icon", iconclass),