@wavemaker/react-runtime 11.15.3-rc.647481 → 11.15.4-rc.647493

package/components/input/epoch/date/index.js

@@ -17,6 +17,7 @@ var _utils = require("./utils");
 var _DatePickerPopover = _interopRequireDefault(require("./components/DatePickerPopover"));
 var _store = require("@wavemaker/react-runtime/store");
 var _withFormController = _interopRequireDefault(require("@wavemaker/react-runtime/components/data/form/form-controller/withFormController"));
+var _button = require("@wavemaker/react-runtime/components/form/button");
 var _excluded = ["name", "hint", "shortcutkey", "datavalue", "width", "arialabel", "invokeOnChange", "handleKeyDown", "getDateObj", "updatePrevDatavalue", "updateBoundVariable", "onChange", "onClick", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave", "onBeforeload", "placeholder", "tabindex", "datepattern", "outputformat", "required", "excludedays", "excludedates", "showweeks", "showbuttonbar", "autofocus", "readonly", "disabled", "showdropdownon", "adaptiveposition", "selectfromothermonth", "todaybutton", "clearbutton", "todaybuttonlabel", "clearbuttonlabel", "showcustompicker", "showdateformatasplaceholder", "viewmode", "dataentrymode", "listener", "className", "styles", "validators", "validationmessage"];
 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;
@@ -521,6 +522,25 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       }
     },
+    InputProps: {
+      endAdornment: __jsx(_material.Box, {
+        component: "span",
+        className: "input-group-btn"
+      }, __jsx(_button.WmButton, {
+        type: "button",
+        className: "btn btn-default btn-time",
+        tabIndex: tabindex,
+        disabled: disabled || readonly,
+        "aria-label": inputValue ? "Change Date ".concat(inputValue) : "Choose date by pressing enter",
+        "aria-haspopup": "true",
+        "aria-expanded": showPicker,
+        onClick: handleIconButtonClick
+      }, __jsx(_material.Box, {
+        component: "i",
+        "aria-hidden": "true",
+        className: "app-icon wm-sl-l sl-calendar"
+      })))
+    },
     value: inputValue,
     onChange: handleInputChange,
     onKeyDown: handleInputKeyDown,
@@ -532,23 +552,7 @@ var WmDate = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return _onBlur && name && _onBlur(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name]);
     },
     style: (0, _utils.getWidthStyle)(width)
-  }), __jsx(_material.Box, {
-    component: "span",
-    className: "input-group-btn"
-  }, __jsx(_material.Button, {
-    type: "button",
-    className: "btn btn-default btn-time",
-    tabIndex: tabindex,
-    disabled: disabled || readonly,
-    "aria-label": inputValue ? "Change Date ".concat(inputValue) : "Choose date by pressing enter",
-    "aria-haspopup": "true",
-    "aria-expanded": showPicker,
-    onClick: handleIconButtonClick
-  }, __jsx(_material.Box, {
-    component: "i",
-    "aria-hidden": "true",
-    className: "app-icon wm-sl-l sl-calendar"
-  }))), showPicker && __jsx(_DatePickerPopover["default"], {
+  }), showPicker && __jsx(_DatePickerPopover["default"], {
     open: showPicker,
     anchorEl: anchorEl,
     onClose: handleClose,

package/components/input/epoch/datetime/index.js

@@ -12,13 +12,13 @@ var _material = require("@mui/material");
 var _DatePicker = require("@mui/x-date-pickers/DatePicker");
 var _TimePicker = require("@mui/x-date-pickers/TimePicker");
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _BaseDateTime = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/BaseDateTime"));
 var _withFormController = _interopRequireDefault(require("@wavemaker/react-runtime/components/data/form/form-controller/withFormController"));
 var _utils = require("./utils");
 var _styled = require("./styled");
 var _store = require("@wavemaker/react-runtime/store");
+var _compare = _interopRequireDefault(require("../../../../core/util/compare"));
 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; }
@@ -700,10 +700,8 @@ var WmDateTime = exports.WmDateTime = /*#__PURE__*/(0, _react.memo)(function (pr
   }));
 }, function (prev, next) {
   var keys = ["datavalue", "datepattern", "placeholder", "hint", "tabindex", "shortcutkey", "hourstep", "minutestep", "outputformat", "required", "mindate", "maxdate", "excludedays", "excludedates", "showweeks", "autofocus", "readonly", "disabled", "selectfromothermonth", "todaybutton", "clearbutton", "adaptiveposition", "showdropdownon", "dataentrymode", "width", "arialabel", "className", "isValidDate", "formatValidation", "floatinglabel", "styles", "showampmbuttons", "hidden", "validators", "validationmessage"];
-  var p = prev;
-  var n = next;
   return keys.every(function (key) {
-    return (0, _isEqual["default"])(p[key], n[key]);
+    return (0, _compare["default"])(prev[key], next[key]);
   });
 });
 WmDateTime.displayName = "WmDateTime";

package/components/navigation/popover/index.js

@@ -35,7 +35,6 @@ var WmPopover = function WmPopover(Props) {
     open = _useState4[0],
     setOpen = _useState4[1];
   var isOpen = Boolean(anchorEl);
-  var parentWidgetRef = (0, _react.useRef)(null);
 
   // Exposeable methods
   var openPopover = (0, _react.useCallback)(function () {
@@ -46,11 +45,9 @@ var WmPopover = function WmPopover(Props) {
     calculatePlacement();
     setAnchorEl(anchorRef.current);
     setIsDialogOpen(true);
-    props === null || props === void 0 || (_props$onShow = props.onShow) === null || _props$onShow === void 0 || _props$onShow.call(props, {}, _objectSpread(_objectSpread({
+    props === null || props === void 0 || (_props$onShow = props.onShow) === null || _props$onShow === void 0 || _props$onShow.call(props, {}, _objectSpread({
       isOpen: true
-    }, props), {}, {
-      viewParent: parentWidgetRef.current
-    }));
+    }, props));
   }, []);
   var closePopover = (0, _react.useCallback)(function () {
     var _props$onHide;
@@ -59,11 +56,9 @@ var WmPopover = function WmPopover(Props) {
     }
     setAnchorEl(null);
     setIsDialogOpen(false);
-    props === null || props === void 0 || (_props$onHide = props.onHide) === null || _props$onHide === void 0 || _props$onHide.call(props, {}, _objectSpread(_objectSpread({
+    props === null || props === void 0 || (_props$onHide = props.onHide) === null || _props$onHide === void 0 || _props$onHide.call(props, {}, _objectSpread({
       isOpen: false
-    }, props), {}, {
-      viewParent: parentWidgetRef.current
-    }));
+    }, props));
   }, [isOpen]);
   var togglePopover = (0, _react.useCallback)(function () {
     if (isOpen) {
@@ -121,11 +116,9 @@ var WmPopover = function WmPopover(Props) {
   var handleClick = function handleClick(event) {
     event.preventDefault();
     event.stopPropagation();
-    parentWidgetRef.current = props.listener;
     var widget = _objectSpread({
       isOpen: isOpen
     }, props);
-    widget.viewParent = parentWidgetRef.current;
     delete widget.listener;
     if (!isOpen) {
       loadedRef.current = false;
@@ -172,9 +165,7 @@ var WmPopover = function WmPopover(Props) {
     else if (props.autoclose === "always") {
       var _props$onHide4;
       setAnchorEl(null);
-      props === null || props === void 0 || (_props$onHide4 = props.onHide) === null || _props$onHide4 === void 0 || _props$onHide4.call(props, event.nativeEvent, _objectSpread(_objectSpread({}, props), {}, {
-        viewParent: parentWidgetRef.current
-      }));
+      props === null || props === void 0 || (_props$onHide4 = props.onHide) === null || _props$onHide4 === void 0 || _props$onHide4.call(props, event.nativeEvent, _objectSpread({}, props));
       return;
     }
 
@@ -183,18 +174,14 @@ var WmPopover = function WmPopover(Props) {
       if (reason === "backdropClick") {
         var _props$onHide5;
         setAnchorEl(null);
-        props === null || props === void 0 || (_props$onHide5 = props.onHide) === null || _props$onHide5 === void 0 || _props$onHide5.call(props, event.nativeEvent, _objectSpread(_objectSpread({}, props), {}, {
-          viewParent: parentWidgetRef.current
-        }));
+        props === null || props === void 0 || (_props$onHide5 = props.onHide) === null || _props$onHide5 === void 0 || _props$onHide5.call(props, event.nativeEvent, _objectSpread({}, props));
       }
       return;
     }
 
     // Default behavior for any other autoclose value
     setAnchorEl(null);
-    props === null || props === void 0 || (_props$onHide6 = props.onHide) === null || _props$onHide6 === void 0 || _props$onHide6.call(props, event.nativeEvent, _objectSpread(_objectSpread({}, props), {}, {
-      viewParent: parentWidgetRef.current
-    }));
+    props === null || props === void 0 || (_props$onHide6 = props.onHide) === null || _props$onHide6 === void 0 || _props$onHide6.call(props, event.nativeEvent, _objectSpread({}, props));
   }
   var arrowStyles = (0, _react.useMemo)(function () {
     if (!anchorRef.current) return {};
@@ -267,7 +254,7 @@ var WmPopover = function WmPopover(Props) {
           width: popoverWidth,
           pointerEvents: props.autoclose === "disabled" ? "none" : "auto"
         },
-        className: (0, _clsx["default"])(placement, "app-popover in popover", props.contentanimation && "animated ".concat(props.contentanimation), "popover-".concat(placement), "bs-popover-".concat(placement), 'bs3 popover-logout-popover')
+        className: (0, _clsx["default"])(placement, "app-popover in popover", props.contentanimation && "animated ".concat(props.contentanimation), "popover-".concat(placement), "bs-popover-".concat(placement), "bs3 popover-logout-popover")
       }
     }
   }, __jsx("div", {

package/components/page/partial-container/index.js

@@ -20,7 +20,8 @@ var WmPartialContainer = /*#__PURE__*/(0, _react.memo)(function (props) {
   var prefab = props.prefab,
     content = props.content,
     prefabName = props.prefabName,
-    onLoad = props.onLoad;
+    onLoad = props.onLoad,
+    listener = props.listener;
   var loadedRef = (0, _react.useRef)(false);
   var params = {};
   var handleLoad = (0, _react.useCallback)(function (widget) {
@@ -55,6 +56,23 @@ var WmPartialContainer = /*#__PURE__*/(0, _react.memo)(function (props) {
       onRender: handleLoad
     })) : null);
   };
+
+  // Memoize partialParams, recompute only when props.params or params changes
+  var partialParams = (0, _react.useMemo)(function () {
+    var _props$params;
+    var acc = {};
+    props === null || props === void 0 || (_props$params = props.params) === null || _props$params === void 0 || _props$params.forEach(function (p) {
+      acc[p] = params === null || params === void 0 ? void 0 : params[p];
+    });
+    return acc;
+  }, [props === null || props === void 0 ? void 0 : props.params, params]);
+  (0, _react.useEffect)(function () {
+    if (listener) {
+      listener.onChange(props.partialName, {
+        partialParams: partialParams || {}
+      });
+    }
+  }, [partialParams]);
   return __jsx(_Container["default"], {
     className: "partial-container"
   }, __jsx(_react.Suspense, {

package/context/WidgetProvider.js

@@ -12,8 +12,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _get = _interopRequireDefault(require("lodash-es/get"));
 var _debounce = _interopRequireDefault(require("lodash-es/debounce"));
 var _proxyService = require("../core/proxy-service");
+var _useDebounce = require("../hooks/useDebounce");
 var _useHttp = require("../hooks/useHttp");
 var _formState = require("../utils/form-state.util");
+var _widgetCleanupUtil = require("../utils/widget-cleanup-util");
 var _events = require("../core/constants/events");
 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;
@@ -34,6 +36,32 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
     setPageContext = _useState[1];
   var pageContextRef = (0, _react.useRef)(value);
   pageContextRef.current = pageContext;
+  var pendingDestroysRef = (0, _react.useRef)(new Set());
+  var flushDestroys = (0, _react.useCallback)(function () {
+    var names = Array.from(pendingDestroysRef.current);
+    pendingDestroysRef.current.clear();
+    if (names.length === 0) return;
+    setPageContext(function (prev) {
+      var newContext = (0, _widgetCleanupUtil.removeWidgetsFromContext)(prev, proxy, names);
+      if (newContext !== prev) {
+        pageContextRef.current = newContext;
+      }
+      return newContext;
+    });
+  }, []);
+  var debouncedFlushDestroys = (0, _useDebounce.useDebounceCallback)(flushDestroys, 100);
+  (0, _react.useEffect)(function () {
+    return function () {
+      return debouncedFlushDestroys.cancel();
+    };
+  }, [debouncedFlushDestroys]);
+  var destroy = (0, _react.useCallback)(function (widgetNames) {
+    if (!(widgetNames !== null && widgetNames !== void 0 && widgetNames.length)) return;
+    widgetNames.forEach(function (name) {
+      return name && pendingDestroysRef.current.add(name);
+    });
+    debouncedFlushDestroys();
+  }, [debouncedFlushDestroys]);
   (0, _react.useEffect)(function () {
     setPageContext(function (prevContext) {
       var newContext = _objectSpread({}, prevContext);
@@ -124,20 +152,6 @@ var WidgetProvider = exports.WidgetProvider = function WidgetProvider(_ref) {
     if (isPage || !partialName) return;
     debouncedEmitRef.current(partialName, proxy);
   }, [isPage, partialName, pageContext]);
-  var destroy = (0, _react.useCallback)(function (widgetName) {
-    widgetName.forEach(function (name) {
-      var _overriddenPropsRegis;
-      pageContext === null || pageContext === void 0 || (_overriddenPropsRegis = pageContext.overriddenPropsRegistry) === null || _overriddenPropsRegis === void 0 || _overriddenPropsRegis.destroy(name);
-      if (pageContext.Widgets[name]) {
-        delete pageContext.Widgets[name];
-        delete proxy.Widgets[name];
-      }
-      if (pageContext.Widgets[name]) {
-        delete pageContext.Widgets[name];
-        delete proxy.Widgets[name];
-      }
-    });
-  }, []);
   var contextValue = (0, _react.useMemo)(function () {
     return {
       pageContext: pageContext,

package/core/proxy-service.js

@@ -14,7 +14,6 @@ var _serviceVariable = require("../variables/service-variable");
 var _events = require("../core/constants/events");
 var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
 var _liveVariable = _interopRequireDefault(require("../variables/live-variable"));
-var _modelVariable = require("../variables/model-variable");
 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; }
 // WeakMap to store proxy flags without exposing them as props
@@ -446,7 +445,7 @@ var _createStateProxy = exports.createStateProxy = function createStateProxy(obj
       if (descriptor && !descriptor.configurable && !descriptor.writable) {
         return value;
       }
-      if (value instanceof _serviceVariable.ServiceVariable || value instanceof _liveVariable["default"] || value instanceof _modelVariable.ModelVariable) {
+      if (value instanceof _serviceVariable.ServiceVariable || value instanceof _liveVariable["default"]) {
         return value;
       }
 

package/core/util/compare.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = compare;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
 function compare(prev, next) {
   // Handle null/undefined cases
@@ -14,6 +15,11 @@ function compare(prev, next) {
   if (!prev || !next) {
     return false;
   }
+
+  // Primitives (number, string, boolean, etc.): use isEqual; 'in' only works on objects
+  if ((0, _typeof2["default"])(prev) !== "object" || (0, _typeof2["default"])(next) !== "object") {
+    return (0, _isEqual["default"])(prev, next);
+  }
   var keys = Object.keys(next);
   return keys.every(function (key) {
     var prevValue = prev[key];

package/higherOrder/BasePage.js

@@ -280,7 +280,7 @@ var withPageContext = exports.withPageContext = function withPageContext(Wrapped
           Actions: updatedActions
         });
       });
-    }, [appContext === null || appContext === void 0 ? void 0 : appContext.isAppReady, appContext === null || appContext === void 0 ? void 0 : appContext.Variables, appContext === null || appContext === void 0 ? void 0 : appContext.Actions]);
+    }, [appContext === null || appContext === void 0 ? void 0 : appContext.isAppReady]);
 
     // Main initialization effect - runs only when conditions are met
     (0, _react.useEffect)(function () {

package/higherOrder/withBaseWrapper.js

@@ -32,7 +32,8 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
     var _usePageContext = (0, _WidgetProvider.usePageContext)(),
       pageContext = _usePageContext.pageContext,
       updateWidgetState = _usePageContext.updateWidgetState,
-      destroy = _usePageContext.destroy;
+      destroy = _usePageContext.destroy,
+      proxy = _usePageContext.proxy;
 
     // All hooks must be called before any early returns
     var _useDeviceVisibility = (0, _useDeviceVisibility2.useDeviceVisibility)(props.showindevice || ["all"]),
@@ -47,9 +48,11 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
     // Register widget in context (last wins - second component should win)
     (0, _react.useEffect)(function () {
       if (name && (props === null || props === void 0 ? void 0 : props.iswidget) !== "false" && pageContext !== null && pageContext !== void 0 && pageContext.Widgets) {
-        // Create registry entry with widget-id
+        // Create registry entry with widget-id and viewParent so wm.Widgets[name].viewParent is available
         var registryEntry = _objectSpread(_objectSpread({}, props), {}, {
-          "data-widget-id": componentWidgetId || undefined // Ensure widget-id is stored
+          "data-widget-id": componentWidgetId || undefined,
+          // Ensure widget-id is stored
+          viewParent: proxy
         });
 
         // Last component with same name overwrites previous (LAST WINS)
@@ -67,6 +70,7 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
 
       // Extract widget-id from context widget
       var contextWidgetId = widget === null || widget === void 0 ? void 0 : widget["data-widget-id"];
+      var component = WrappedComponent.displayName;
 
       // FIRST WINS: Only merge if this component's widget-id matches the context
       // OR if no widget-id filtering is needed (backward compatibility)
@@ -103,21 +107,28 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
         }
       } else if (shouldMergeFromContext) {
         // For regular widgets (no widget-id or matching widget-id), merge with component props taking precedence
-        mergedState = _objectSpread(_objectSpread(_objectSpread({}, widget), props), WrappedComponent.displayName === "WmFormField" && !props.value && {
+        mergedState = _objectSpread(_objectSpread(_objectSpread({}, widget), props), component === "WmFormField" && !props.value && {
           value: datavalue,
           datavalue: datavalue
         });
       } else {
         // Widget-id mismatch: component stays independent with only its own props
-        mergedState = _objectSpread(_objectSpread({}, props), WrappedComponent.displayName === "WmFormField" && !props.value && {
+        mergedState = _objectSpread(_objectSpread({}, props), component === "WmFormField" && !props.value && {
           value: datavalue,
           datavalue: datavalue
         });
       }
+      if (component === "WmTable" && proxy.Widgets[name]) {
+        Object.keys(proxy.Widgets[name]).forEach(function (key) {
+          if (!mergedState[key]) {
+            mergedState[key] = proxy.Widgets[name][key];
+          }
+        });
+      }
       return mergedState;
     }, [props, widgetFromContext, componentWidgetId]);
     var syncWithContext = (0, _react.useCallback)(function () {
-      if (name && pageContext !== null && pageContext !== void 0 && pageContext.Widgets && (props === null || props === void 0 ? void 0 : props.iswidget) !== "false" && !(props !== null && props !== void 0 && props.formfield)) {
+      if (name && pageContext !== null && pageContext !== void 0 && pageContext.Widgets && (props === null || props === void 0 ? void 0 : props.iswidget) !== "false") {
         var currentWidgetState = pageContext.Widgets[name] || {};
 
         // Extract widget-id from context
@@ -126,11 +137,13 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
         // Only sync if widget-ids match OR no widget-id filtering needed
         var shouldSync = !componentWidgetId || !contextWidgetId || componentWidgetId === contextWidgetId;
         if (shouldSync) {
-          // Skip comparing listener property
+          // Skip comparing listener property and viewParent propperties
           var stateForComparison = _objectSpread({}, currentWidgetState);
           var propsForComparison = _objectSpread({}, mergedProps);
           delete stateForComparison.listener;
           delete propsForComparison.listener;
+          delete stateForComparison.viewParent;
+          delete propsForComparison.viewParent;
           if (!(0, _isEqual["default"])(stateForComparison, propsForComparison)) {
             updateWidgetState(name, mergedProps);
           }
@@ -185,7 +198,8 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
     }, (props === null || props === void 0 ? void 0 : props.dataset) && {
       dataset: props === null || props === void 0 ? void 0 : props.dataset
     }, {
-      destroy: destroy
+      destroy: destroy,
+      viewParent: proxy
     }));
   };
   WithBaseComponent.displayName = "WithBase(".concat(WrappedComponent.displayName || WrappedComponent.name || "Component", ")");

package/libs/index.js

@@ -4,17 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "QRCode", {
+Object.defineProperty(exports, "moment", {
   enumerable: true,
   get: function get() {
-    return _qrcodejs["default"];
+    return _moment["default"];
   }
 });
-Object.defineProperty(exports, "Utils", {
-  enumerable: true,
-  get: function get() {
-    return _utils.Utils;
-  }
-});
-var _utils = require("@wavemaker/react-runtime/core/util/utils");
-var _qrcodejs = _interopRequireDefault(require("qrcodejs2"));
+var _moment = _interopRequireDefault(require("moment"));

package/libs/prefab/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QRCode", {
+  enumerable: true,
+  get: function get() {
+    return _qrcodejs["default"];
+  }
+});
+Object.defineProperty(exports, "Utils", {
+  enumerable: true,
+  get: function get() {
+    return _utils.Utils;
+  }
+});
+var _utils = require("@wavemaker/react-runtime/core/util/utils");
+var _qrcodejs = _interopRequireDefault(require("qrcodejs2"));