@ethisyscore/plugin-ui 1.59.0 → 1.62.0

package/dist/platform-react/index.cjs

@@ -4,6 +4,8 @@ var react = require('react');
 var reactQuery = require('@tanstack/react-query');
 var componentsReact = require('@ethisyscore/components-react');
 var plugin = require('@ethisyscore/extension-runtime/plugin');
+var material = require('@mui/material');
+var jsxRuntime = require('react/jsx-runtime');
 
 // src/platform-react/definePlatformReactPluginPage.tsx
 var TemplateContext = react.createContext(null);
@@ -111,6 +113,41 @@ function isHostChromeCompatible(hostVersion) {
   if (Number.isNaN(hostMajor) || Number.isNaN(sdkMajor)) return false;
   return hostMajor === sdkMajor;
 }
+var EHX_PLUGIN_PORTAL_CLASS = "ehx-plugin-portal-root";
+var EHX_PLUGIN_PORTAL_ATTR = "data-ehx-plugin-portal";
+function withPortalContainer(theme, container) {
+  const slots = theme.components ?? {};
+  const tooltip = slots.MuiTooltip;
+  return {
+    ...theme,
+    components: {
+      ...slots,
+      MuiModal: { ...slots.MuiModal, defaultProps: { ...slots.MuiModal?.defaultProps, container } },
+      MuiPopper: { ...slots.MuiPopper, defaultProps: { ...slots.MuiPopper?.defaultProps, container } },
+      MuiPopover: { ...slots.MuiPopover, defaultProps: { ...slots.MuiPopover?.defaultProps, container } },
+      MuiMenu: { ...slots.MuiMenu, defaultProps: { ...slots.MuiMenu?.defaultProps, container } },
+      MuiTooltip: {
+        ...tooltip,
+        defaultProps: {
+          ...tooltip?.defaultProps,
+          PopperProps: { ...tooltip?.defaultProps?.PopperProps, container }
+        }
+      }
+    }
+  };
+}
+function PluginPortalScope({ children }) {
+  const [container, setContainer] = react.useState(null);
+  const hostTheme = material.useTheme();
+  const theme = react.useMemo(
+    () => container ? withPortalContainer(hostTheme, container) : hostTheme,
+    [hostTheme, container]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.ThemeProvider, { theme, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setContainer, className: EHX_PLUGIN_PORTAL_CLASS, ...{ [EHX_PLUGIN_PORTAL_ATTR]: "" } })
+  ] });
+}
 
 // src/platform-react/definePlatformReactPluginPage.tsx
 function makeDefaultQueryClient() {
@@ -151,7 +188,10 @@ function definePlatformReactPluginPage(Page, options) {
           react.createElement(
             "div",
             { className: `${EHX_PLUGIN_ROOT_CLASS} ${rootClassName}` },
-            body
+            // PluginPortalScope sits INSIDE the style root, so the portal container
+            // it renders is a descendant of it and MUI overlays (dialogs, menus,
+            // poppers, tooltips) open inside the plugin's scoped CSS.
+            react.createElement(PluginPortalScope, null, body)
           )
         )
       )
@@ -519,7 +559,9 @@ function definePlatformReactPluginOverlay(Overlay, options) {
         react.createElement(
           "div",
           { className: `${EHX_PLUGIN_ROOT_CLASS} ${rootClassName}` },
-          react.createElement(Overlay, props)
+          // Overlay surfaces open their own dialogs and menus, so they need the same
+          // portal containment as pages (see definePlatformReactPluginPage).
+          react.createElement(PluginPortalScope, null, react.createElement(Overlay, props))
         )
       )
     );
@@ -824,12 +866,15 @@ function menuConfigToHostSidebarInput(config, opts) {
 
 exports.BaseMcpService = BaseMcpService;
 exports.DEFAULT_MAX_UPLOAD_BYTES = DEFAULT_MAX_UPLOAD_BYTES;
+exports.EHX_PLUGIN_PORTAL_ATTR = EHX_PLUGIN_PORTAL_ATTR;
+exports.EHX_PLUGIN_PORTAL_CLASS = EHX_PLUGIN_PORTAL_CLASS;
 exports.EHX_PLUGIN_ROOT_CLASS = EHX_PLUGIN_ROOT_CLASS;
 exports.HOST_CHROME_CONTRACT_VERSION = HOST_CHROME_CONTRACT_VERSION;
 exports.HostSidebarActionsContext = HostSidebarActionsContext;
 exports.MissingViewFallback = MissingViewFallback;
 exports.OVERLAY_HOST_CONTRACT_VERSION = OVERLAY_HOST_CONTRACT_VERSION;
 exports.OverlayHostContext = OverlayHostContext;
+exports.PluginPortalScope = PluginPortalScope;
 exports.PluginStyleScope = PluginStyleScope;
 exports.SIDEBAR_MODE = SIDEBAR_MODE;
 exports.SurfaceBaseContext = SurfaceBaseContext;