@gravity-platform/unoverse-react 0.0.4 → 0.0.6

package/dist/index.d.cts

@@ -134,8 +134,9 @@ declare function StreamedUnoverseTemplate({ client, store, uri, onAction, theme:
 /** Returns the resolved theme (null until the first fetch resolves). */
 declare function useUnoverseTheme(client: UnoverseClient, name?: string): ResolvedTheme | null;
 
-declare function IsolatedRoot({ children }: {
+declare function IsolatedRoot({ children, rootStyle }: {
     children: ReactNode;
+    rootStyle?: CSSProperties;
 }): react.JSX.Element;
 
 interface UnoverseConnectionConfig {

package/dist/index.d.ts

@@ -134,8 +134,9 @@ declare function StreamedUnoverseTemplate({ client, store, uri, onAction, theme:
 /** Returns the resolved theme (null until the first fetch resolves). */
 declare function useUnoverseTheme(client: UnoverseClient, name?: string): ResolvedTheme | null;
 
-declare function IsolatedRoot({ children }: {
+declare function IsolatedRoot({ children, rootStyle }: {
     children: ReactNode;
+    rootStyle?: CSSProperties;
 }): react.JSX.Element;
 
 interface UnoverseConnectionConfig {

package/dist/index.js

@@ -7204,7 +7204,7 @@ var RESET_CSS = `
     font: inherit; letter-spacing: inherit; color: inherit; margin: 0;
   }
 `;
-function IsolatedRoot({ children }) {
+function IsolatedRoot({ children, rootStyle }) {
   const hostRef = useRef(null);
   const [shadow, setShadow] = useState3(null);
   useEffect2(() => {
@@ -7215,7 +7215,7 @@ function IsolatedRoot({ children }) {
   return /* @__PURE__ */ jsx3("div", { ref: hostRef, style: { display: "contents" }, children: shadow && createPortal(
     /* @__PURE__ */ jsxs2(Fragment, { children: [
       /* @__PURE__ */ jsx3("style", { children: RESET_CSS }),
-      /* @__PURE__ */ jsx3("div", { className: "uno-isolate-root", children })
+      /* @__PURE__ */ jsx3("div", { className: "uno-isolate-root", style: rootStyle, children })
     ] }),
     shadow
   ) });
@@ -7249,12 +7249,19 @@ function UnoverseComponent({ client, uri, data, onAction, theme, isolate = true
   const propDefaults2 = Object.fromEntries(
     Object.entries(def.props ?? {}).map(([k, v]) => [k, v?.default])
   );
-  const merged = data ?? propDefaults2;
-  const body = /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx4("style", { children: keyframesCss(activeTheme) }),
-    /* @__PURE__ */ jsx4("div", { style: { display: "contents", ...activeTheme.root }, children: renderNode(def.root, merged, onAction, activeTheme) })
+  const merged = { ...propDefaults2, ...data ?? {} };
+  const keyframes = /* @__PURE__ */ jsx4("style", { children: keyframesCss(activeTheme) });
+  const tree = renderNode(def.root, merged, onAction, activeTheme);
+  if (isolate) {
+    return /* @__PURE__ */ jsxs3(IsolatedRoot, { rootStyle: activeTheme.root, children: [
+      keyframes,
+      tree
+    ] });
+  }
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    keyframes,
+    /* @__PURE__ */ jsx4("div", { style: { display: "contents", ...activeTheme.root }, children: tree })
   ] });
-  return isolate ? /* @__PURE__ */ jsx4(IsolatedRoot, { children: body }) : body;
 }
 
 // src/streamed.tsx
@@ -7394,11 +7401,18 @@ function StreamedUnoverseTemplate({ client, store, uri, onAction, theme: themePr
     // button submits it. Lives in the store (shared state), not locally in Input.
     draft: store.getDraft()
   };
-  const body = /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsx6("style", { children: keyframesCss(theme) }),
-    /* @__PURE__ */ jsx6("div", { style: { display: "contents", ...theme.root }, children: renderNode(def.root, rootData, onAction, theme, void 0, resolve) })
+  const keyframes = /* @__PURE__ */ jsx6("style", { children: keyframesCss(theme) });
+  const tree = renderNode(def.root, rootData, onAction, theme, void 0, resolve);
+  if (isolate) {
+    return /* @__PURE__ */ jsxs4(IsolatedRoot, { rootStyle: theme.root, children: [
+      keyframes,
+      tree
+    ] });
+  }
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    keyframes,
+    /* @__PURE__ */ jsx6("div", { style: { display: "contents", ...theme.root }, children: tree })
   ] });
-  return isolate ? /* @__PURE__ */ jsx6(IsolatedRoot, { children: body }) : body;
 }
 
 // src/connection.tsx