@mittwald/flow-remote-react-components 0.2.0-alpha.20 → 0.2.0-alpha.21

package/dist/Root.js

@@ -1,18 +1,18 @@
 "use client"
 /* */
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import s, { useState as n, useEffect as u } from "react";
-const r = () => {
-  const [t, e] = n(!1);
-  return u(() => {
+import { jsx as s } from "react/jsx-runtime";
+import n, { useState as u, useEffect as r } from "react";
+const c = () => {
+  const [t, e] = u(!1);
+  return r(() => {
     e(!0);
   }, []), t;
-}, c = s.lazy(() => import("./RootClient-Cn4U9BTn.js")), a = (t) => {
-  const { children: e } = t;
-  return r() ? /* @__PURE__ */ o(c, { children: e }) : null;
+}, i = n.lazy(() => import("./RootClient-DXJn1jzG.js")), f = (t) => {
+  const { children: e, ...o } = t;
+  return c() ? /* @__PURE__ */ s(i, { ...o, children: e }) : null;
 };
 export {
-  a as Root,
-  a as default
+  f as Root,
+  f as default
 };

package/dist/RootClient-DXJn1jzG.js

@@ -0,0 +1,142 @@
+"use client"
+/* */
+"use client";
+import { jsxs as l, Fragment as d, jsx as a } from "react/jsx-runtime";
+import s from "react";
+import { connectHostIframeRef as c } from "@mittwald/flow-remote-core";
+import { ViewComponentContextProvider as m } from "@mittwald/flow-react-components/internal";
+import { A as g, a as u, b as p, c as C, d as T, e as b, f as h, B as x, g as f, h as v, C as S, i as w, j as L, k as y, l as F, m as B, n as R, o as I, p as P, q as k, r as M, s as A, t as H, u as G, D as N, v as j, w as z, F as D, x as O, y as _, z as E, E as U, G as V, H as q, I as $, J, K, L as Q, M as W, N as X, O as Y, P as Z, Q as aa, R as ea, S as sa, T as ta, U as oa, V as ra, W as ia, X as na, Y as la, Z as da, _ as ca, $ as ma, a0 as ga, a1 as ua, a2 as pa, a3 as Ca, a4 as Ta, a5 as ba, a6 as ha, a7 as xa, a8 as fa, a9 as va, aa as Sa, ab as wa, ac as La, ad as ya, ae as Fa, af as Ba, ag as Ra, ah as Ia, ai as Pa, aj as ka, ak as Ma, al as Aa, am as Ha, an as Ga, ao as Na, ap as ja, aq as za, ar as Da, as as Oa, at as _a, au as Ea, av as Ua, aw as Va, ax as qa, ay as $a, az as Ja, aA as Ka, aB as Qa, aC as Wa, aD as Xa, aE as Ya } from "./TooltipTrigger-CeoRbw5b.js";
+const Za = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Accordion: g,
+  ActionGroup: u,
+  Alert: p,
+  AlertBadge: C,
+  AlertIcon: T,
+  Align: b,
+  Avatar: h,
+  Badge: x,
+  Breadcrumb: f,
+  Button: v,
+  Checkbox: S,
+  CheckboxButton: w,
+  CheckboxGroup: L,
+  CodeBlock: y,
+  ColumnLayout: F,
+  Content: B,
+  ContextMenu: R,
+  ContextMenuSection: I,
+  ContextMenuTrigger: P,
+  ContextualHelp: k,
+  ContextualHelpTrigger: M,
+  CopyButton: A,
+  CounterBadge: H,
+  CountryOptions: G,
+  DatePicker: N,
+  DateRangePicker: j,
+  Div: z,
+  FieldDescription: D,
+  FieldError: O,
+  FileCard: _,
+  FileCardList: E,
+  FileField: U,
+  Fragment: V,
+  Header: q,
+  HeaderNavigation: $,
+  Heading: J,
+  Icon: K,
+  IllustratedMessage: Q,
+  Image: W,
+  Initials: X,
+  InlineCode: Y,
+  ItemsGridList: Z,
+  ItemsGridListItem: aa,
+  Label: ea,
+  LabeledValue: sa,
+  LayoutCard: ta,
+  LightBox: oa,
+  LightBoxTrigger: ra,
+  Link: ia,
+  ListEmptyView: na,
+  ListSummary: la,
+  LoadingSpinner: da,
+  Markdown: ca,
+  MenuItem: ma,
+  Message: ga,
+  Modal: ua,
+  ModalTrigger: pa,
+  Navigation: Ca,
+  NavigationGroup: Ta,
+  Notification: ba,
+  NotificationProvider: ha,
+  NumberField: xa,
+  Option: fa,
+  Popover: va,
+  PopoverTrigger: Sa,
+  ProgressBar: wa,
+  Radio: La,
+  RadioButton: ya,
+  RadioGroup: Fa,
+  SearchField: Ba,
+  Section: Ra,
+  Segment: Ia,
+  SegmentedControl: Pa,
+  Select: ka,
+  Separator: Ma,
+  Skeleton: Aa,
+  SkeletonText: Ha,
+  Slider: Ga,
+  Switch: Na,
+  Tab: ja,
+  TabTitle: za,
+  Table: Da,
+  TableBody: Oa,
+  TableCell: _a,
+  TableColumn: Ea,
+  TableFooterRow: Ua,
+  TableHeader: Va,
+  TableRow: qa,
+  Tabs: $a,
+  Text: Ja,
+  TextArea: Ka,
+  TextField: Qa,
+  TimeField: Wa,
+  Tooltip: Xa,
+  TooltipTrigger: Ya
+}, Symbol.toStringTag, { value: "Module" })), ae = s.lazy(
+  () => import("@mittwald/flow-remote-react-renderer/RemoteRenderer")
+), ee = s.lazy(
+  () => import("@mittwald/flow-react-components/all.css").then(() => ({
+    default: () => null
+  }))
+), le = (t) => {
+  const { children: o, showPreview: r } = t, i = new URLSearchParams(document.location.search).has("preview"), e = new URL(document.location.href);
+  e.searchParams.set("preview", "");
+  const n = /* @__PURE__ */ a(
+    "div",
+    {
+      ref: c,
+      style: {
+        height: 0,
+        width: 0,
+        left: -9999,
+        position: "absolute"
+      },
+      children: /* @__PURE__ */ a(
+        m,
+        {
+          components: Za,
+          children: o
+        }
+      )
+    }
+  );
+  return i || !r ? n : /* @__PURE__ */ l(d, { children: [
+    /* @__PURE__ */ a(ee, {}),
+    /* @__PURE__ */ a(ae, { src: e.toString() })
+  ] });
+};
+export {
+  le as RootClient,
+  le as default
+};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../src/components/Root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,KAAK,KAAK,GAAG,iBAAiB,CAAC;AAI/B,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CAI1B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../src/components/Root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,eAAe,CAIpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,5 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
-type Props = PropsWithChildren;
-export declare const RootClient: FC<Props>;
+export interface RootClientProps extends PropsWithChildren {
+    showPreview?: boolean;
+}
+export declare const RootClient: FC<RootClientProps>;
 export default RootClient;
 //# sourceMappingURL=RootClient.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RootClient.d.ts","sourceRoot":"","sources":["../../../src/components/RootClient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMnD,KAAK,KAAK,GAAG,iBAAiB,CAAC;AAE/B,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAYhC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RootClient.d.ts","sourceRoot":"","sources":["../../../src/components/RootClient.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMnD,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAYD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoC1C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-react-components",
-  "version": "0.2.0-alpha.20",
+  "version": "0.2.0-alpha.21",
   "type": "module",
   "description": "React components that can be used in a remote environment",
   "homepage": "https://mittwald.github.io/flow",
@@ -44,13 +44,14 @@
     "test:compile": "run tsc --noEmit"
   },
   "dependencies": {
-    "@mittwald/flow-react-components": "0.2.0-alpha.20",
-    "@mittwald/flow-remote-core": "0.2.0-alpha.20",
-    "@mittwald/flow-remote-elements": "0.2.0-alpha.20",
+    "@mittwald/flow-react-components": "0.2.0-alpha.21",
+    "@mittwald/flow-remote-core": "0.2.0-alpha.21",
+    "@mittwald/flow-remote-elements": "0.2.0-alpha.21",
     "@remote-dom/react": "^1.2.1",
     "@types/react": "^19.0.7"
   },
   "devDependencies": {
+    "@mittwald/flow-remote-react-renderer": "0.2.0-alpha.21",
     "@mittwald/typescript-config": "",
     "@types/node": "^22.10.7",
     "nx": "^20.3.2",
@@ -67,13 +68,17 @@
     "vite-plugin-externalize-deps": "^0.9.0"
   },
   "peerDependencies": {
+    "@mittwald/flow-remote-react-renderer": "*",
     "react": "19.0.0",
     "react-hook-form": "*"
   },
   "peerDependenciesMeta": {
+    "@mittwald/flow-remote-react-renderer": {
+      "optional": true
+    },
     "react-hook-form": {
       "optional": true
     }
   },
-  "gitHead": "a51a4a784af8bf8d6e983075c954d6c5a33144be"
+  "gitHead": "6883bb5090a908326463ab02be3ab0eafad12331"
 }

package/dist/RootClient-Cn4U9BTn.js

@@ -1,119 +0,0 @@
-"use client"
-/* */
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import "react";
-import { connectHostIframeRef as o } from "@mittwald/flow-remote-core";
-import { ViewComponentContextProvider as t } from "@mittwald/flow-react-components/internal";
-import { A as i, a as r, b as n, c as l, d, e as g, f as c, B as u, g as m, h as p, C, i as T, j as b, k as x, l as S, m as B, n as f, o as v, p as L, q as F, r as k, s as I, t as h, u as y, D as M, v as A, w, F as P, x as R, y as H, z as G, E as N, G as D, H as j, I as O, J as _, K as E, L as V, M as z, N as q, O as J, P as K, Q, R as U, S as W, T as X, U as Y, V as Z, W as $, X as aa, Y as ea, Z as sa, _ as oa, $ as ta, a0 as ia, a1 as ra, a2 as na, a3 as la, a4 as da, a5 as ga, a6 as ca, a7 as ua, a8 as ma, a9 as pa, aa as Ca, ab as Ta, ac as ba, ad as xa, ae as Sa, af as Ba, ag as fa, ah as va, ai as La, aj as Fa, ak as ka, al as Ia, am as ha, an as ya, ao as Ma, ap as Aa, aq as wa, ar as Pa, as as Ra, at as Ha, au as Ga, av as Na, aw as Da, ax as ja, ay as Oa, az as _a, aA as Ea, aB as Va, aC as za, aD as qa, aE as Ja } from "./TooltipTrigger-CeoRbw5b.js";
-const Ka = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Accordion: i,
-  ActionGroup: r,
-  Alert: n,
-  AlertBadge: l,
-  AlertIcon: d,
-  Align: g,
-  Avatar: c,
-  Badge: u,
-  Breadcrumb: m,
-  Button: p,
-  Checkbox: C,
-  CheckboxButton: T,
-  CheckboxGroup: b,
-  CodeBlock: x,
-  ColumnLayout: S,
-  Content: B,
-  ContextMenu: f,
-  ContextMenuSection: v,
-  ContextMenuTrigger: L,
-  ContextualHelp: F,
-  ContextualHelpTrigger: k,
-  CopyButton: I,
-  CounterBadge: h,
-  CountryOptions: y,
-  DatePicker: M,
-  DateRangePicker: A,
-  Div: w,
-  FieldDescription: P,
-  FieldError: R,
-  FileCard: H,
-  FileCardList: G,
-  FileField: N,
-  Fragment: D,
-  Header: j,
-  HeaderNavigation: O,
-  Heading: _,
-  Icon: E,
-  IllustratedMessage: V,
-  Image: z,
-  Initials: q,
-  InlineCode: J,
-  ItemsGridList: K,
-  ItemsGridListItem: Q,
-  Label: U,
-  LabeledValue: W,
-  LayoutCard: X,
-  LightBox: Y,
-  LightBoxTrigger: Z,
-  Link: $,
-  ListEmptyView: aa,
-  ListSummary: ea,
-  LoadingSpinner: sa,
-  Markdown: oa,
-  MenuItem: ta,
-  Message: ia,
-  Modal: ra,
-  ModalTrigger: na,
-  Navigation: la,
-  NavigationGroup: da,
-  Notification: ga,
-  NotificationProvider: ca,
-  NumberField: ua,
-  Option: ma,
-  Popover: pa,
-  PopoverTrigger: Ca,
-  ProgressBar: Ta,
-  Radio: ba,
-  RadioButton: xa,
-  RadioGroup: Sa,
-  SearchField: Ba,
-  Section: fa,
-  Segment: va,
-  SegmentedControl: La,
-  Select: Fa,
-  Separator: ka,
-  Skeleton: Ia,
-  SkeletonText: ha,
-  Slider: ya,
-  Switch: Ma,
-  Tab: Aa,
-  TabTitle: wa,
-  Table: Pa,
-  TableBody: Ra,
-  TableCell: Ha,
-  TableColumn: Ga,
-  TableFooterRow: Na,
-  TableHeader: Da,
-  TableRow: ja,
-  Tabs: Oa,
-  Text: _a,
-  TextArea: Ea,
-  TextField: Va,
-  TimeField: za,
-  Tooltip: qa,
-  TooltipTrigger: Ja
-}, Symbol.toStringTag, { value: "Module" })), Za = (e) => {
-  const { children: s } = e;
-  return /* @__PURE__ */ a("div", { ref: o, children: /* @__PURE__ */ a(
-    t,
-    {
-      components: Ka,
-      children: s
-    }
-  ) });
-};
-export {
-  Za as RootClient,
-  Za as default
-};