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

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-YHqvaGZF.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-YHqvaGZF.js

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

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const Preview: FC;
+export default Preview;
+//# sourceMappingURL=Preview.d.ts.map

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

@@ -0,0 +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"}

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;AAOnD,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6B1C,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.22",
   "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.22",
+    "@mittwald/flow-remote-core": "0.2.0-alpha.22",
+    "@mittwald/flow-remote-elements": "0.2.0-alpha.22",
     "@remote-dom/react": "^1.2.1",
     "@types/react": "^19.0.7"
   },
   "devDependencies": {
+    "@mittwald/flow-remote-react-renderer": "0.2.0-alpha.22",
     "@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": "d162392c63529a87b3c39bebabf4616c69c13ac4"
 }

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
-};