@wavemaker-ai/react-runtime 1.0.0-rc.647684 → 12.0.0-rc.335

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker-ai/react-runtime",
-  "version": "1.0.0-rc.647684",
+  "version": "12.0.0-rc.335",
   "description": "React runtime package for Wavemaker",
   "license": "MIT",
   "repository": {
@@ -58,8 +58,8 @@
     "@mui/x-date-pickers": "8.5.3",
     "@reduxjs/toolkit": "2.9.1",
     "@tanstack/react-table": "8.21.3",
-    "@wavemaker-ai/react-codegen": "1.0.0-rc.647684",
-    "@wavemaker-ai/variables": "1.0.0-rc.647684",
+    "@wavemaker-ai/react-codegen": "12.0.0-rc.335",
+    "@wavemaker-ai/variables": "12.0.0-rc.335",
     "@wavemaker/nvd3": "1.8.16",
     "axios": "1.15.1",
     "d3": "7.8.5",

package/runtime-dynamic/App.js

@@ -1,3 +1,22 @@
+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 { Fragment, jsx } from "react/jsx-runtime";
 import { Provider } from "react-redux";
 import { RouterProvider } from "react-router-dom";
@@ -93,7 +112,7 @@ function initPreviewRuntimeRouter(router) {
       pathname: pathname || "/",
       search: search ? `?${search}` : ""
     };
-    router.navigate(navigationPayload, options);
+    router.navigate(navigationPayload, __spreadProps(__spreadValues({}, options), { flushSync: true }));
   }
   setRouter({
     push: (path) => navigateWithSearchParams(path),
@@ -108,7 +127,7 @@ function App() {
       "initPreviewRuntimeRouter() must be called after initializeApp() and before render."
     );
   }
-  return /* @__PURE__ */ jsx(Provider, { store, children: /* @__PURE__ */ jsx(LocalizationProvider, { children: /* @__PURE__ */ jsx(WmThemeProvider, { children: /* @__PURE__ */ jsx(ToastProvider, { children: /* @__PURE__ */ jsx(WmApp, { children: /* @__PURE__ */ jsx(RouterProvider, { router: previewRouter }) }) }) }) }) });
+  return /* @__PURE__ */ jsx(Provider, { store, children: /* @__PURE__ */ jsx(LocalizationProvider, { children: /* @__PURE__ */ jsx(WmThemeProvider, { children: /* @__PURE__ */ jsx(WmApp, { children: /* @__PURE__ */ jsx(ToastProvider, { children: /* @__PURE__ */ jsx(RouterProvider, { router: previewRouter }) }) }) }) }) });
 }
 export {
   App,

package/runtime-dynamic/app-initializer.js

@@ -228,11 +228,18 @@ async function initializeApp() {
   }
 }
 function getIconCssPathsFromFontConfig() {
+  var _a;
   const source = projectConfig.fontConfig;
   if (!source) {
     return [];
   }
-  return [...source.matchAll(/"csspath":\s*"([^"]+)"/g)].map((match) => match[1]);
+  try {
+    const normalized = source.replace(/^\s*export\s+default\s+/m, "").replace(/;?\s*$/, "");
+    const fontConfig = new Function(`return (${normalized});`)();
+    return ((_a = fontConfig == null ? void 0 : fontConfig.fonts) != null ? _a : []).filter((font) => !!font.csspath).map((font) => font.csspath);
+  } catch (e) {
+    return [];
+  }
 }
 function resolvePreviewIconStylesheetUrl(csspath) {
   if (/^https?:\/\//i.test(csspath) || csspath.startsWith("//")) {

package/runtime-dynamic/components/PageWrapper.js

@@ -9,7 +9,7 @@ function PageWrapper() {
   const { pageName } = useParams();
   const { Component, isLoading, error } = useDynamicComponent(pageName, ComponentType.PAGE);
   if (isLoading) {
-    return /* @__PURE__ */ jsx(AppSpinner, { show: true, spinnermessages: ["Loading page..."] });
+    return /* @__PURE__ */ jsx("div", { className: "app-loader", children: /* @__PURE__ */ jsx(AppSpinner, { show: true }) });
   }
   if (error) {
     return /* @__PURE__ */ jsx(

package/runtime-dynamic/components/PrefabPreview.js

@@ -33,7 +33,7 @@ function PrefabPreview() {
     ComponentType.PREFAB
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx(AppSpinner, { show: true, spinnermessages: ["Loading prefab\u2026"] });
+    return /* @__PURE__ */ jsx("div", { className: "app-loader", children: /* @__PURE__ */ jsx(AppSpinner, { show: true }) });
   }
   if (error) {
     return /* @__PURE__ */ jsx(

package/runtime-dynamic/components/partial-content.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsx } from "react/jsx-runtime";
-import { memo, useCallback } from "react";
+import { memo, useCallback, useContext, useEffect } from "react";
 import clsx from "clsx";
 import Container from "@mui/material/Container";
 import isEqual from "lodash-es/isEqual";
@@ -26,10 +26,26 @@ import { registerComponent } from "../registry/store";
 import { ComponentType } from "../services/fragment-url";
 import { ComponentErrorBoundary } from "./ErrorBoundary";
 import { useDynamicComponent } from "./use-dynamic-component";
+import { WmContainerContext } from "../../components/container";
 const WmPartialContent = memo(
   (props) => {
     var _a;
     const { Component } = useDynamicComponent(props == null ? void 0 : props.content, ComponentType.PARTIAL);
+    const containerContext = useContext(WmContainerContext);
+    const partialKey = props.partialName || props.prefabName;
+    useEffect(() => {
+      var _a2;
+      if (partialKey) {
+        const pageParams = {};
+        (_a2 = props.params) == null ? void 0 : _a2.forEach((param) => {
+          pageParams[param] = props[param];
+        });
+        containerContext == null ? void 0 : containerContext.registerPartial(partialKey, __spreadProps(__spreadValues({}, props), {
+          pageParams,
+          partialParams: pageParams
+        }));
+      }
+    }, [containerContext, partialKey]);
     const handleOnLoad = useCallback(
       (widget) => {
         if (props.onLoad) {

package/runtime-dynamic/factories/build-base-page-like-component.js

@@ -21,6 +21,7 @@ import React from "react";
 import BasePage from "../../higherOrder/BasePage";
 import { ScriptScope } from "../services/script-executor";
 import { buildDynamicComponent } from "./utils";
+import { store } from "../../store";
 async function buildBasePageLikeComponent(kind, name, fragment) {
   const isPage = kind === "page";
   const WrappedComponent = await buildDynamicComponent(fragment, {
@@ -28,13 +29,16 @@ async function buildBasePageLikeComponent(kind, name, fragment) {
     componentType: isPage ? "page" : "partial",
     scriptScope: isPage ? ScriptScope.PAGE : ScriptScope.PARTIAL,
     hoc: BasePage,
-    componentInfo: (startupInfo) => __spreadProps(__spreadValues({
-      componentName: name,
-      componentType: isPage ? "PAGE" : "PARTIAL"
-    }, startupInfo), {
-      isPartOfPrefab: false,
-      appLocale: {}
-    })
+    componentInfo: (startupInfo) => {
+      var _a;
+      return __spreadProps(__spreadValues({
+        componentName: name,
+        componentType: isPage ? "PAGE" : "PARTIAL"
+      }, startupInfo), {
+        isPartOfPrefab: false,
+        appLocale: (_a = store.getState().i18n) == null ? void 0 : _a.appLocale
+      });
+    }
   });
   const MemoizedComponent = React.memo(WrappedComponent);
   MemoizedComponent.displayName = isPage ? `BasePage(${name})` : `BasePage_Partial(${name})`;

package/runtime-dynamic/factories/dynamic-component.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsx } from "react/jsx-runtime";
-import React, { useEffect, useReducer, useRef } from "react";
+import React, { useEffect, useId, useReducer, useRef } from "react";
 import WmPrefab from "../../components/prefab";
 import { useAppState } from "../../context/WidgetProvider";
 import { useAppContext } from "../../context/AppContext";
@@ -76,26 +76,21 @@ function createDynamicComponent({
   const InnerComponent = (props) => {
     const appState = useAppState();
     usePageEvents(appState, componentType);
+    const uniqueId = useId();
     const appContext = useAppContext();
     useCrossScopeDataRefresh(appContext, componentType);
     const notification = appContext == null ? void 0 : appContext.notification;
     useEffect(() => {
       if (styles) {
-        scopeComponentStyles(componentName, componentType, styles);
+        scopeComponentStyles(componentName, componentType, styles, uniqueId);
       }
       let id = null;
       if (appState) {
-        if (componentType.toLowerCase() === "page") {
-          id = setTimeout(() => {
-            appState.pageReady();
-          }, 1e3);
-        } else {
-          appState.pageReady();
-        }
+        appState.pageReady();
       }
       return () => {
         if (id) clearTimeout(id);
-        removeComponentStyles(componentName, componentType);
+        removeComponentStyles(`${componentType}-${componentName}-${uniqueId}`, componentType);
       };
     }, []);
     if (!transpiled) return null;

package/runtime-dynamic/main.d.ts

@@ -1,2 +1,3 @@
+export { __wmxShared } from "./wmx-shared";
 declare const noop: () => void;
 export default noop;

package/runtime-dynamic/main.js

@@ -4,11 +4,18 @@ import wmGlobalsCss from "@wavemaker-ai/react-codegen/styles/wm-styles.css";
 import { App, initPreviewRuntimeRouter } from "./App";
 import { initializeApp } from "./app-initializer";
 import { registerCustomWidget, getCustomWidget, hasCustomWidget } from "./registry";
+import { registerWmxComponents } from "../utils/wmx.utils";
 import { createAppRouter } from "./routes";
+import { __wmxShared } from "./wmx-shared";
 window.WMPreview = {
   registerCustomWidget,
   getCustomWidget,
-  hasCustomWidget
+  hasCustomWidget,
+  registerWmxComponents
+  // React,
+  // ReactDOM,
+  // ReactDOMClient,
+  // jsxRuntime: ReactJsxRuntime,
 };
 function injectGlobalStyles() {
   if (document.querySelector('style[data-wm-scope="globals"]')) return;
@@ -56,5 +63,6 @@ const noop = () => {
 };
 var main_default = noop;
 export {
+  __wmxShared,
   main_default as default
 };

package/runtime-dynamic/routes.js

@@ -18,24 +18,28 @@ function getBasename() {
   var _a;
   const baseEl = document.querySelector("base");
   const baseHref = ((_a = baseEl == null ? void 0 : baseEl.getAttribute("href")) == null ? void 0 : _a.trim()) || "";
-  if (baseHref && baseHref !== "" && !baseHref.startsWith(".")) {
+  if (baseHref && !baseHref.startsWith(".")) {
     return baseHref.endsWith("/") ? baseHref.slice(0, -1) : baseHref;
   }
   const pathname = window.location.pathname;
+  const marker = `/${PREVIEW_ROUTING_BASEPATH}`;
+  const markerIndex = pathname.indexOf(`${marker}/`);
+  if (markerIndex >= 0) {
+    return pathname.slice(0, markerIndex) || "/";
+  }
+  if (pathname.endsWith(marker)) {
+    return pathname.slice(0, pathname.length - marker.length) || "/";
+  }
   const segments = pathname.split("/").filter(Boolean);
   const isRoot = pathname.endsWith("/");
-  if (isRoot) {
-    return "/" + segments.join("/");
-  }
-  return "/" + segments.slice(0, -1).join("/");
+  return isRoot ? "/" + segments.join("/") : "/" + segments.slice(0, -1).join("/");
 }
 function HomeRedirect() {
   var _a, _b, _c;
   const homePage = ((_c = (_b = (_a = store.getState().info) == null ? void 0 : _a.appConfig) == null ? void 0 : _b.appProperties) == null ? void 0 : _c.homePage) || FALLBACK_PAGE;
-  const hash = typeof window !== "undefined" ? window.location.hash : "";
-  const hashPageMatch = hash.match(/^#\/([^?&/]+)/);
+  const hashPageMatch = window.location.hash.match(/^#\/([^?&/]+)/);
   const targetPage = hashPageMatch ? hashPageMatch[1] : homePage;
-  const search = typeof window !== "undefined" ? window.location.search : "";
+  const search = window.location.search;
   const redirectTo = `/${PREVIEW_ROUTING_BASEPATH}/${targetPage}${search}`;
   return React.createElement(Navigate, {
     to: redirectTo,
@@ -63,6 +67,11 @@ function buildPreviewRouteTree() {
   } else {
     root.children = [
       { index: true, element: React.createElement(HomeRedirect) },
+      {
+        // pageName omitted — fall back to the same homePage redirect as the app root.
+        path: PREVIEW_ROUTING_BASEPATH,
+        element: React.createElement(HomeRedirect)
+      },
       {
         path: `${PREVIEW_ROUTING_BASEPATH}/:pageName`,
         element: React.createElement(PageWrapper)

package/runtime-dynamic/services/compile-render.js

@@ -24,6 +24,7 @@ import { getCustomWidget } from "../registry/custom-widget-registry";
 import {
   WmxComponentPlaceholder
 } from "../components/wmx-placeholder";
+import WmxRenderer from "../../components/wmx/WmxRenderer";
 import { formatMessage, _get, toNumber } from "../../core/util";
 import { getPartialNames } from "../app-initializer";
 import { createLazyPartial } from "./variable-registry";
@@ -75,6 +76,12 @@ function tryAddWmxScopeComponent(scopeName, seen, names, values) {
     values.push(registered);
     return true;
   }
+  if (scopeName === "WmxRenderer") {
+    seen.add(scopeName);
+    names.push(scopeName);
+    values.push(WmxRenderer);
+    return true;
+  }
   const component = (props) => {
     var _a, _b;
     return React.createElement(WmxComponentPlaceholder, __spreadProps(__spreadValues({}, props), {

package/runtime-dynamic/services/css-scoping.d.ts

@@ -1,4 +1,4 @@
 /** Resolves the prefab name used for CSS scope classes and `app-prefab-{name}` wrappers. */
 export declare function resolvePrefabScopeName(componentName: string, prefabname?: string): string;
-export declare function scopeComponentStyles(componentName: string, componentType: string, styles: string): string;
+export declare function scopeComponentStyles(componentName: string, componentType: string, styles: string, uniqueId: string): string;
 export declare function removeComponentStyles(componentName: string, componentType: string): void;

package/runtime-dynamic/services/css-scoping.js

@@ -35,7 +35,7 @@ function getCssScopeOptions(componentType, componentName) {
   }
   return void 0;
 }
-function scopeComponentStyles(componentName, componentType, styles) {
+function scopeComponentStyles(componentName, componentType, styles, uniqueId) {
   var _a;
   if (!styles) return "";
   const scopeOptions = getCssScopeOptions(componentType, componentName);
@@ -48,7 +48,7 @@ function scopeComponentStyles(componentName, componentType, styles) {
     scopedCssCache.set(cacheKey, scopedCss);
   }
   const styleElement = document.createElement("style");
-  styleElement.setAttribute("data-wm-scope", scopeAttribute);
+  styleElement.setAttribute("data-wm-scope", `${scopeAttribute}-${uniqueId}`);
   styleElement.textContent = scopedCss;
   const existing = document.querySelector(`style[data-wm-scope="${scopeAttribute}"]`);
   if (existing) {

package/runtime-dynamic/services/variable-factory.js

@@ -23,6 +23,7 @@ import {
   EMPTY_RESULT,
   createLazyPartial
 } from "./variable-registry";
+import { getPartialNames } from "../app-initializer";
 const EVENT_HANDLER_REGEX = /^(\w+)\(([^)]*)\)$/;
 const RETURN_VALUE_HANDLERS = /* @__PURE__ */ new Set([
   "onBeforeUpdate",
@@ -126,7 +127,7 @@ const enhanceNotification = (config, variable, scopeProxy) => {
   const dataBindings = variable.dataBinding;
   const pageBinding = dataBindings == null ? void 0 : dataBindings.find((b) => b.target === "page");
   if (pageBinding == null ? void 0 : pageBinding.value) {
-    const partialName = pageBinding.value.charAt(0).toUpperCase() + pageBinding.value.slice(1);
+    const partialName = getPartialNames().find((p) => p.toLowerCase() === pageBinding.value.toLowerCase()) || pageBinding.value;
     config.partialContent = { component: createLazyPartial(partialName) };
   }
 };

package/runtime-dynamic/services/variable-transpiler.js

@@ -23,6 +23,7 @@ import {
   EMPTY_RESULT,
   createLazyPartial
 } from "./variable-registry";
+import { getPartialNames } from "../app-initializer";
 function buildEntityProviderShims(rawVariables) {
   const entityMap = /* @__PURE__ */ new Map();
   for (const config of Object.values(rawVariables || {})) {
@@ -99,8 +100,10 @@ function transpileAndBuildGetVariables(variablesCodeString, rawVariables) {
     getEntityPropertyMap,
     getEntityRelatedTables
   });
+  const knownPartials = getPartialNames();
   for (const name of extractPartialImports(variablesCodeString)) {
-    scopeWithShims[name] = createLazyPartial(name);
+    const partialName = knownPartials.find((p) => p.toLowerCase() === name.toLowerCase()) || name;
+    scopeWithShims[name] = createLazyPartial(partialName);
   }
   const scopeNames = Object.keys(scopeWithShims);
   const scopeValues = Object.values(scopeWithShims);

package/runtime-dynamic/wmx-shared.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Packages the app's WMX bundle must borrow from this one instead of bundling
+ * its own copy.
+ *
+ * A WMX component is built separately and loaded as its own <script>, so any
+ * package used on both sides ends up loaded twice. For most packages that is
+ * harmless -- two copies of lodash or embla-carousel just cost bundle size,
+ * because everything they hold lives on the values they hand back.
+ *
+ * The ones below are different. Each keeps something private inside the package
+ * itself that both sides have to agree on:
+ *
+ *   react / react-dom   a second copy makes every hook throw "Invalid hook call"
+ *   @emotion/*          two copies write conflicting stylesheets
+ *   @mui/*              the app's <ThemeProvider> cannot be seen by a second copy
+ *   react-redux,
+ *   @reduxjs/toolkit    the store cannot be seen by a second copy
+ *   react-hook-form     the form provider cannot be seen by a second copy
+ *   react-router-dom    the router cannot be seen by a second copy
+ *   @dnd-kit/core,
+ *   @base-ui-components same problem, their own providers
+ *
+ * Everything except React fails QUIETLY -- the component reads an empty default
+ * instead of the app's real value, with no error anywhere. That is why the list
+ * is written out by hand rather than guessed.
+ *
+ * It only needs to cover packages THIS runtime ships. A package a WMX component
+ * adds that the runtime does not have exists only once on the page, so there is
+ * nothing to share and nothing to break -- which is what stops this list from
+ * growing every time someone writes a new component.
+ *
+ * Handed over as a plain module export, not on `window`. The app's WMX bundle
+ * imports it straight out of wm-react-loader.js, so the browser reuses the file
+ * it already loaded for the page and there is only ever one copy.
+ *
+ * Adding a package here is half the job -- the name must also go into
+ * SHARED_MODULES in the app's config/esbuild.wmx.config.mjs. If it is only
+ * listed there, the bundle throws a clear message when it loads.
+ */
+export declare const __wmxShared: Record<string, unknown>;

package/runtime-dynamic/wmx-shared.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+import * as ReactJsxRuntime from "react/jsx-runtime";
+import * as ReactDOM from "react-dom";
+import * as ReactDOMClient from "react-dom/client";
+import * as EmotionReact from "@emotion/react";
+import * as EmotionStyled from "@emotion/styled";
+import * as MuiMaterial from "@mui/material";
+import * as MuiXDatePickers from "@mui/x-date-pickers";
+import * as ReactRedux from "react-redux";
+import * as ReduxToolkit from "@reduxjs/toolkit";
+import * as ReactHookForm from "react-hook-form";
+import * as ReactRouterDom from "react-router-dom";
+import * as DndKitCore from "@dnd-kit/core";
+import * as BaseUiComponents from "@base-ui-components/react";
+const __wmxShared = {
+  react: React,
+  "react/jsx-runtime": ReactJsxRuntime,
+  "react-dom": ReactDOM,
+  "react-dom/client": ReactDOMClient,
+  "@emotion/react": EmotionReact,
+  "@emotion/styled": EmotionStyled,
+  "@mui/material": MuiMaterial,
+  "@mui/x-date-pickers": MuiXDatePickers,
+  "react-redux": ReactRedux,
+  "@reduxjs/toolkit": ReduxToolkit,
+  "react-hook-form": ReactHookForm,
+  "react-router-dom": ReactRouterDom,
+  "@dnd-kit/core": DndKitCore,
+  "@base-ui-components/react": BaseUiComponents
+};
+export {
+  __wmxShared
+};

package/utils/page-params-util.js

@@ -53,11 +53,32 @@ const extractPartialParamValues = (params, props) => {
     return acc;
   }, {});
 };
+let nextRefTag = 1;
+const refTags = /* @__PURE__ */ new WeakMap();
+const tagForRef = (value) => {
+  let tag = refTags.get(value);
+  if (tag === void 0) {
+    tag = nextRefTag++;
+    refTags.set(value, tag);
+  }
+  return tag;
+};
+const fingerprintParamValue = (value) => {
+  if (value === null || typeof value !== "object" && typeof value !== "function") {
+    return value;
+  }
+  return `#ref${tagForRef(value)}`;
+};
 const computePartialParamKey = (componentType, params, props) => {
   if (componentType !== "PARTIAL") {
     return null;
   }
-  return JSON.stringify(extractPartialParamValues(params || [], props));
+  const paramValues = extractPartialParamValues(params || [], props);
+  const fingerprint = Object.keys(paramValues).reduce((acc, key) => {
+    acc[key] = fingerprintParamValue(paramValues[key]);
+    return acc;
+  }, {});
+  return JSON.stringify(fingerprint);
 };
 export {
   computeMergedPageParams,

package/utils/partial-host-util.d.ts

@@ -0,0 +1,40 @@
+/**
+ * How a loaded partial is published onto its host page's widget registry.
+ *
+ * Angular's `BasePartialComponent` keeps `Page.Widgets[<containerName>]` as the *container
+ * widget* and hangs a fixed set of namespaces off it (`registerWidgets` / `initVariables` in
+ * runtime-base/src/components/base-partial.component.ts):
+ *
+ *   containerWidget.Widgets    = this.Widgets;
+ *   containerWidget.Variables  = this.Variables;
+ *   containerWidget.Actions    = this.Actions;
+ *   containerWidget.pageParams = this.pageParams;
+ *
+ * So `Page.Widgets.foo.Widgets.bar` resolves, while the partial *scope*'s own members stay
+ * private to the partial. Publishing the whole scope instead makes every scope method
+ * visible on the container, which breaks host-side capability checks: a script that calls
+ * `Widgets[name].handler?.(...)` to hand off to a *different* partial then finds the
+ * calling partial's own identically-named handler and recurses until the stack overflows.
+ *
+ * `pageParams` is published as the live object reference (not copied), so a host script that
+ * mutates `Widgets[name].pageParams.foo = bar` after load is mutating the same object the
+ * partial reads via `Partial.pageParams.foo` - no extra plumbing needed for updates to flow.
+ */
+/** The only namespaces a partial publishes onto its host container widget. */
+export declare const PARTIAL_HOST_NAMESPACES: readonly ["Widgets", "Variables", "Actions", "pageParams"];
+/** A container's own props, minus the React plumbing, for use as its registry entry. */
+export declare const toHostWidgetProps: (containerProps: Record<string, any>) => Record<string, any>;
+/**
+ * Mutates `hostEntry` in place to expose the partial's namespaces, mirroring Angular's
+ * `containerWidget.Widgets = ...` assignments. Mutating (rather than replacing the entry)
+ * keeps the container widget's identity and any properties other registrars put there.
+ *
+ * @returns false when there is no entry to publish onto, so callers can fall back.
+ */
+export declare const publishPartialNamespaces: (hostEntry: any, partialScope: Record<string, any> | undefined | null) => boolean;
+/**
+ * Prefabs still publish their whole scope. Angular exposes a prefab's *declared* methods on
+ * its container through an explicit metadata-driven allowlist (base-prefab.component.ts),
+ * and React has no equivalent yet, so narrowing a prefab here would hide those methods.
+ */
+export declare const isPrefabScope: (scope: Record<string, any> | undefined | null) => boolean;

package/utils/partial-host-util.js

@@ -0,0 +1,41 @@
+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;
+};
+const PARTIAL_HOST_NAMESPACES = ["Widgets", "Variables", "Actions", "pageParams"];
+const NON_WIDGET_PROPS = ["listener", "renderPartial", "children", "onLoad"];
+const toHostWidgetProps = (containerProps) => {
+  const entry = __spreadValues({}, containerProps);
+  NON_WIDGET_PROPS.forEach((key) => delete entry[key]);
+  return entry;
+};
+const publishPartialNamespaces = (hostEntry, partialScope) => {
+  if (!hostEntry || typeof hostEntry !== "object" || !partialScope) {
+    return false;
+  }
+  PARTIAL_HOST_NAMESPACES.forEach((namespace) => {
+    if (partialScope[namespace] !== void 0) {
+      hostEntry[namespace] = partialScope[namespace];
+    }
+  });
+  return true;
+};
+const isPrefabScope = (scope) => typeof (scope == null ? void 0 : scope.componentType) === "string" && scope.componentType.toLowerCase() === "prefab";
+export {
+  PARTIAL_HOST_NAMESPACES,
+  isPrefabScope,
+  publishPartialNamespaces,
+  toHostWidgetProps
+};

package/utils/style-utils.js

@@ -1,6 +1,6 @@
 import { getCurrentPath } from "../core/util/utils";
 const sanitizeStyleObject = (styleObj) => {
-  if (!styleObj || typeof styleObj !== "object") {
+  if (!styleObj || typeof styleObj !== "object" || Array.isArray(styleObj)) {
     return {};
   }
   const validStyles = {};

package/utils/wmx.utils.d.ts

@@ -3,4 +3,3 @@ export type WmxComponentModule = Record<string, ComponentType<any>>;
 export declare const registerWmxComponents: (module: WmxComponentModule) => void;
 export declare const getWmxModule: () => WmxComponentModule | null;
 export declare const getWmxComponentName: (widgetName: string) => string | null;
-export declare const loadWmxComponent: (componentName: string) => Promise<ComponentType<any> | null>;

package/utils/wmx.utils.js

@@ -9,33 +9,8 @@ const getWmxComponentName = (widgetName) => {
   const componentName = (_a = widgetName.split("-")) == null ? void 0 : _a[1];
   return componentName || null;
 };
-const resolveWmxComponent = (module, componentName) => {
-  const prefixedComponentName = `Wmx${componentName}`;
-  const namedExport = module[prefixedComponentName];
-  return namedExport;
-};
-const loadWmxComponent = async (componentName) => {
-  try {
-    const module = _registeredModule;
-    if (!module) {
-      console.warn("wmx modules not found");
-      const fallbackModule = await import("../components/input/text");
-      return fallbackModule.default;
-    }
-    const component = resolveWmxComponent(module, componentName);
-    if (!component) {
-      throw new Error(`WMX component "${componentName}" has no default export.`);
-    }
-    return component;
-  } catch (error) {
-    console.warn(`WMX component "${componentName}" failed to load, falling back to WmText.`, error);
-    const fallbackModule = await import("../components/input/text");
-    return fallbackModule.default;
-  }
-};
 export {
   getWmxComponentName,
   getWmxModule,
-  loadWmxComponent,
   registerWmxComponents
 };

package/variables/crud-variable.d.ts

@@ -22,8 +22,18 @@ declare class CrudVariable extends CrudVariable_base {
     config: CrudVariableConfig;
     params: any;
     filters: any;
+    /**
+     * The by-name params a generated invokeHttp receives. Same field name ServiceVariable uses, so
+     * useHttp's call site needs no per-kind chain. NOT `lastInvokedParams`: that name is
+     * ServiceVariable's RAW provider snapshot (compared against by invokeOnParamChange), and it is
+     * private there — reading it cross-object would also be reading a different thing.
+     */
+    resolvedParams: any;
     constructor(config: CrudVariableConfig);
     setFilterExpValue(filter: any): void;
+    lastInvokedOperation: string | undefined;
+    private captureLastInvokedParams;
+    private resolveParams;
     invokeOnParamChange(): Promise<this>;
     listRecords(options?: any, onSuccess?: Function, onError?: Function): any;
     updateRecord(options?: any, success?: any, error?: any): any;