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

package/actions/navigation-action.js

@@ -228,7 +228,7 @@ var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAc
       var trimTrailingSlash = function trimTrailingSlash(path) {
         return path.replace(/\/$/, "") || "/";
       };
-      var basePath = "/".concat((0, _constants.getActiveRoutingBasePath)());
+      var basePath = "/".concat(_constants.ROUTING_BASEPATH);
       var currentPathname = this.getAppRelativePath(trimTrailingSlash(window.location.pathname), basePath);
       if (!currentPathname.startsWith(basePath)) {
         return null;
@@ -259,6 +259,7 @@ var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAc
   }, {
     key: "resolveQueryParams",
     value: function resolveQueryParams(pageName, params) {
+      var _pageQueryParamHistor2;
       var normalizedPageName = this.normalizePageName(pageName);
       var explicitQueryParams = Object.fromEntries(Object.entries(params || {}).filter(function (_ref) {
         var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
@@ -271,26 +272,7 @@ var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAc
           value = _ref4[1];
         return [key, String(value)];
       }));
-      var isPreview = (0, _constants.getActiveRoutingBasePath)() === _constants.PREVIEW_ROUTING_BASEPATH;
-      var queryParams;
-      if (isPreview) {
-        // Preview: explicit > per-page history > current URL (e.g. wm_state) across navigations
-        if (Object.keys(explicitQueryParams).length > 0) {
-          queryParams = explicitQueryParams;
-        } else {
-          var historyParams = pageQueryParamHistory.get(normalizedPageName);
-          if (historyParams && Object.keys(historyParams).length > 0) {
-            queryParams = historyParams;
-          } else {
-            var currentPageInfo = this.getCurrentPageInfo();
-            queryParams = currentPageInfo && Object.keys(currentPageInfo.queryParams).length > 0 ? currentPageInfo.queryParams : {};
-          }
-        }
-      } else {
-        var _pageQueryParamHistor2;
-        // Production: explicit > per-page history only
-        queryParams = Object.keys(explicitQueryParams).length > 0 ? explicitQueryParams : (_pageQueryParamHistor2 = pageQueryParamHistory.get(normalizedPageName)) !== null && _pageQueryParamHistor2 !== void 0 ? _pageQueryParamHistor2 : {};
-      }
+      var queryParams = Object.keys(explicitQueryParams).length > 0 ? explicitQueryParams : (_pageQueryParamHistor2 = pageQueryParamHistory.get(normalizedPageName)) !== null && _pageQueryParamHistor2 !== void 0 ? _pageQueryParamHistor2 : {};
       this.rememberPageQueryParams(normalizedPageName, queryParams);
       return {
         pageName: normalizedPageName,
@@ -311,7 +293,7 @@ var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAc
       var trimTrailingSlash = function trimTrailingSlash(p) {
         return p.replace(/\/$/, "") || "/";
       };
-      var basePath = "/".concat((0, _constants.getActiveRoutingBasePath)());
+      var basePath = "/".concat(_constants.ROUTING_BASEPATH);
       var rawCurrentPathname = trimTrailingSlash(window.location.pathname);
       var currentSearch = window.location.search || "";
       var rawTargetPathNorm = trimTrailingSlash(targetPath);
@@ -361,7 +343,7 @@ var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAc
 
         // Construct full path with optional query string
         var fullPath = queryString ? "/".concat(cleanPageName, "?").concat(queryString) : "/".concat(cleanPageName);
-        var targetPath = "/".concat((0, _constants.getActiveRoutingBasePath)()).concat(fullPath);
+        var targetPath = "/".concat(_constants.ROUTING_BASEPATH).concat(fullPath);
         var targetPathname = targetPath.split("?")[0];
         var targetSearch = queryString ? "?".concat(queryString) : "";
 

package/components/advanced/carousel/index.d.ts

@@ -47,7 +47,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/advanced/carousel/index.js

@@ -16,7 +16,6 @@ var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _isPlainObject = _interopRequireDefault(require("lodash-es/isPlainObject"));
 var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["name", "animation", "animationinterval", "controls", "nodatamessage", "height", "width", "children", "className", "styles", "render", "onChange"];
 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;
@@ -436,7 +435,7 @@ var WmCarousel = /*#__PURE__*/(0, _react.memo)(function (props) {
     role: "region",
     "aria-label": props.arialabel || "Carousel",
     "aria-live": animation === "auto" ? "polite" : "off"
-  }, (0, _attr.removeInvalidAttributes)(rest)), __jsx("div", {
+  }, rest), __jsx("div", {
     className: "carousel slide",
     style: _objectSpread({}, styles)
   }, __jsx("div", {

package/components/advanced/carousel/template.d.ts

@@ -46,7 +46,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/advanced/carousel/template.js

@@ -13,7 +13,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["name", "horizontalalign", "children", "className", "styles", "item", "index"];
 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;
@@ -58,7 +57,7 @@ var WmCarouselTemplate = /*#__PURE__*/(0, _react.memo)(function (props) {
       display: "flex",
       alignItems: "center"
     }, getAlignmentStyles()), styles)
-  }, (0, _attr.removeInvalidAttributes)(rest)), children);
+  }, rest), children);
 }, function (prevProps, nextProps) {
   // Custom comparison for memoization
   var keysToCompare = ["horizontalalign", "children", "className", "styles", "item", "index"];

package/components/advanced/login/index.d.ts

@@ -50,7 +50,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/advanced/marquee/index.d.ts

@@ -42,7 +42,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/advanced/marquee/index.js

@@ -14,7 +14,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["direction", "scrollamount", "scrolldelay", "className", "styles", "children", "id"];
 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;
@@ -145,7 +144,7 @@ var WmMarquee = /*#__PURE__*/(0, _react.memo)(function (props) {
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
-  }, (0, _attr.removeInvalidAttributes)(restProps)), __jsx(_Box["default"], {
+  }, restProps), __jsx(_Box["default"], {
     component: "div",
     sx: contentStyles
   }, children)));

package/components/basic/anchor/index.d.ts

@@ -57,7 +57,6 @@ declare const _default: import("react").ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/anchor/index.js

@@ -17,7 +17,6 @@ var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Link = _interopRequireDefault(require("@mui/material/Link"));
 var _Badge = _interopRequireDefault(require("@mui/material/Badge"));
 var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 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", "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); }
@@ -32,7 +31,7 @@ var getCurrentPageName = function getCurrentPageName(pathname) {
   return segments[segments.length - 1];
 };
 var WmAnchor = exports.WmAnchor = function WmAnchor(props) {
-  var _listener$appLocale;
+  var _props$variant, _listener$appLocale;
   var _props$caption = props.caption,
     caption = _props$caption === void 0 ? "Link" : _props$caption,
     iconclass = props.iconclass,
@@ -196,7 +195,7 @@ var WmAnchor = exports.WmAnchor = function WmAnchor(props) {
     caption: caption,
     role: "link",
     tabIndex: props.tabindex,
-    className: (0, _clsx2["default"])(DEFAULT_CLASS, "wm-anchor-link", (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, className || "", Boolean(className)), "active", isActive), "wm-anchor-icon-left", iconposition === "left"), "wm-anchor-icon-top", iconposition === "top"), "wm-anchor-icon-right", iconposition === "right")),
+    className: (0, _clsx2["default"])(DEFAULT_CLASS, "wm-anchor-link", (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, className || "", Boolean(className)), "active", isActive), ((_props$variant = props.variant) === null || _props$variant === void 0 ? void 0 : _props$variant.replace(":", "-")) || "", Boolean(props.variant)), "wm-anchor-icon-left", iconposition === "left"), "wm-anchor-icon-top", iconposition === "top"), "wm-anchor-icon-right", iconposition === "right")),
     onContextMenu: handleContextMenu,
     accessKey: shortcutkey,
     "aria-label": arialabel || (badgevalue && caption ? "".concat(caption, " ").concat(badgevalue) : caption) || null,
@@ -204,7 +203,7 @@ var WmAnchor = exports.WmAnchor = function WmAnchor(props) {
     target: target,
     title: props.hint,
     "data-identifier": "anchor"
-  }, (0, _attr.removeInvalidAttributes)(restProps), {
+  }, restProps, {
     name: props.name
   }), iconurl && __jsx(_image["default"], {
     alt: "Image",

package/components/basic/audio/index.d.ts

@@ -47,7 +47,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/audio/index.js

@@ -13,7 +13,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
 var _resourceUrl = require("@wavemaker-ai/react-runtime/utils/resource-url");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["mp3format", "prefabName", "muted", "controls", "loop", "audiopreload", "audiosupportmessage", "autoplay", "hint", "arialabel", "tabindex", "styles", "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;
@@ -43,9 +42,9 @@ var WmAudio = exports.WmAudio = /*#__PURE__*/(0, _react.memo)(function (props) {
     tabIndex: tabindex,
     sx: styles,
     style: styles
-  }, (0, _attr.removeInvalidAttributes)(restProps)), __jsx("audio", {
+  }, restProps), __jsx("audio", {
     title: hint,
-    src: computedSrc || undefined,
+    src: computedSrc,
     muted: muted,
     controls: controls,
     loop: loop,

package/components/basic/html/index.d.ts

@@ -43,7 +43,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/icon/index.d.ts

@@ -44,7 +44,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/icon/index.js

@@ -20,6 +20,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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-icon-wrapper";
 var WmIcon = exports.WmIcon = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var _props$variant;
   var name = props.name,
     listener = props.listener,
     caption = props.caption,
@@ -47,14 +48,16 @@ var WmIcon = exports.WmIcon = /*#__PURE__*/(0, _react.memo)(function (props) {
     }
     return rootStyle;
   }, [styles, iconsize]);
+  var variant = (_props$variant = props.variant) === null || _props$variant === void 0 ? void 0 : _props$variant.replace(":", "-");
   return __jsx(_Box["default"], {
-    className: (0, _clsx["default"])(DEFAULT_CLASS, "wm-icon-root", iconposition === "right" && "wm-icon-pos-right", className),
+    className: (0, _clsx["default"])(DEFAULT_CLASS, "wm-icon-root", iconposition === "right" && "wm-icon-pos-right", className, variant),
     component: "span",
     style: wrapperStyle,
     "aria-label": arialabel,
     id: id,
     "data-icon-position": iconposition,
-    hidden: props.hidden
+    hidden: props.hidden,
+    variant: variant
   }, __jsx(_Box["default"], {
     component: "span",
     className: "sr-only"
@@ -62,12 +65,12 @@ var WmIcon = exports.WmIcon = /*#__PURE__*/(0, _react.memo)(function (props) {
     "data-identifier": "img",
     alt: "Image",
     src: computedIconUrl,
-    className: (0, _clsx["default"])("anchor-image-icon", "wm-icon-media", iconclass),
+    className: (0, _clsx["default"])("anchor-image-icon", "wm-icon-media", iconclass, variant),
     "aria-hidden": "true",
     width: parseInt(iconsize || "24", 10),
     height: parseInt(iconsize || "24", 10)
   }) : __jsx("i", {
-    className: (0, _clsx["default"])("app-icon", "wm-icon-media", iconclass),
+    className: (0, _clsx["default"])("app-icon", "wm-icon-media", iconclass, variant),
     "aria-hidden": "true"
   }), caption && __jsx(_label["default"], {
     listener: listener,

package/components/basic/iframe/iframe.utils.d.ts

@@ -1,2 +1,2 @@
-export { toCssLength } from "@wavemaker-ai/react-runtime/utils/style-utils";
 export declare const needsEncoding: (url: string) => boolean;
+export declare const toCssLength: (value: string | number) => string;

package/components/basic/iframe/iframe.utils.js

@@ -3,15 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.needsEncoding = void 0;
-Object.defineProperty(exports, "toCssLength", {
-  enumerable: true,
-  get: function get() {
-    return _styleUtils.toCssLength;
-  }
-});
-var _styleUtils = require("@wavemaker-ai/react-runtime/utils/style-utils");
+exports.toCssLength = exports.needsEncoding = void 0;
 var needsEncoding = exports.needsEncoding = function needsEncoding(url) {
   // Matches anything not in the safe character set
   return /[^A-Za-z0-9\-._~:/?#\[\]@!$&'()*+,;=%]/.test(url);
+};
+var toCssLength = exports.toCssLength = function toCssLength(value) {
+  return typeof value === "number" ? "".concat(value, "px") : String(value);
 };

package/components/basic/iframe/index.d.ts

@@ -40,7 +40,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/label/index.d.ts

@@ -46,7 +46,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/label/index.js

@@ -14,7 +14,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _dompurify = _interopRequireDefault(require("dompurify"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["required", "trustAs", "type", "styles", "className", "caption", "hint", "name", "htmlFor", "onClick", "listener", "variant", "viewParent"];
 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;
@@ -99,7 +98,7 @@ var WmLabel = exports.WmLabel = /*#__PURE__*/(0, _react.memo)(function (props) {
       dangerouslySetInnerHTML: {
         __html: sanitizedContent
       }
-    }, (0, _attr.removeInvalidAttributes)(rest), {
+    }, rest, {
       onClick: handleOnClick
     }));
   }
@@ -113,7 +112,7 @@ var WmLabel = exports.WmLabel = /*#__PURE__*/(0, _react.memo)(function (props) {
     variant: variant,
     caption: captionString,
     hidden: (_props$hidden = props.hidden) !== null && _props$hidden !== void 0 ? _props$hidden : false
-  }, (0, _attr.removeInvalidAttributes)(rest), {
+  }, rest, {
     onClick: handleOnClick
   }), parts.map(function (part, index) {
     return part.link ? __jsx("a", {

package/components/basic/message/index.js

@@ -65,7 +65,7 @@ var WmMessage = exports.WmMessageWithoutWrapper = /*#__PURE__*/(0, _react.memo)(
     hidden: props.hidden,
     component: "div",
     style: styles,
-    className: (0, _clsx["default"])(DEFAULT_CLS, messageClass, animation ? "animated ".concat(animation) : "", className),
+    className: (0, _clsx["default"])(DEFAULT_CLS, messageClass, animation ? "animated ".concat(animation) : "", className, [variant.replace(":", "-") || ""]),
     title: caption
   }, __jsx(_Box["default"], {
     component: "i",

package/components/basic/picture/index.d.ts

@@ -50,7 +50,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/picture/index.js

@@ -13,7 +13,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _clsx2 = _interopRequireDefault(require("clsx"));
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
 var _resourceUrl = require("@wavemaker-ai/react-runtime/utils/resource-url");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["pictureaspect", "resizemode", "pictureplaceholder", "tabindex", "onLoad", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave", "children", "show", "ref"];
 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;
@@ -24,6 +23,7 @@ function objectFitClassToken(resizemode) {
   return OBJECT_FIT_MODES.includes(raw) ? raw : "cover";
 }
 var WmPicture = exports.WmPicture = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var _props$variant;
   var _props$pictureaspect = props.pictureaspect,
     pictureaspect = _props$pictureaspect === void 0 ? "None" : _props$pictureaspect,
     _props$resizemode = props.resizemode,
@@ -92,7 +92,7 @@ var WmPicture = exports.WmPicture = /*#__PURE__*/(0, _react.memo)(function (prop
   var onMouseLeaveHandler = function onMouseLeaveHandler(event) {
     onMouseLeave && onMouseLeave(event, props);
   };
-  return __jsx(_react["default"].Fragment, null, __jsx("img", (0, _extends2["default"])({}, (0, _attr.removeInvalidAttributes)(restProps), {
+  return __jsx(_react["default"].Fragment, null, __jsx("img", (0, _extends2["default"])({}, restProps, {
     ref: ref,
     "data-identifier": "img",
     title: props.hint || props.name,
@@ -102,7 +102,8 @@ var WmPicture = exports.WmPicture = /*#__PURE__*/(0, _react.memo)(function (prop
     onMouseLeave: onMouseLeaveHandler,
     src: imgSource || pictureplaceholder,
     alt: props.alttext || "image alt text not provided",
-    className: (0, _clsx2["default"])(DEFAULT_CLASS, "wm-picture-object-fit-".concat(objectFitClassToken(resizemode)), (0, _defineProperty2["default"])({}, "img-".concat(props.shape), props.shape), props.className),
+    className: (0, _clsx2["default"])(DEFAULT_CLASS, "wm-picture-object-fit-".concat(objectFitClassToken(resizemode)), (0, _defineProperty2["default"])({}, "img-".concat(props.shape), props.shape), props.className, (_props$variant = props.variant) === null || _props$variant === void 0 ? void 0 : _props$variant.replace(":", "-")),
+    variant: props.variant,
     style: props.styles,
     height: imageHeight,
     width: imageWidth,

package/components/basic/progress-bar/index.d.ts

@@ -47,7 +47,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/progress-bar/index.js

@@ -17,7 +17,6 @@ var _props = require("@wavemaker-ai/react-runtime/components/basic/progress-bar/
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
 var _formatUtil = require("@wavemaker-ai/react-runtime/utils/format-util");
 var _constants = require("@wavemaker-ai/react-runtime/components/constants");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["type", "datavalue", "minvalue", "maxvalue", "captionplacement", "tabindex", "arialabel", "dataset", "displayformat", "styles", "className", "hint", "height", "width", "listener", "onClick", "onDoubleClick", "onMouseEnter", "onMouseLeave"];
 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;
@@ -143,7 +142,7 @@ var WmProgressBar = exports.WmProgressBar = /*#__PURE__*/(0, _react.memo)(functi
   } : {});
   return __jsx(_Box["default"], (0, _extends2["default"])({
     className: (0, _clsx["default"])(_constants.progressBarConstants.DEFAULT_CLASS, className)
-  }, (0, _attr.removeInvalidAttributes)(rest), {
+  }, rest, {
     style: styles,
     "aria-label": arialabel,
     title: hint

package/components/basic/progress-circle/index.d.ts

@@ -52,7 +52,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/richtexteditor/index.d.ts

@@ -35,7 +35,6 @@ declare const WmRichTextEditorStandalone: React.ComponentType<import("../../data
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;
@@ -120,7 +119,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     arialabel?: string;
     tabindex?: number;
     styles?: React.CSSProperties;

package/components/basic/search/index.d.ts

@@ -34,8 +34,6 @@ declare const WmSearchStandalone: React.ComponentType<import("../../data/form/fo
     getDisplayExpression?: (data: any) => string;
     isSearchInChips?: boolean;
     onChange?: (event: any, widget: any, newVal?: any, oldVal?: any) => void;
-    clearSearch?: unknown;
-    destroy?: (((names: string[]) => void) | ((formName?: string) => void)) & (((names: string[]) => void) | ((formName?: string) => void));
     standalone?: boolean;
     datafield?: string;
     displayfield?: string;
@@ -151,7 +149,6 @@ declare const _default: React.NamedExoticComponent<import("../../data/form/form-
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/search/index.js

@@ -17,8 +17,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _image = _interopRequireDefault(require("next/image"));
-var _debounce = _interopRequireDefault(require("lodash-es/debounce"));
-var _isPlainObject = _interopRequireDefault(require("lodash-es/isPlainObject"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _isPlainObject = _interopRequireDefault(require("lodash/isPlainObject"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
@@ -34,7 +34,7 @@ var _transformedDatasetUtils = require("@wavemaker-ai/react-runtime/utils/transf
 var _providers = require("./providers");
 var _withFormController = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/form/form-controller/withFormController"));
 var _withStandalone = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withStandalone"));
-var _excluded = ["showclear", "debouncetime", "searchkey", "searchon", "matchmode", "minchars", "limit", "tabindex", "placeholder", "dropup", "readonly", "datavalue", "dataset", "datafield", "displayfield", "disabled", "autofocus", "type", "showsearchicon", "showbackbutton", "imagewidth", "width", "displaylabel", "displayimagesrc", "displayexpression", "datacompletemsg", "loadingdatamsg", "clearsearchiconclass", "backsearchiconclass", "searchiconclass", "navsearchbar", "className", "shortcutkey", "required", "hint", "arialabel", "onBeforeservicecall", "onBlur", "onChange", "onFocus", "onSelect", "onSubmit", "onClear", "onSearch", "onDatasetready", "styles", "name", "listener", "value", "datasetItems", "selectedItems", "displayValue", "groupedData", "handleHeaderClick", "toggleAllHeaders", "isDestroyed", "validation", "casesensitive", "isUpdateRequired", "onQuerySearch", "getDisplayExpression", "standalone", "viewParent", "destroy", "clearSearch"];
+var _excluded = ["showclear", "debouncetime", "searchkey", "searchon", "matchmode", "minchars", "limit", "tabindex", "placeholder", "dropup", "readonly", "datavalue", "dataset", "datafield", "displayfield", "disabled", "autofocus", "type", "showsearchicon", "showbackbutton", "imagewidth", "width", "displaylabel", "displayimagesrc", "displayexpression", "datacompletemsg", "loadingdatamsg", "clearsearchiconclass", "backsearchiconclass", "searchiconclass", "navsearchbar", "className", "shortcutkey", "required", "hint", "arialabel", "onBeforeservicecall", "onBlur", "onChange", "onFocus", "onSelect", "onSubmit", "onClear", "onSearch", "onDatasetready", "styles", "name", "listener", "value", "datasetItems", "selectedItems", "displayValue", "groupedData", "handleHeaderClick", "toggleAllHeaders", "isDestroyed", "validation", "casesensitive", "isUpdateRequired", "onQuerySearch", "getDisplayExpression", "standalone"];
 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" != _typeof3(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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -134,9 +134,6 @@ var Search = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     getDisplayExpression = props.getDisplayExpression,
     _props$standalone = props.standalone,
     standalone = _props$standalone === void 0 ? false : _props$standalone,
-    viewParent = props.viewParent,
-    destroy = props.destroy,
-    clearSearch = props.clearSearch,
     restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var debouncedSearchRef = (0, _react.useRef)(null);
   var debouncedSearchItemRef = (0, _react.useRef)(null);
@@ -1200,7 +1197,7 @@ var Search = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     className: (0, _clsx["default"])(DEFAULT_CLASS, className),
     "data-search-type": type,
     type: type,
-    "aria-readonly": readonly
+    readonly: readonly
   }), renderBackButton(), __jsx(_material.Box, {
     component: "span",
     className: "sr-only"

package/components/basic/search/props.d.ts

@@ -149,8 +149,6 @@ export interface SearchProps extends DatasetAwareFormComponentProps {
      * Callback fired when the search value changes.
      */
     onChange?: (event: any, widget: any, newVal?: any, oldVal?: any) => void;
-    clearSearch?: unknown;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     /**
      * Whether to skip the form controller.
      */

package/components/basic/spinner/index.d.ts

@@ -48,7 +48,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/tile/index.d.ts

@@ -42,7 +42,6 @@ declare const _default: React.ComponentType<{
     eventCallback?: (eventName: string, data: any) => void;
     forwardedRef?: React.ForwardedRef<any>;
     viewParent?: any;
-    destroy?: ((names: string[]) => void) | ((formName?: string) => void);
     hint?: string;
     arialabel?: string;
     tabindex?: number;

package/components/basic/tile/index.js

@@ -13,7 +13,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["styles", "className"];
 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; }
@@ -87,7 +86,7 @@ function WmTile(props) {
   return __jsx(_Box["default"], (0, _extends2["default"])({
     className: (0, _clsx["default"])(DEFAULT_TILE_CLASS, className),
     style: styles
-  }, (0, _attr.removeInvalidAttributes)(restProps), domEvents), props.children);
+  }, restProps, domEvents), props.children);
 }
 WmTile.displayName = "WmTile";