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

package/components/basic/tree/Components/TreeNodeComponent.js

@@ -12,7 +12,6 @@ var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _partialContainer = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/page/partial-container"));
 var _useTreePartialNodeApi = require("../hooks/useTreePartialNodeApi");
-var _utils = require("../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var __jsx = _react["default"].createElement;
 var TreeNodeComponent = /*#__PURE__*/_react["default"].memo(function (_ref) {
@@ -31,9 +30,6 @@ var TreeNodeComponent = /*#__PURE__*/_react["default"].memo(function (_ref) {
     template = _ref.template,
     listener = _ref.listener;
   var hasChildren = node.children && node.children.length > 0;
-  var disabledClassName = (0, _react.useMemo)(function () {
-    return (0, _utils.isTreeNodeDisabled)(node.data) ? "wm-tree-node-disabled" : "";
-  }, [node.data]);
   var _useTreePartialNodeAp = (0, _useTreePartialNodeApi.useTreePartialNodeApi)({
       node: node,
       selectedItem: selectedItem,
@@ -62,7 +58,7 @@ var TreeNodeComponent = /*#__PURE__*/_react["default"].memo(function (_ref) {
     if (hasChildren) {
       return __jsx(_Box["default"], {
         component: "span",
-        className: (0, _clsx["default"])("button", "level".concat(depth), "switch", depth === 0 ? node.open ? "roots_open" : "roots_close" : node.open ? "bottom_open" : "bottom_close", treeicons, "treenode_switch", disabledClassName),
+        className: (0, _clsx["default"])("button", "level".concat(depth), "switch", depth === 0 ? node.open ? "roots_open" : "roots_close" : node.open ? "bottom_open" : "bottom_close", treeicons, "treenode_switch"),
         treeicons: treeicons,
         onClick: function onClick(event) {
           return toggleNodeExpansion(event, node);
@@ -75,7 +71,7 @@ var TreeNodeComponent = /*#__PURE__*/_react["default"].memo(function (_ref) {
     return __jsx(_Box["default"], {
       component: "span",
       treeicons: treeicons,
-      className: (0, _clsx["default"])("button", "level".concat(depth), "switch", "bottom_docu", treeicons, "treenode_switch", disabledClassName),
+      className: (0, _clsx["default"])("button", "level".concat(depth), "switch", "bottom_docu", treeicons, "treenode_switch"),
       treenode_switch: "true"
     });
   };
@@ -83,7 +79,7 @@ var TreeNodeComponent = /*#__PURE__*/_react["default"].memo(function (_ref) {
     if (!isCheckboxTree && !isRadioTree) return null;
     return __jsx(_Box["default"], {
       component: "span",
-      className: (0, _clsx["default"])("button", "chk", isRadioTree ? "radio_false_full" : "checkbox_false_full", node.checked && (isRadioTree ? "radio_true_full" : "checkbox_true_full"), disabledClassName),
+      className: (0, _clsx["default"])("button", "chk", isRadioTree ? "radio_false_full" : "checkbox_false_full", node.checked && (isRadioTree ? "radio_true_full" : "checkbox_true_full")),
       onClick: function onClick(event) {
         event.stopPropagation();
         if (isRadioTree) {
@@ -101,7 +97,7 @@ var TreeNodeComponent = /*#__PURE__*/_react["default"].memo(function (_ref) {
     if (!node.icon) return null;
     return __jsx(_Box["default"], {
       component: "span",
-      className: (0, _clsx["default"])("button", "ico_open", "treenode_ico", disabledClassName),
+      className: (0, _clsx["default"])("button", "ico_open", "treenode_ico"),
       id: "".concat(node.tId, "_ico"),
       title: "",
       treenode_ico: "true"
@@ -115,7 +111,7 @@ var TreeNodeComponent = /*#__PURE__*/_react["default"].memo(function (_ref) {
       },
       className: (0, _clsx["default"])("level".concat(depth), !template && "glyphicon", !template && (node.icon || "glyphicon-music"), {
         curSelectedNode: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.nodeId) === node.nodeId
-      }, "treenode_a", disabledClassName),
+      }, "treenode_a"),
       "data-node-id": node.nodeId,
       id: "".concat(node.tId, "_a"),
       title: node.label,

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

@@ -56,7 +56,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/tree/index.js

@@ -152,7 +152,6 @@ var WmTree = exports.WmTree = function WmTree(props) {
     var prev = treeNodesRef.current;
     var currentTreeNode = (0, _utils.findNodeById)(prev, node.nodeId);
     if (!currentTreeNode) return;
-    if ((0, _utils.isTreeNodeDisabled)(currentTreeNode.data)) return;
     var updatedNodes = (0, _utils.toggleExpansionInTree)(prev, node.nodeId);
     var after_nodeUpdate = (0, _utils.findNodeById)(updatedNodes, node.nodeId);
     treeNodesRef.current = updatedNodes;
@@ -174,7 +173,6 @@ var WmTree = exports.WmTree = function WmTree(props) {
     var _findNodeById, _resolvedTreeNode$chi;
     if (!node) return;
     var resolvedTreeNode = (_findNodeById = (0, _utils.findNodeById)(treeNodesRef.current, node.nodeId)) !== null && _findNodeById !== void 0 ? _findNodeById : node;
-    if ((0, _utils.isTreeNodeDisabled)(resolvedTreeNode.data)) return;
     setSelectedItem(resolvedTreeNode);
     if (event && nodeclick === "expand" && (_resolvedTreeNode$chi = resolvedTreeNode.children) !== null && _resolvedTreeNode$chi !== void 0 && _resolvedTreeNode$chi.length) {
       toggleNodeExpansion(event, resolvedTreeNode);
@@ -182,7 +180,7 @@ var WmTree = exports.WmTree = function WmTree(props) {
     if (onSelect && event && name) {
       onSelect(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], resolvedTreeNode.data, getPath(resolvedTreeNode));
     }
-  }, [name, nodeclick, onSelect, toggleNodeExpansion]);
+  }, [name, nodeaction, nodeclick, onSelect, toggleNodeExpansion]);
 
   // Handle node click (`event` undefined when invoked from partial `node.select()` / programmatic selection)
   var handleNodeClick = (0, _react.useCallback)(function (event, node) {
@@ -191,12 +189,8 @@ var WmTree = exports.WmTree = function WmTree(props) {
 
   // Handle checkbox toggle
   var toggleNodeChecked = (0, _react.useCallback)(function (event, node) {
-    var _findNodeById2;
     event.stopPropagation(); // Prevent triggering node selection
 
-    var resolvedNode = (_findNodeById2 = (0, _utils.findNodeById)(treeNodesRef.current, node.nodeId)) !== null && _findNodeById2 !== void 0 ? _findNodeById2 : node;
-    if ((0, _utils.isTreeNodeDisabled)(resolvedNode.data)) return;
-
     // Toggle the checked state
     var newCheckedState = !node.checked;
 
@@ -279,12 +273,8 @@ var WmTree = exports.WmTree = function WmTree(props) {
 
   // Handle radio button selection
   var handleRadioSelect = (0, _react.useCallback)(function (event, node) {
-    var _findNodeById3;
     event.stopPropagation(); // Prevent triggering node selection
 
-    var resolvedNode = (_findNodeById3 = (0, _utils.findNodeById)(treeNodesRef.current, node.nodeId)) !== null && _findNodeById3 !== void 0 ? _findNodeById3 : node;
-    if ((0, _utils.isTreeNodeDisabled)(resolvedNode.data)) return;
-
     // Already selected, skip
     if (radioSelectedNodeId === node.nodeId) {
       return;
@@ -333,7 +323,6 @@ var WmTree = exports.WmTree = function WmTree(props) {
     }
     var node = (0, _utils.findNodeById)(treeNodes, nodeId);
     if (node) {
-      if ((0, _utils.isTreeNodeDisabled)(node.data)) return;
       selectNode(undefined, node);
       if (isRadioTree) {
         setRadioSelectedNodeId(node.nodeId);
@@ -387,7 +376,7 @@ var WmTree = exports.WmTree = function WmTree(props) {
         setTreeNodes(_updatedNodes);
       }
     }
-  }, [isRadioTree, selectNode, treeNodes]);
+  }, [isRadioTree]);
   var deselectById = (0, _react.useCallback)(function () {
     setSelectedItem(null);
     if (isRadioTree) {
@@ -447,7 +436,7 @@ var WmTree = exports.WmTree = function WmTree(props) {
     } else {
       targetNode = (0, _utils.findNodeById)(sortedTreeNodes, datavalue);
     }
-    if (targetNode && !(0, _utils.isTreeNodeDisabled)(targetNode.data)) {
+    if (targetNode) {
       var _targetNode$children;
       selectNode(undefined, targetNode);
       if ((_targetNode$children = targetNode.children) !== null && _targetNode$children !== void 0 && _targetNode$children.length) {

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

@@ -1,6 +1,4 @@
 import { TreeNodeData, TreeItem, TreePartialNodeApi } from "./props";
-/** Whether the dataset row (`node.data`) is disabled via its `disabled` property. */
-export declare const isTreeNodeDisabled: (data: TreeNodeData | undefined | null) => boolean;
 export declare const getNestedPropertyLocal: (obj: any, path: string) => any;
 export declare const generateUniqueNodeId: (baseId: string, usedNodeIds: Set<string>) => string;
 export declare const processNode: (item: TreeNodeData, depth: number, parent: TreeItem | undefined, rootDataset: any[] | undefined, nodeIndex: number | undefined, treeName: string | undefined, options: {

package/components/basic/tree/utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toggleExpansionInTree = exports.processNode = exports.isTreeNodeDisabled = exports.getTreePartialRowPayload = exports.getNestedPropertyLocal = exports.generateUniqueNodeId = exports.findNodeById = exports.computeTreeNodeDepthFromRoot = exports.buildTreePathFromRoot = exports.buildTreePartialSnapshot = exports.assembleTreePartialItem = void 0;
+exports.toggleExpansionInTree = exports.processNode = exports.getTreePartialRowPayload = exports.getNestedPropertyLocal = exports.generateUniqueNodeId = exports.findNodeById = exports.computeTreeNodeDepthFromRoot = exports.buildTreePathFromRoot = exports.buildTreePartialSnapshot = exports.assembleTreePartialItem = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _isArray = _interopRequireDefault(require("lodash-es/isArray"));
@@ -15,16 +15,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/** Whether the dataset row (`node.data`) is disabled via its `disabled` property. */
-var isTreeNodeDisabled = exports.isTreeNodeDisabled = function isTreeNodeDisabled(data) {
-  if (!data) return false;
-  var disabled_node = data.disabled;
-  if (disabled_node === false || disabled_node === "false") {
-    return false;
-  }
-  return Boolean(disabled_node);
-};
-
 // Helper function to get nested property (local version for processNode)
 var getNestedPropertyLocal = exports.getNestedPropertyLocal = function getNestedPropertyLocal(obj, path) {
   if (!path || !obj) return undefined;

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

@@ -54,7 +54,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/video/index.js

@@ -13,8 +13,7 @@ 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 = ["subtitlelang", "videoposter", "className", "controls", "muted", "loop", "autoplay", "videopreload", "tabindex", "hint", "arialabel", "styles", "name", "mp4format", "webmformat", "oggformat", "subtitlesource", "videosupportmessage", "prefabName"];
+var _excluded = ["subtitlelang", "videoposter", "className"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 var __jsx = _react["default"].createElement;
 var DEFAULT_CLASS = "app-video";
@@ -24,53 +23,37 @@ var WmVideo = exports.WmVideo = /*#__PURE__*/(0, _react.memo)(function (props) {
     _props$videoposter = props.videoposter,
     videoposter = _props$videoposter === void 0 ? "resources/images/imagelists/default-image.png" : _props$videoposter,
     className = props.className,
-    controls = props.controls,
-    muted = props.muted,
-    loop = props.loop,
-    autoplay = props.autoplay,
-    videopreload = props.videopreload,
-    tabindex = props.tabindex,
-    hint = props.hint,
-    arialabel = props.arialabel,
-    styles = props.styles,
-    name = props.name,
-    mp4format = props.mp4format,
-    webmformat = props.webmformat,
-    oggformat = props.oggformat,
-    subtitlesource = props.subtitlesource,
-    videosupportmessage = props.videosupportmessage,
-    prefabName = props.prefabName,
     restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var computedPoster = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(videoposter, prefabName);
-  }, [videoposter, prefabName]);
+    return (0, _resourceUrl.prefixPrefabResourceUrl)(videoposter, props.prefabName);
+  }, [videoposter]);
   var computedMp4 = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(mp4format || "", prefabName);
-  }, [mp4format, prefabName]);
+    return (0, _resourceUrl.prefixPrefabResourceUrl)(props.mp4format || "", props.prefabName);
+  }, [props.mp4format]);
   var computedWebm = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(webmformat || "", prefabName);
-  }, [webmformat, prefabName]);
+    return (0, _resourceUrl.prefixPrefabResourceUrl)(props.webmformat || "", props.prefabName);
+  }, [props.webmformat]);
   var computedOgg = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(oggformat || "", prefabName);
-  }, [oggformat, prefabName]);
+    return (0, _resourceUrl.prefixPrefabResourceUrl)(props.oggformat || "", props.prefabName);
+  }, [props.oggformat]);
   var computedSubtitles = (0, _react.useMemo)(function () {
-    return (0, _resourceUrl.prefixPrefabResourceUrl)(subtitlesource || "", prefabName);
-  }, [subtitlesource, prefabName]);
+    return (0, _resourceUrl.prefixPrefabResourceUrl)(props.subtitlesource || "", props.prefabName);
+  }, [props.subtitlesource]);
   return __jsx(_Box["default"], (0, _extends2["default"])({
     className: (0, _clsx["default"])(DEFAULT_CLASS, className),
-    title: hint,
-    "aria-label": arialabel,
-    style: styles
-  }, (0, _attr.removeInvalidAttributes)(restProps)), __jsx("video", {
+    title: props.hint,
+    "aria-label": props.arialabel,
+    style: props.styles
+  }, restProps), __jsx("video", {
     className: "wm-video-media",
-    controls: controls,
+    controls: props.controls,
     poster: computedPoster,
-    muted: muted,
-    loop: loop,
-    autoPlay: autoplay,
-    preload: videopreload,
-    tabIndex: tabindex,
-    name: name
+    muted: props.muted,
+    loop: props.loop,
+    autoPlay: props.autoplay,
+    preload: props.videopreload,
+    tabIndex: props.tabindex,
+    name: props.name
   }, computedMp4 && __jsx("source", {
     src: computedMp4,
     type: "video/mp4"
@@ -86,7 +69,7 @@ var WmVideo = exports.WmVideo = /*#__PURE__*/(0, _react.memo)(function (props) {
     srcLang: subtitlelang,
     src: computedSubtitles,
     "default": true
-  }), videosupportmessage || "Your browser does not support the video tag."));
+  }), props.videosupportmessage || "Your browser does not support the video tag."));
 }, function (prev, current) {
   var keys = ["mp4format", "webmformat", "oggformat", "subtitlelang", "subtitlesource", "poster", "hint"];
   return keys.every(function (key) {

package/components/chart/index.d.ts

@@ -106,7 +106,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/common/AppSpinner.js

@@ -19,8 +19,11 @@ var AppSpinner = exports.AppSpinner = function AppSpinner(_ref) {
     return null;
   }
   return __jsx(_material.Box, {
-    className: (0, _clsx["default"])("app-spinner", "wm-spinner-root", classname),
-    "aria-label": arialabel
+    className: (0, _clsx["default"])("app-spinner", classname),
+    "aria-label": arialabel,
+    style: {
+      zIndex: 100
+    }
   }, __jsx(_material.Box, {
     className: "spinner-message"
   }, __jsx("i", {

package/components/container/accordion/accordion-pane/index.d.ts

@@ -55,7 +55,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;
     styles?: React.CSSProperties;

package/components/container/accordion/accordion-pane/index.js

@@ -78,7 +78,10 @@ var WmAccordionPane = exports.WmAccordionPane = /*#__PURE__*/(0, _react.memo)(fu
   }, __jsx("i", {
     className: (0, _clsx["default"])("app-icon panel-icon", props.iconclass)
   })), __jsx("div", {
-    className: (0, _clsx["default"])("pull-left", "wm-accordion-pane-title-main")
+    className: "pull-left",
+    style: {
+      flex: 1
+    }
   }, __jsx(_Typography["default"], {
     className: "heading",
     variant: "h3",

package/components/container/accordion/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/container/index.d.ts

@@ -29,8 +29,6 @@ declare const _default: React.ComponentType<{
     renderPartial?: (props: WmContainerProps, onLoad?: (widget?: Record<string, unknown>) => void) => React.ReactNode;
     onLoad?: (widget?: Record<string, unknown>) => void;
     layoutClassName?: string;
-    layoutWidth?: string;
-    layoutHeight?: string;
     standalone?: boolean;
     ref?: React.RefObject<HTMLElement> | React.RefObject<null>;
     animation?: string;
@@ -57,7 +55,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/container/index.js

@@ -12,8 +12,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _clsx2 = require("clsx");
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _layoutsizeUtil = require("@wavemaker-ai/react-runtime/utils/layoutsize-util");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["listener"],
   _excluded2 = ["className", "styles", "children", "renderPartial", "onLoad", "id", "direction", "wrap", "alignment", "gap", "columngap", "clipcontent", "position", "zindex", "name", "onClick", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "onMouseOver", "onMouseOut", "onDoubleClick", "onKeydown", "onKeyup", "onKeypress", "animation", "show", "conditionalstyle", "conditionalclass", "showindevice", "eventCallback", "forwardedRef", "viewParent", "hint", "arialabel", "tabindex", "iswidget", "deferload", "datavalue", "prefab", "inbound", "outbound", "formfield", "updateon", "dataset", "prefabName", "content", "overflow", "display", "layoutClassName"];
 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); }
@@ -88,9 +86,6 @@ var WmContainer = exports.WmContainer = function WmContainer(props) {
     if (containerRef.current && props !== null && props !== void 0 && props.name && listener !== null && listener !== void 0 && (_listener$Widgets2 = listener.Widgets) !== null && _listener$Widgets2 !== void 0 && _listener$Widgets2[props.name]) {
       listener.Widgets[props.name].nativeElement = containerRef.current;
     }
-    if (containerRef.current && (props.layoutWidth || props.layoutHeight)) {
-      (0, _layoutsizeUtil.layoutSizeUtil)(containerRef.current, props.layoutWidth, props.layoutHeight);
-    }
   }, [containerRef.current]);
   function handleClick(event) {
     onClick === null || onClick === void 0 || onClick(event, widget_instance);
@@ -157,7 +152,7 @@ var WmContainer = exports.WmContainer = function WmContainer(props) {
     "data-widget-id": props["data-widget-id"],
     id: id,
     hidden: props.hidden
-  }, (0, _attr.removeInvalidAttributes)(rest), domEvents, {
+  }, rest, domEvents, {
     name: name,
     style: _objectSpread(_objectSpread({}, styles), conditionalstyle),
     ref: containerRef

package/components/container/layout-grid/grid-column/index.d.ts

@@ -43,7 +43,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/container/layout-grid/grid-row/index.d.ts

@@ -39,7 +39,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/container/layout-grid/index.d.ts

@@ -41,7 +41,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/container/layout-grid/index.js

@@ -6,14 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.WmLayoutgrid = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _material = require("@mui/material");
 var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["styles", "className", "children"];
 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-grid-layout clearfix";
 var WmLayoutgrid = exports.WmLayoutgrid = function WmLayoutgrid(props) {
   var styles = props.styles,
@@ -21,9 +23,11 @@ var WmLayoutgrid = exports.WmLayoutgrid = function WmLayoutgrid(props) {
     children = props.children,
     restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   return __jsx(_material.Container, (0, _extends2["default"])({
-    style: styles,
-    className: (0, _clsx["default"])(DEFAULT_CLASS, "wm-layout-grid-root", className)
-  }, (0, _attr.removeInvalidAttributes)(restProps)), children);
+    style: _objectSpread(_objectSpread({}, styles), {}, {
+      minWidth: "100%"
+    }),
+    className: (0, _clsx["default"])(DEFAULT_CLASS, className)
+  }, restProps), children);
 };
 WmLayoutgrid.displayName = "WmLayoutgrid";
 

package/components/container/linear-layout/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/container/linear-layout/linear-layout-item/index.d.ts

@@ -37,7 +37,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/container/panel/components/panel-header/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
 var _material = require("@mui/material");
 var _dompurify = _interopRequireDefault(require("dompurify"));
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
@@ -16,7 +15,6 @@ var _FullscreenExit = _interopRequireDefault(require("@mui/icons-material/Fullsc
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
 var _menu = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/navigation/menu"));
-var _styleUtils = require("@wavemaker-ai/react-runtime/utils/style-utils");
 var __jsx = _react["default"].createElement; // Icons
 var PanelHeader = function PanelHeader(_ref) {
   var _listener$appLocale$L, _listener$appLocale, _listener$appLocale$L2, _listener$appLocale2, _listener$appLocale$L3, _listener$appLocale3, _listener$appLocale$L4, _listener$appLocale4;
@@ -51,13 +49,6 @@ var PanelHeader = function PanelHeader(_ref) {
   var handleActionItemClick = function handleActionItemClick(item) {
     onActionsclick === null || onActionsclick === void 0 || onActionsclick(item);
   };
-
-  /** Matches legacy inline: width/height `|| "auto"`, margin `|| "0"` whenever icon image renders. */
-  var panelIconImgStyle = iconurl ? {
-    "--wm-panel-icon-width": iconwidth ? (0, _styleUtils.toCssLength)(iconwidth) : "auto",
-    "--wm-panel-icon-height": iconheight ? (0, _styleUtils.toCssLength)(iconheight) : "auto",
-    "--wm-panel-icon-margin": iconmargin ? iconmargin : "0"
-  } : undefined;
   return __jsx(_material.Box, {
     className: "panel-title"
   }, __jsx(_material.Box, {
@@ -75,9 +66,13 @@ var PanelHeader = function PanelHeader(_ref) {
     "data-identifier": "img",
     title: "iconurl",
     alt: "Panel icon",
-    className: (0, _clsx["default"])("panel-image-icon", "wm-panel-header-icon-img"),
+    className: "panel-image-icon",
     src: iconurl,
-    style: panelIconImgStyle
+    style: {
+      width: iconwidth || "auto",
+      height: iconheight || "auto",
+      margin: iconmargin || "0"
+    }
   })), __jsx(_material.Box, {
     className: "pull-left"
   }, title && __jsx(_material.Box, {

package/components/container/panel/components/panel-header/props.d.ts

@@ -43,8 +43,3 @@ export interface PanelHeaderProps {
     onClose: (event: React.MouseEvent) => void;
     onActionsclick?: (item: ActionItem) => void;
 }
-export type PanelIconImgStyle = React.CSSProperties & {
-    "--wm-panel-icon-width": string;
-    "--wm-panel-icon-height": string;
-    "--wm-panel-icon-margin": string;
-};

package/components/container/panel/index.d.ts

@@ -91,7 +91,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/container/panel/index.js

@@ -16,7 +16,6 @@ var _dompurify = _interopRequireDefault(require("dompurify"));
 var _hooks = require("./hooks");
 var _panelHeader = _interopRequireDefault(require("./components/panel-header"));
 var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["actions", "badgetype", "badgevalue", "closable", "collapsible", "enablefullscreen", "expanded", "fullscreen", "helptext", "hint", "iconclass", "iconheight", "iconmargin", "iconurl", "iconwidth", "subheading", "title", "className", "style", "children", "height", "name", "itemlabel", "itemlink", "itemicon", "itemchildren", "onActionsclick", "onClose", "onCollapse", "onExpand", "onExitfullscreen", "onFullscreen", "onLoad", "onMouseEnter", "onMouseLeave", "onMouseOut", "onMouseOver", "onPropertyChange", "listener", "Widgets"];
 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;
@@ -225,7 +224,7 @@ var WmPanel = exports.WmPanel = function WmPanel(props) {
     onMouseOut: handleMouseOut,
     hidden: !show,
     component: "div"
-  }, (0, _attr.removeInvalidAttributes)(componentProps), {
+  }, componentProps, {
     style: _objectSpread(_objectSpread({}, props.styles), props.conditionalstyle)
   }), showHeader && __jsx(_material.Box, {
     className: (0, _clsx["default"])("panel-heading", {

package/components/container/props.d.ts

@@ -62,8 +62,6 @@ export interface ContainerPropsBase {
      */
     onLoad?: (widget?: Record<string, unknown>) => void;
     layoutClassName?: string;
-    layoutWidth?: string;
-    layoutHeight?: string;
 }
 /**
  * Combined props for the WmContainer component, including base WaveMaker props.

package/components/container/repeat-template/index.d.ts

@@ -22,27 +22,7 @@ declare const _default: import("react").ComponentType<{
     conditionalclass?: string;
     showindevice?: ("xs" | "sm" | "md" | "lg" | "all")[];
     onClick?: (event?: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
-    onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal
-    /**
-     * The WmRepeatTemplate component wraps content for use in repeat/list
-     * contexts. Typically used as a template inside list or repeat containers.
-     *
-     * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-repeattemplate--showcase)
-     *
-     * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-repeattemplate--docs#tab-overview)
-     *
-     * @param props - {@link WmRepeatTemplateProps}
-     */
-    ? /**
-     * The WmRepeatTemplate component wraps content for use in repeat/list
-     * contexts. Typically used as a template inside list or repeat containers.
-     *
-     * - [Playground](https://react-components.wavemaker.ai/?path=/story/container-repeattemplate--showcase)
-     *
-     * - [Docs](https://react-components.wavemaker.ai/?path=/story/container-repeattemplate--docs#tab-overview)
-     *
-     * @param props - {@link WmRepeatTemplateProps}
-     */: string | number | null) => void;
+    onDoubleClick?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
     onMouseEnter?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
     onMouseLeave?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
     onMouseOver?: (event: React.MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: string | number | null, oldVal?: string | number | null) => void;
@@ -55,7 +35,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/container/repeat-template/index.js

@@ -11,7 +11,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _withBaseWrapper = _interopRequireDefault(require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper"));
 var _lodashEs = require("lodash-es");
-var _attr = require("@wavemaker-ai/react-runtime/utils/attr");
 var _excluded = ["name", "show", "children"];
 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;
@@ -23,7 +22,7 @@ var WmRepeatTemplate = /*#__PURE__*/(0, _react.memo)(function (props) {
   return __jsx("div", (0, _extends2["default"])({
     className: "app-repeat-item",
     hidden: !show
-  }, (0, _attr.removeInvalidAttributes)(restProps)), children);
+  }, restProps), children);
 }, function (prev, next) {
   var keys = ["name", "show", "children", "hidden", "className", "styles"];
   return keys.every(function (key) {