@mittwald/flow-remote-react-components 0.2.0-alpha.45 → 0.2.0-alpha.47

package/dist/js/RemoteRoot.mjs

@@ -2,13 +2,15 @@
 /* */
 "use client";
 import { jsx } from "react/jsx-runtime";
-import React, { Suspense } from "react";
 import { useIsMounted } from "./hooks/useIsMounted.mjs";
+import React, { Suspense } from "react";
 const ClientComponent = React.lazy(() => import("./components/RemoteRootClient.mjs"));
 const RemoteRoot = (props) => {
-  const { children, ...rest } = props;
   const isMounted = useIsMounted();
-  return isMounted ? /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(ClientComponent, { ...rest, children }) }) : null;
+  if (!isMounted) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Suspense, { fallback: props.fallback, children: /* @__PURE__ */ jsx(ClientComponent, { ...props }) });
 };
 export {
   RemoteRoot,

package/dist/js/RemoteRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRoot.mjs","sources":["../../src/components/RemoteRoot.tsx"],"sourcesContent":["\"use client\";\nimport { type FC, Suspense } from \"react\";\nimport React from \"react\";\nimport { useIsMounted } from \"@/hooks/useIsMounted\";\nimport type { RootClientProps } from \"@/components/RemoteRootClient\";\n\nconst ClientComponent = React.lazy(() => import(\"./RemoteRootClient\"));\n\nexport const RemoteRoot: FC<RootClientProps> = (props) => {\n  const { children, ...rest } = props;\n  const isMounted = useIsMounted();\n  return isMounted ? (\n    <Suspense>\n      <ClientComponent {...rest}>{children}</ClientComponent>\n    </Suspense>\n  ) : null;\n};\n\nexport default RemoteRoot;\n"],"names":[],"mappings":";;;;AAMA,MAAM,kBAAkB,MAAM,KAAK,MAAM,OAAO,mCAAoB,CAAC;AAExD,MAAA,aAAkC,CAAC,UAAU;AACxD,QAAM,EAAE,UAAU,GAAG,KAAA,IAAS;AAC9B,QAAM,YAAY,aAAa;AACxB,SAAA,gCACJ,UACC,EAAA,UAAA,oBAAC,mBAAiB,GAAG,MAAO,UAAS,EAAA,CACvC,IACE;AACN;"}
+{"version":3,"file":"RemoteRoot.mjs","sources":["../../src/components/RemoteRoot.tsx"],"sourcesContent":["\"use client\";\nimport type { RootClientProps } from \"@/components/RemoteRootClient\";\nimport { useIsMounted } from \"@/hooks/useIsMounted\";\nimport React, { type FC, Suspense } from \"react\";\n\nconst ClientComponent = React.lazy(() => import(\"./RemoteRootClient\"));\n\nexport const RemoteRoot: FC<RootClientProps> = (props) => {\n  const isMounted = useIsMounted();\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return (\n    <Suspense fallback={props.fallback}>\n      <ClientComponent {...props} />\n    </Suspense>\n  );\n};\n\nexport default RemoteRoot;\n"],"names":[],"mappings":";;;;AAKA,MAAM,kBAAkB,MAAM,KAAK,MAAM,OAAO,mCAAoB,CAAC;AAExD,MAAA,aAAkC,CAAC,UAAU;AACxD,QAAM,YAAY,aAAa;AAE/B,MAAI,CAAC,WAAW;AACP,WAAA;AAAA,EAAA;AAIP,SAAA,oBAAC,YAAS,UAAU,MAAM,UACxB,UAAC,oBAAA,iBAAA,EAAiB,GAAG,MAAA,CAAO,EAC9B,CAAA;AAEJ;"}

package/dist/js/components/Preview.mjs

@@ -10,10 +10,10 @@ const RemoteRenderer = React.lazy(async () => {
     return { default: Fallback };
   }
 });
-const Preview = () => {
+const Preview = (props) => {
   const previewUrl = new URL(document.location.href);
   previewUrl.searchParams.set("preview", "");
-  return /* @__PURE__ */ jsx(RemoteRenderer, { src: previewUrl.toString() });
+  return /* @__PURE__ */ jsx(RemoteRenderer, { src: previewUrl.toString(), ...props });
 };
 export {
   Preview,

package/dist/js/components/Preview.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.mjs","sources":["../../../src/components/Preview.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\n\nconst Fallback: FC = () => null;\n\nconst RemoteRenderer = React.lazy(async () => {\n  try {\n    return await import(\"@mittwald/flow-remote-react-renderer/RemoteRenderer\");\n  } catch {\n    return { default: Fallback };\n  }\n});\n\nexport const Preview: FC = () => {\n  const previewUrl = new URL(document.location.href);\n  previewUrl.searchParams.set(\"preview\", \"\");\n  return <RemoteRenderer src={previewUrl.toString()} />;\n};\n\nexport default Preview;\n"],"names":[],"mappings":";;AAEA,MAAM,WAAe,MAAM;AAE3B,MAAM,iBAAiB,MAAM,KAAK,YAAY;AACxC,MAAA;AACK,WAAA,MAAM,OAAO,qDAAqD;AAAA,EAAA,QACnE;AACC,WAAA,EAAE,SAAS,SAAS;AAAA,EAAA;AAE/B,CAAC;AAEM,MAAM,UAAc,MAAM;AAC/B,QAAM,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI;AACtC,aAAA,aAAa,IAAI,WAAW,EAAE;AACzC,SAAQ,oBAAA,gBAAA,EAAe,KAAK,WAAW,YAAY;AACrD;"}
+{"version":3,"file":"Preview.mjs","sources":["../../../src/components/Preview.tsx"],"sourcesContent":["import React, { type FC, type ReactNode } from \"react\";\n\nconst Fallback: FC = () => null;\n\nconst RemoteRenderer = React.lazy(async () => {\n  try {\n    return await import(\"@mittwald/flow-remote-react-renderer/RemoteRenderer\");\n  } catch {\n    return { default: Fallback };\n  }\n});\n\ninterface Props {\n  fallback?: ReactNode;\n}\n\nexport const Preview: FC<Props> = (props) => {\n  const previewUrl = new URL(document.location.href);\n  previewUrl.searchParams.set(\"preview\", \"\");\n  return <RemoteRenderer src={previewUrl.toString()} {...props} />;\n};\n\nexport default Preview;\n"],"names":[],"mappings":";;AAEA,MAAM,WAAe,MAAM;AAE3B,MAAM,iBAAiB,MAAM,KAAK,YAAY;AACxC,MAAA;AACK,WAAA,MAAM,OAAO,qDAAqD;AAAA,EAAA,QACnE;AACC,WAAA,EAAE,SAAS,SAAS;AAAA,EAAA;AAE/B,CAAC;AAMY,MAAA,UAAqB,CAAC,UAAU;AAC3C,QAAM,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI;AACtC,aAAA,aAAa,IAAI,WAAW,EAAE;AACzC,6BAAQ,gBAAe,EAAA,KAAK,WAAW,SAAS,GAAI,GAAG,OAAO;AAChE;"}

package/dist/js/components/RemoteRootClient.mjs

@@ -2,38 +2,26 @@
 /* */
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
-import { connectHostIframeRef } from "@mittwald/flow-remote-core";
-import { ViewComponentContextProvider } from "@mittwald/flow-react-components/internal";
 import * as index from "../auto-generated/index.mjs";
 import { Preview } from "./Preview.mjs";
+import { ViewComponentContextProvider } from "@mittwald/flow-react-components/internal";
+import { connectHostRenderRootRef } from "@mittwald/flow-remote-core";
+import "react";
 const RemoteRootClient = (props) => {
-  const { children, showPreview = false } = props;
+  const { children, showPreview = false, ...previewProps } = props;
   const params = new URLSearchParams(document.location.search);
   const isInPreviewFrame = params.has("preview");
-  const root = /* @__PURE__ */ jsx(
-    "div",
+  const root = /* @__PURE__ */ jsx("div", { ref: connectHostRenderRootRef, children: /* @__PURE__ */ jsx(
+    ViewComponentContextProvider,
     {
-      ref: connectHostIframeRef,
-      style: {
-        height: 0,
-        width: 0,
-        left: -9999,
-        position: "absolute"
-      },
-      children: /* @__PURE__ */ jsx(
-        ViewComponentContextProvider,
-        {
-          components: index,
-          children
-        }
-      )
+      components: index,
+      children
     }
-  );
+  ) });
   if (isInPreviewFrame || !showPreview) {
     return root;
   }
-  return /* @__PURE__ */ jsx(Preview, {});
+  return /* @__PURE__ */ jsx(Preview, { ...previewProps });
 };
 export {
   RemoteRootClient,

package/dist/js/components/RemoteRootClient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRootClient.mjs","sources":["../../../src/components/RemoteRootClient.tsx"],"sourcesContent":["\"use client\";\nimport type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport { connectHostIframeRef } from \"@mittwald/flow-remote-core\";\nimport { ViewComponentContextProvider } from \"@mittwald/flow-react-components/internal\";\nimport * as viewComponents from \"@/auto-generated\";\nimport Preview from \"@/components/Preview\";\n\nexport interface RootClientProps extends PropsWithChildren {\n  showPreview?: boolean;\n}\n\nexport const RemoteRootClient: FC<RootClientProps> = (props) => {\n  const { children, showPreview = false } = props;\n\n  const params = new URLSearchParams(document.location.search);\n  const isInPreviewFrame = params.has(\"preview\");\n\n  const root = (\n    <div\n      ref={connectHostIframeRef}\n      style={{\n        height: 0,\n        width: 0,\n        left: -9999,\n        position: \"absolute\",\n      }}\n    >\n      <ViewComponentContextProvider\n        components={viewComponents as FlowViewComponents}\n      >\n        {children}\n      </ViewComponentContextProvider>\n    </div>\n  );\n\n  if (isInPreviewFrame || !showPreview) {\n    return root;\n  }\n\n  return <Preview />;\n};\n\nexport default RemoteRootClient;\n"],"names":["viewComponents"],"mappings":";;;;;;;AAYa,MAAA,mBAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,UAAU,cAAc,MAAU,IAAA;AAE1C,QAAM,SAAS,IAAI,gBAAgB,SAAS,SAAS,MAAM;AACrD,QAAA,mBAAmB,OAAO,IAAI,SAAS;AAE7C,QAAM,OACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,YAAYA;AAAAA,UAEX;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAGE,MAAA,oBAAoB,CAAC,aAAa;AAC7B,WAAA;AAAA,EAAA;AAGT,6BAAQ,SAAQ,EAAA;AAClB;"}
+{"version":3,"file":"RemoteRootClient.mjs","sources":["../../../src/components/RemoteRootClient.tsx"],"sourcesContent":["\"use client\";\nimport * as viewComponents from \"@/auto-generated\";\nimport Preview from \"@/components/Preview\";\nimport { ViewComponentContextProvider } from \"@mittwald/flow-react-components/internal\";\nimport { connectHostRenderRootRef } from \"@mittwald/flow-remote-core\";\nimport { type FC, type PropsWithChildren, type ReactNode } from \"react\";\n\nexport interface RootClientProps extends PropsWithChildren {\n  showPreview?: boolean;\n  fallback?: ReactNode;\n}\n\nexport const RemoteRootClient: FC<RootClientProps> = (props) => {\n  const { children, showPreview = false, ...previewProps } = props;\n\n  const params = new URLSearchParams(document.location.search);\n  const isInPreviewFrame = params.has(\"preview\");\n\n  const root = (\n    <div ref={connectHostRenderRootRef}>\n      <ViewComponentContextProvider\n        components={viewComponents as FlowViewComponents}\n      >\n        {children}\n      </ViewComponentContextProvider>\n    </div>\n  );\n\n  if (isInPreviewFrame || !showPreview) {\n    return root;\n  }\n\n  return <Preview {...previewProps} />;\n};\n\nexport default RemoteRootClient;\n"],"names":["viewComponents"],"mappings":";;;;;;;AAYa,MAAA,mBAAwC,CAAC,UAAU;AAC9D,QAAM,EAAE,UAAU,cAAc,OAAO,GAAG,aAAiB,IAAA;AAE3D,QAAM,SAAS,IAAI,gBAAgB,SAAS,SAAS,MAAM;AACrD,QAAA,mBAAmB,OAAO,IAAI,SAAS;AAE7C,QAAM,OACJ,oBAAC,OAAI,EAAA,KAAK,0BACR,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAYA;AAAAA,MAEX;AAAA,IAAA;AAAA,EAAA,GAEL;AAGE,MAAA,oBAAoB,CAAC,aAAa;AAC7B,WAAA;AAAA,EAAA;AAGF,SAAA,oBAAC,SAAS,EAAA,GAAG,aAAc,CAAA;AACpC;"}

package/dist/js/index.mjs

@@ -94,8 +94,8 @@ import { TextField } from "./auto-generated/TextField.mjs";
 import { TimeField } from "./auto-generated/TimeField.mjs";
 import { Tooltip } from "./auto-generated/Tooltip.mjs";
 import { TooltipTrigger } from "./auto-generated/TooltipTrigger.mjs";
-import { Form } from "./components/Form.mjs";
 export * from "@mittwald/flow-react-components/flr-universal";
+import { Form } from "./components/Form.mjs";
 export {
   Accordion,
   ActionGroup,

package/dist/types/components/Preview.d.ts

@@ -1,4 +1,7 @@
-import { FC } from 'react';
-export declare const Preview: FC;
+import { FC, ReactNode } from 'react';
+interface Props {
+    fallback?: ReactNode;
+}
+export declare const Preview: FC<Props>;
 export default Preview;
 //# sourceMappingURL=Preview.d.ts.map

package/dist/types/components/Preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../src/components/Preview.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAYvC,eAAO,MAAM,OAAO,EAAE,EAIrB,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../../src/components/Preview.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvD,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,KAAK,CAI7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/components/RemoteRoot.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
 import { RootClientProps } from './RemoteRootClient';
+import { FC } from 'react';
 export declare const RemoteRoot: FC<RootClientProps>;
 export default RemoteRoot;
 //# sourceMappingURL=RemoteRoot.d.ts.map

package/dist/types/components/RemoteRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRoot.d.ts","sourceRoot":"","sources":["../../../src/components/RemoteRoot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAIrE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAQ1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RemoteRoot.d.ts","sourceRoot":"","sources":["../../../src/components/RemoteRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAc,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAIjD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAY1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/components/RemoteRootClient.d.ts

@@ -1,6 +1,7 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren, ReactNode } from 'react';
 export interface RootClientProps extends PropsWithChildren {
     showPreview?: boolean;
+    fallback?: ReactNode;
 }
 export declare const RemoteRootClient: FC<RootClientProps>;
 export default RemoteRootClient;

package/dist/types/components/RemoteRootClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRootClient.d.ts","sourceRoot":"","sources":["../../../src/components/RemoteRootClient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOnD,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,eAAe,CA6BhD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"RemoteRootClient.d.ts","sourceRoot":"","sources":["../../../src/components/RemoteRootClient.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAExE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,eAAe,CAqBhD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Form';
 export * from './FlowRemoteUniversal';
+export * from './Form';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-react-components",
-  "version": "0.2.0-alpha.45",
+  "version": "0.2.0-alpha.47",
   "type": "module",
   "description": "React components that can be used in a remote environment",
   "homepage": "https://mittwald.github.io/flow",
@@ -32,17 +32,17 @@
     "test:compile": "tsc --noEmit"
   },
   "dependencies": {
-    "@mittwald/flow-react-components": "0.2.0-alpha.45",
-    "@mittwald/flow-remote-core": "0.2.0-alpha.45",
-    "@mittwald/flow-remote-elements": "0.2.0-alpha.45",
+    "@mittwald/flow-react-components": "0.2.0-alpha.47",
+    "@mittwald/flow-remote-core": "0.2.0-alpha.47",
+    "@mittwald/flow-remote-elements": "0.2.0-alpha.47",
     "@remote-dom/react": "^1.2.1",
     "@types/react": "^19.0.10"
   },
   "devDependencies": {
-    "@mittwald/flow-remote-react-renderer": "0.2.0-alpha.45",
+    "@mittwald/flow-remote-react-renderer": "0.2.0-alpha.47",
     "@mittwald/typescript-config": "",
     "@types/node": "^22.13.4",
-    "nx": "^20.4.4",
+    "nx": "^20.4.5",
     "prettier": "^3.5.1",
     "react": "^19.0.0",
     "react-hook-form": "^7.54.2",
@@ -50,7 +50,7 @@
     "rollup-plugin-auto-named-exports": "1.0.0-beta.3",
     "rollup-preserve-directives": "^1.1.3",
     "typescript": "^5.7.3",
-    "vite": "^6.1.0",
+    "vite": "^6.1.1",
     "vite-plugin-banner": "^0.8.0",
     "vite-plugin-checker": "^0.8.0",
     "vite-plugin-dts": "^4.5.0",
@@ -69,5 +69,5 @@
       "optional": true
     }
   },
-  "gitHead": "ec17c69f6103b6f015eab5aa833145fda68ea058"
+  "gitHead": "dfd43a192d6b3755906d3632a93a2725ed898ea0"
 }