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

package/higherOrder/helper.js

@@ -1,81 +1,95 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.accordionExpansionHandler = exports.BaseAppInitialState = void 0;
-exports.importModule = importModule;
-exports.tabSelectionHandler = exports.mergeVariablesAndActions = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _appstore = _interopRequireDefault(require("../core/appstore"));
-var _util = require("../core/util");
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-var _navigationSlice = require("../store/slices/navigationSlice");
-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 mergeVariablesAndActions = exports.mergeVariablesAndActions = function mergeVariablesAndActions(pageVariables) {
-  var appVars = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    Variables: {},
-    Actions: {}
-  };
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import appstore from "../core/appstore";
+import { getCurrentMonth, reload, getTimezone } from "../core/util";
+import moment from "moment-timezone";
+import {
+  clearPendingAccordionExpansion,
+  clearPendingTabSelection
+} from "../store/slices/navigationSlice";
+const mergeVariablesAndActions = (pageVariables, appVars = {
+  Variables: {},
+  Actions: {}
+}) => {
   return {
-    Variables: _objectSpread(_objectSpread({}, appVars.Variables), pageVariables.Variables),
-    Actions: _objectSpread(_objectSpread({}, appVars.Actions), pageVariables.Actions)
+    Variables: __spreadValues(__spreadValues({}, appVars.Variables), pageVariables.Variables),
+    Actions: __spreadValues(__spreadValues({}, appVars.Actions), pageVariables.Actions)
   };
 };
-var BaseAppInitialState = exports.BaseAppInitialState = {
+const BaseAppInitialState = {
   activePageName: "",
   lastActivePage: "",
   Variables: {},
   Actions: {},
   isAppReady: false,
-  getDependency: _appstore["default"].getDependency,
-  getCurrentMonth: _util.getCurrentMonth,
+  getDependency: appstore.getDependency,
+  getCurrentMonth,
   notification: null,
   Common: {},
-  onPageReady: function onPageReady() {},
-  reload: _util.reload
+  onPageReady: () => {
+  },
+  reload
 };
 function importModule(moduleName) {
   if (moduleName === "moment") {
-    var locale = (0, _util.getTimezone)();
-    var guessedTz = locale || _momentTimezone["default"].tz && typeof _momentTimezone["default"].tz.guess === "function" && _momentTimezone["default"].tz.guess() || typeof Intl !== "undefined" && Intl.DateTimeFormat && Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
-    if (_momentTimezone["default"].tz && typeof _momentTimezone["default"].tz.setDefault === "function") {
-      _momentTimezone["default"].tz.setDefault(guessedTz);
+    const locale = getTimezone();
+    const guessedTz = locale || moment.tz && typeof moment.tz.guess === "function" && moment.tz.guess() || typeof Intl !== "undefined" && Intl.DateTimeFormat && Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+    if (moment.tz && typeof moment.tz.setDefault === "function") {
+      moment.tz.setDefault(guessedTz);
     }
-    return _momentTimezone["default"];
+    return moment;
   }
 }
-var accordionExpansionHandler = exports.accordionExpansionHandler = function accordionExpansionHandler(pageProxyRef, pendingAccordionExpansion, dispatch) {
-  setTimeout(function () {
+const accordionExpansionHandler = (pageProxyRef, pendingAccordionExpansion, dispatch) => {
+  setTimeout(() => {
+    var _a, _b, _c;
     try {
-      var _pageProxyRef$current;
-      if ((_pageProxyRef$current = pageProxyRef.current) !== null && _pageProxyRef$current !== void 0 && (_pageProxyRef$current = _pageProxyRef$current.Widgets) !== null && _pageProxyRef$current !== void 0 && (_pageProxyRef$current = _pageProxyRef$current[pendingAccordionExpansion]) !== null && _pageProxyRef$current !== void 0 && _pageProxyRef$current.expand) {
+      if ((_c = (_b = (_a = pageProxyRef.current) == null ? void 0 : _a.Widgets) == null ? void 0 : _b[pendingAccordionExpansion]) == null ? void 0 : _c.expand) {
         pageProxyRef.current.Widgets[pendingAccordionExpansion].expand();
       } else {
-        console.warn("Accordion widget not found: ".concat(pendingAccordionExpansion));
+        console.warn(`Accordion widget not found: ${pendingAccordionExpansion}`);
       }
     } catch (error) {
-      console.warn("Unable to expand accordion: ".concat(pendingAccordionExpansion), error);
+      console.warn(`Unable to expand accordion: ${pendingAccordionExpansion}`, error);
     } finally {
-      dispatch((0, _navigationSlice.clearPendingAccordionExpansion)());
+      dispatch(clearPendingAccordionExpansion());
     }
   }, 0);
 };
-var tabSelectionHandler = exports.tabSelectionHandler = function tabSelectionHandler(pageProxyRef, tabNameToSelect, dispatch) {
-  setTimeout(function () {
+const tabSelectionHandler = (pageProxyRef, tabNameToSelect, dispatch) => {
+  setTimeout(() => {
+    var _a, _b, _c;
     try {
-      var _pageProxyRef$current2;
-      if ((_pageProxyRef$current2 = pageProxyRef.current) !== null && _pageProxyRef$current2 !== void 0 && (_pageProxyRef$current2 = _pageProxyRef$current2.Widgets) !== null && _pageProxyRef$current2 !== void 0 && (_pageProxyRef$current2 = _pageProxyRef$current2[tabNameToSelect]) !== null && _pageProxyRef$current2 !== void 0 && _pageProxyRef$current2.select) {
+      if ((_c = (_b = (_a = pageProxyRef.current) == null ? void 0 : _a.Widgets) == null ? void 0 : _b[tabNameToSelect]) == null ? void 0 : _c.select) {
         pageProxyRef.current.Widgets[tabNameToSelect].select();
       } else {
-        console.warn("Tab widget not found: ".concat(tabNameToSelect));
+        console.warn(`Tab widget not found: ${tabNameToSelect}`);
       }
     } catch (error) {
-      console.warn("Unable to select tab: ".concat(tabNameToSelect), error);
+      console.warn(`Unable to select tab: ${tabNameToSelect}`, error);
     } finally {
-      dispatch((0, _navigationSlice.clearPendingTabSelection)());
+      dispatch(clearPendingTabSelection());
     }
   }, 0);
-};
+};
+export {
+  BaseAppInitialState,
+  accordionExpansionHandler,
+  importModule,
+  mergeVariablesAndActions,
+  tabSelectionHandler
+};

package/higherOrder/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/higherOrder/withBaseWrapper.js

@@ -1,133 +1,105 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withBaseWrapper = exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
-var _useDeviceVisibility2 = require("@wavemaker-ai/react-runtime/hooks/useDeviceVisibility");
-var _WidgetProvider = require("@wavemaker-ai/react-runtime/context/WidgetProvider");
-var _styleUtils = require("@wavemaker-ai/react-runtime/utils/style-utils");
-var _excluded = ["show", "deferload", "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 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 withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(WrappedComponent) {
-  var WithBaseComponent = function WithBaseComponent(props) {
-    var _pageContext$Widgets, _mergedProps$show, _mergedProps$show2;
-    var _props$show = props.show,
-      show = _props$show === void 0 ? true : _props$show,
-      deferload = props.deferload,
-      _props$standalone = props.standalone,
-      standalone = _props$standalone === void 0 ? false : _props$standalone,
-      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-    var name = props["item-id"] || props.name;
-    var _usePageContext = (0, _WidgetProvider.usePageContext)(standalone),
-      pageContext = _usePageContext.pageContext,
-      updateWidgetState = _usePageContext.updateWidgetState,
-      destroy = _usePageContext.destroy,
-      proxy = _usePageContext.proxy;
-
-    // All hooks must be called before any early returns
-    var _useDeviceVisibility = (0, _useDeviceVisibility2.useDeviceVisibility)(props.showindevice || ["all"]),
-      isHidden = _useDeviceVisibility.isHidden;
-
-    // Extract widget-id from component props
-    var componentWidgetId = (0, _react.useMemo)(function () {
-      return props === null || props === void 0 ? void 0 : props["data-widget-id"];
-    }, [props === null || props === void 0 ? void 0 : props["data-widget-id"]]);
-    var widgetFromContext = name ? pageContext === null || pageContext === void 0 || (_pageContext$Widgets = pageContext.Widgets) === null || _pageContext$Widgets === void 0 ? void 0 : _pageContext$Widgets[name] : undefined;
-
-    // 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) {
-        var widget = (widgetFromContext === null || widgetFromContext === void 0 ? void 0 : widgetFromContext["data-widget-id"]) === componentWidgetId ? widgetFromContext : {};
-        // Create registry entry with widget-id and viewParent so wm.Widgets[name].viewParent is available
-        var registryEntry = _objectSpread(_objectSpread(_objectSpread({
-          show: show
-        }, props), widget), {}, {
-          "data-widget-id": componentWidgetId || undefined,
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import React, { useEffect, useMemo, useCallback } from "react";
+import isEqual from "lodash-es/isEqual";
+import { useDeviceVisibility } from "../hooks/useDeviceVisibility";
+import { usePageContext } from "../context/WidgetProvider";
+import { sanitizeStyleObject } from "../utils/style-utils";
+const withBaseWrapper = (WrappedComponent) => {
+  const WithBaseComponent = (props) => {
+    var _b, _c, _d;
+    const _a = props, { show = true, deferload, standalone = false } = _a, rest = __objRest(_a, ["show", "deferload", "standalone"]);
+    const name = props["item-id"] || props.name;
+    const { pageContext, updateWidgetState, destroy, proxy } = usePageContext(standalone);
+    const { isHidden } = useDeviceVisibility(props.showindevice || ["all"]);
+    const componentWidgetId = useMemo(() => props == null ? void 0 : props["data-widget-id"], [props == null ? void 0 : props["data-widget-id"]]);
+    const widgetFromContext = name ? (_b = pageContext == null ? void 0 : pageContext.Widgets) == null ? void 0 : _b[name] : void 0;
+    useEffect(() => {
+      if (name && (props == null ? void 0 : props.iswidget) !== "false" && (pageContext == null ? void 0 : pageContext.Widgets)) {
+        const widget = (widgetFromContext == null ? void 0 : widgetFromContext["data-widget-id"]) === componentWidgetId ? widgetFromContext : {};
+        const registryEntry = __spreadProps(__spreadValues(__spreadValues({}, props), widget), {
+          "data-widget-id": componentWidgetId || void 0,
           // Ensure widget-id is stored
           viewParent: proxy
         });
-
-        // Last component with same name overwrites previous (LAST WINS)
         pageContext.Widgets[name] = registryEntry;
       }
-    }, [name, pageContext === null || pageContext === void 0 ? void 0 : pageContext.Widgets, componentWidgetId, props]);
-
-    // Compute merged props in a memoized way
-    var mergedProps = (0, _react.useMemo)(function () {
-      if (!name || !(pageContext !== null && pageContext !== void 0 && pageContext.Widgets) || (props === null || props === void 0 ? void 0 : props.iswidget) === "false") {
+    }, [name, pageContext == null ? void 0 : pageContext.Widgets, componentWidgetId, props]);
+    const mergedProps = useMemo(() => {
+      if (!name || !(pageContext == null ? void 0 : pageContext.Widgets) || (props == null ? void 0 : props.iswidget) === "false") {
         return props;
       }
-      var widget = widgetFromContext || {};
-
-      // 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)
-      var shouldMergeFromContext = !componentWidgetId || !contextWidgetId || componentWidgetId === contextWidgetId;
-      var mergedState = _objectSpread({}, props);
-      var registry = pageContext === null || pageContext === void 0 ? void 0 : pageContext.overriddenPropsRegistry;
-      var widgetDatavalue = widget.datavalue;
-      var datavalue = widgetDatavalue !== null && widgetDatavalue !== void 0 ? widgetDatavalue : props.datavalue;
-      if (shouldMergeFromContext && registry !== null && registry !== void 0 && registry.isWidgetOverridden(name, componentWidgetId || "") && !props.formfield) {
-        // Apply widget-id specific overridden properties from the registry
-        var widgetOverrides = registry === null || registry === void 0 ? void 0 : registry.getWidgetOverrides(name, componentWidgetId || "");
+      const widget = widgetFromContext || {};
+      const contextWidgetId = widget == null ? void 0 : widget["data-widget-id"];
+      const component = WrappedComponent.displayName;
+      const shouldMergeFromContext = !componentWidgetId || !contextWidgetId || componentWidgetId === contextWidgetId;
+      let mergedState = __spreadValues({}, props);
+      const registry = pageContext == null ? void 0 : pageContext.overriddenPropsRegistry;
+      const widgetDatavalue = widget.datavalue;
+      const datavalue = widgetDatavalue != null ? widgetDatavalue : props.datavalue;
+      if (shouldMergeFromContext && (registry == null ? void 0 : registry.isWidgetOverridden(name, componentWidgetId || "")) && !props.formfield) {
+        const widgetOverrides = registry == null ? void 0 : registry.getWidgetOverrides(name, componentWidgetId || "");
         if (widgetOverrides) {
-          Object.keys(widgetOverrides).forEach(function (key) {
-            var _registry$getLastInte;
-            var internalValue = registry === null || registry === void 0 || (_registry$getLastInte = registry.getLastInternalValue) === null || _registry$getLastInte === void 0 ? void 0 : _registry$getLastInte.call(registry, name, key);
-
-            // If an internal update (user input via listener.onChange) occurred
-            // after the last script override, use the internal value.
-            // trackOverriddenProps clears internal values when a script sets
-            // a new value, so the presence of an internal value means it is newer.
-            mergedState[key] = internalValue !== undefined ? internalValue : widgetOverrides[key];
+          Object.keys(widgetOverrides).forEach((key) => {
+            var _a2;
+            const internalValue = (_a2 = registry == null ? void 0 : registry.getLastInternalValue) == null ? void 0 : _a2.call(registry, name, key);
+            mergedState[key] = internalValue !== void 0 ? internalValue : widgetOverrides[key];
             if (props.prefab && key !== "inbound" && key !== "outbound" && key !== "show") {
-              var updatedInbound = _objectSpread(_objectSpread({}, props.inbound), {}, (0, _defineProperty2["default"])({}, key, mergedState[key]));
+              const updatedInbound = __spreadProps(__spreadValues({}, props.inbound), {
+                [key]: mergedState[key]
+              });
               mergedState.inbound = updatedInbound;
             }
           });
-
-          // Then handle other widget properties that are not overridden
-          Object.keys(widget).forEach(function (key) {
-            var isPropOverriddenCheck = registry === null || registry === void 0 ? void 0 : registry.isPropOverridden(name, key, componentWidgetId || "");
+          Object.keys(widget).forEach((key) => {
+            const isPropOverriddenCheck = registry == null ? void 0 : registry.isPropOverridden(
+              name,
+              key,
+              componentWidgetId || ""
+            );
             if (!isPropOverriddenCheck) {
               mergedState[key] = props[key];
             }
           });
         }
       } else if (shouldMergeFromContext) {
-        mergedState = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, widget), props), props !== null && props !== void 0 && props.formfield ? {
-          datavalue: props.datavalue
-        } : {
-          datavalue: widgetDatavalue !== null && widgetDatavalue !== void 0 ? widgetDatavalue : props.datavalue
-        }), component === "WmFormField" && !props["value"] && {
-          value: datavalue,
-          datavalue: datavalue
-        });
+        mergedState = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, widget), props), (props == null ? void 0 : props.formfield) ? { datavalue: props.datavalue } : { datavalue: widgetDatavalue != null ? widgetDatavalue : props.datavalue }), component === "WmFormField" && !props["value"] && { value: datavalue, datavalue });
       } else {
-        // Widget-id mismatch: component stays independent with only its own props
-        mergedState = _objectSpread(_objectSpread({}, props), component === "WmFormField" && !props["value"] && {
-          value: datavalue,
-          datavalue: datavalue
-        });
+        mergedState = __spreadValues(__spreadValues({}, props), component === "WmFormField" && !props["value"] && { value: datavalue, datavalue });
       }
       if (component === "WmTable" && proxy.Widgets[name]) {
-        Object.keys(proxy.Widgets[name]).forEach(function (key) {
+        Object.keys(proxy.Widgets[name]).forEach((key) => {
           if (!mergedState[key]) {
             mergedState[key] = proxy.Widgets[name][key];
           }
@@ -135,84 +107,67 @@ var withBaseWrapper = exports.withBaseWrapper = function withBaseWrapper(Wrapped
       }
       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") {
-        var currentWidgetState = pageContext.Widgets[name] || {};
-
-        // Extract widget-id from context
-        var contextWidgetId = currentWidgetState === null || currentWidgetState === void 0 ? void 0 : currentWidgetState["data-widget-id"];
-
-        // Only sync if widget-ids match OR no widget-id filtering needed
-        var shouldSync = !componentWidgetId || !contextWidgetId || componentWidgetId === contextWidgetId;
+    const syncWithContext = useCallback(() => {
+      if (name && (pageContext == null ? void 0 : pageContext.Widgets) && (props == null ? void 0 : props.iswidget) !== "false") {
+        const currentWidgetState = pageContext.Widgets[name] || {};
+        const contextWidgetId = currentWidgetState == null ? void 0 : currentWidgetState["data-widget-id"];
+        const shouldSync = !componentWidgetId || !contextWidgetId || componentWidgetId === contextWidgetId;
         if (shouldSync) {
-          // Skip comparing listener property and viewParent propperties
-          var stateForComparison = _objectSpread({}, currentWidgetState);
-          var propsForComparison = _objectSpread({}, mergedProps);
+          const stateForComparison = __spreadValues({}, currentWidgetState);
+          const propsForComparison = __spreadValues({}, mergedProps);
           delete stateForComparison.listener;
           delete propsForComparison.listener;
           delete stateForComparison.viewParent;
           delete propsForComparison.viewParent;
-          if (!(0, _isEqual["default"])(stateForComparison, propsForComparison)) {
+          if (!isEqual(stateForComparison, propsForComparison)) {
             updateWidgetState(name, mergedProps);
           }
         }
       }
-    }, [pageContext === null || pageContext === void 0 ? void 0 : pageContext.Widgets, mergedProps, props, componentWidgetId]);
-    (0, _react.useEffect)(function () {
+    }, [pageContext == null ? void 0 : pageContext.Widgets, mergedProps, props, componentWidgetId]);
+    useEffect(() => {
       syncWithContext();
     }, [syncWithContext]);
-    var computedStyles = (0, _react.useMemo)(function () {
-      // Ensure conditionalstyle is a valid CSS object or undefined
-      var conditionalStyleObj = (0, _typeof2["default"])(props.conditionalstyle) === "object" && props.conditionalstyle !== null ? (0, _styleUtils.sanitizeStyleObject)(props.conditionalstyle) : {};
-      var baseStyles = (0, _styleUtils.sanitizeStyleObject)(props.styles);
-      return _objectSpread(_objectSpread({}, baseStyles), conditionalStyleObj);
+    const computedStyles = useMemo(() => {
+      const conditionalStyleObj = typeof props.conditionalstyle === "object" && props.conditionalstyle !== null ? sanitizeStyleObject(props.conditionalstyle) : {};
+      const baseStyles = sanitizeStyleObject(props.styles);
+      return __spreadValues(__spreadValues({}, baseStyles), conditionalStyleObj);
     }, [props.styles, props.conditionalstyle]);
-    var computedClassName = (0, _react.useMemo)(function () {
-      return [props.className, props.conditionalclass, props.animation && "animated ".concat(props.animation)].filter(Boolean).join(" ");
+    const computedClassName = useMemo(() => {
+      return [
+        props.className,
+        props.conditionalclass,
+        props.animation && `animated ${props.animation}`
+      ].filter(Boolean).join(" ");
     }, [props.className, props.conditionalclass, props.animation]);
-
-    // Early returns after all hooks
     if (isHidden) return null;
-
-    // Optimized deferload and show logic
-    var isDeferLoad = deferload === true;
-    var showValue = (mergedProps === null || mergedProps === void 0 || (_mergedProps$show = mergedProps.show) === null || _mergedProps$show === void 0 ? void 0 : _mergedProps$show.toString()) !== "false";
-
-    // Implement exact logic from requirements:
-    // show = false, deferload = undefined/false → render initial, not UI (hidden=true)
-    // show = false, deferload = true → don't render at all
-    // show = true, deferload = true → render in both
-    // show = true, deferload = false/undefined → render in UI
-
+    const isDeferLoad = deferload === true;
+    const showValue = ((_c = mergedProps == null ? void 0 : mergedProps.show) == null ? void 0 : _c.toString()) !== "false";
     if (!showValue && isDeferLoad) {
-      // Case: show = false, deferload = true → don't render at all
       return null;
     }
-
-    // Case: show = false, deferload = false/undefined → render with hidden=true
-    var shouldHide = !showValue && !isDeferLoad;
-    var updateon = (props === null || props === void 0 ? void 0 : props.updateon) === "default" ? "keypress" : props === null || props === void 0 ? void 0 : props.updateon;
-    return __jsx(WrappedComponent, (0, _extends2["default"])({}, rest, mergedProps, updateon && {
-      updateon: updateon
-    }, shouldHide && {
-      hidden: true
-    }, deferload !== undefined && {
-      deferload: deferload.toString()
-    }, {
-      show: mergedProps === null || mergedProps === void 0 || (_mergedProps$show2 = mergedProps.show) === null || _mergedProps$show2 === void 0 ? void 0 : _mergedProps$show2.toString(),
-      name: props.name,
-      className: computedClassName,
-      styles: computedStyles
-    }, (props === null || props === void 0 ? void 0 : props.dataset) && {
-      dataset: props === null || props === void 0 ? void 0 : props.dataset
-    }, {
-      destroy: destroy,
-      viewParent: proxy
-    }));
+    const shouldHide = !showValue && !isDeferLoad;
+    const updateon = (props == null ? void 0 : props.updateon) === "default" ? "keypress" : props == null ? void 0 : props.updateon;
+    return /* @__PURE__ */ jsx(
+      WrappedComponent,
+      __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, rest), mergedProps), updateon && { updateon }), shouldHide && { hidden: true }), deferload !== void 0 && { deferload: deferload.toString() }), {
+        show: (_d = mergedProps == null ? void 0 : mergedProps.show) == null ? void 0 : _d.toString(),
+        name: props.name,
+        className: computedClassName,
+        styles: computedStyles
+      }), (props == null ? void 0 : props.dataset) && { dataset: props == null ? void 0 : props.dataset }), {
+        destroy,
+        viewParent: proxy
+      })
+    );
   };
-  WithBaseComponent.displayName = "WithBase(".concat(WrappedComponent.displayName || WrappedComponent.name || "Component", ")");
-  return /*#__PURE__*/_react["default"].memo(WithBaseComponent, function (prevProps, nextProps) {
+  WithBaseComponent.displayName = `WithBase(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return React.memo(WithBaseComponent, (prevProps, nextProps) => {
     return prevProps === nextProps;
   });
 };
-var _default = exports["default"] = withBaseWrapper;
+var withBaseWrapper_default = withBaseWrapper;
+export {
+  withBaseWrapper_default as default,
+  withBaseWrapper
+};

package/higherOrder/withStandalone.js

@@ -1,29 +1,31 @@
-"use strict";
 "use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-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;
-/** Defaults to `true` unless overridden; forwarded to `withFormController` and inner widgets. */
-
-/**
- * Outermost wrapper for form-backed widgets: sets `standalone` to `true` by default
- * (pass `standalone={false}` to opt out). Forwards all props through the inner HOC chain.
- */
-var withStandalone = function withStandalone(WrappedComponent) {
-  var WithStandaloneComponent = /*#__PURE__*/(0, _react.memo)(function (props) {
-    return __jsx(WrappedComponent, (0, _extends2["default"])({}, props, {
-      standalone: true
-    }));
-  });
-  WithStandaloneComponent.displayName = "withStandalone(".concat(WrappedComponent.displayName || WrappedComponent.name || "Component", ")");
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+const withStandalone = (WrappedComponent) => {
+  const WithStandaloneComponent = memo((props) => /* @__PURE__ */ jsx(WrappedComponent, __spreadProps(__spreadValues({}, props), { standalone: true })));
+  WithStandaloneComponent.displayName = `withStandalone(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
   return WithStandaloneComponent;
 };
-var _default = exports["default"] = withStandalone;
+var withStandalone_default = withStandalone;
+export {
+  withStandalone_default as default
+};