@mittwald/flow-remote-react-renderer 0.2.0-alpha.24 → 0.2.0-alpha.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/RemoteRenderer.js +1 -1
- package/dist/RemoteRendererClient-GpjylpkB.js +252 -0
- package/dist/types/auto-generated/index.d.ts +3 -2
- package/dist/types/auto-generated/index.d.ts.map +1 -1
- package/dist/types/components.d.ts +3 -2
- package/dist/types/components.d.ts.map +1 -1
- package/dist/types/lib/createFlowRemoteComponentRenderer.d.ts.map +1 -1
- package/package.json +5 -5
- package/dist/RemoteRendererClient-BQZByfXX.js +0 -251
package/dist/RemoteRenderer.js
CHANGED
|
@@ -8,7 +8,7 @@ const u = () => {
|
|
|
8
8
|
return r(() => {
|
|
9
9
|
t(!0);
|
|
10
10
|
}, []), e;
|
|
11
|
-
}, c = s.lazy(() => import("./RemoteRendererClient-
|
|
11
|
+
}, c = s.lazy(() => import("./RemoteRendererClient-GpjylpkB.js")), l = (e) => u() ? /* @__PURE__ */ o(c, { ...e }) : null;
|
|
12
12
|
export {
|
|
13
13
|
l as RemoteRenderer,
|
|
14
14
|
l as default
|
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
"use client";
|
|
4
|
+
import { jsx as p, jsxs as g, Fragment as b } from "react/jsx-runtime";
|
|
5
|
+
import { createRemoteComponentRenderer as l, RemoteReceiver as C, RemoteRootRenderer as h } from "@remote-dom/react/host";
|
|
6
|
+
import { forwardRef as x, createElement as v, useMemo as s } from "react";
|
|
7
|
+
import { isFunction as y, mapValues as T, toCamelCase as S, mapKeys as F, reduce as R } from "remeda";
|
|
8
|
+
import { mapEventHandler as w, connectRemoteIframeRef as k } from "@mittwald/flow-remote-core";
|
|
9
|
+
import L from "clsx";
|
|
10
|
+
import { Accordion as B } from "@mittwald/flow-react-components/Accordion";
|
|
11
|
+
import { ActionGroup as P } from "@mittwald/flow-react-components/ActionGroup";
|
|
12
|
+
import { Alert as M } from "@mittwald/flow-react-components/Alert";
|
|
13
|
+
import { AlertBadge as A } from "@mittwald/flow-react-components/AlertBadge";
|
|
14
|
+
import { AlertIcon as I } from "@mittwald/flow-react-components/AlertIcon";
|
|
15
|
+
import { Align as D } from "@mittwald/flow-react-components/Align";
|
|
16
|
+
import { Avatar as H } from "@mittwald/flow-react-components/Avatar";
|
|
17
|
+
import { Badge as N } from "@mittwald/flow-react-components/Badge";
|
|
18
|
+
import { Breadcrumb as E } from "@mittwald/flow-react-components/Breadcrumb";
|
|
19
|
+
import { Button as G } from "@mittwald/flow-react-components/Button";
|
|
20
|
+
import { Checkbox as O } from "@mittwald/flow-react-components/Checkbox";
|
|
21
|
+
import { CheckboxButton as j } from "@mittwald/flow-react-components/CheckboxButton";
|
|
22
|
+
import { CheckboxGroup as V } from "@mittwald/flow-react-components/CheckboxGroup";
|
|
23
|
+
import { CodeBlock as W } from "@mittwald/flow-react-components/CodeBlock";
|
|
24
|
+
import { ColumnLayout as K } from "@mittwald/flow-react-components/ColumnLayout";
|
|
25
|
+
import { Content as Z } from "@mittwald/flow-react-components/Content";
|
|
26
|
+
import { ContextMenuContent as $, ContextMenuSection as q } from "@mittwald/flow-react-components/ContextMenu";
|
|
27
|
+
import { ContextualHelp as z, ContextualHelpTrigger as J } from "@mittwald/flow-react-components/ContextualHelp";
|
|
28
|
+
import { CopyButton as Q } from "@mittwald/flow-react-components/CopyButton";
|
|
29
|
+
import { CounterBadge as U } from "@mittwald/flow-react-components/CounterBadge";
|
|
30
|
+
import { CountryOptions as X, Option as Y, Select as _ } from "@mittwald/flow-react-components/Select";
|
|
31
|
+
import { DatePicker as rr } from "@mittwald/flow-react-components/DatePicker";
|
|
32
|
+
import { DateRangePicker as or } from "@mittwald/flow-react-components/DateRangePicker";
|
|
33
|
+
import { DialogTrigger as tr, MenuTrigger as er } from "@mittwald/flow-react-components/OverlayTrigger";
|
|
34
|
+
import { Div as ir } from "@mittwald/flow-react-components/Div";
|
|
35
|
+
import { FieldDescription as mr } from "@mittwald/flow-react-components/FieldDescription";
|
|
36
|
+
import { FieldError as nr } from "@mittwald/flow-react-components/FieldError";
|
|
37
|
+
import { FileCard as lr } from "@mittwald/flow-react-components/FileCard";
|
|
38
|
+
import { FileCardList as fr } from "@mittwald/flow-react-components/FileCardList";
|
|
39
|
+
import { FileField as ar } from "@mittwald/flow-react-components/FileField";
|
|
40
|
+
import { Fragment as pr } from "@mittwald/flow-react-components/Fragment";
|
|
41
|
+
import { Header as cr } from "@mittwald/flow-react-components/Header";
|
|
42
|
+
import { HeaderNavigation as sr } from "@mittwald/flow-react-components/HeaderNavigation";
|
|
43
|
+
import { Heading as dr } from "@mittwald/flow-react-components/Heading";
|
|
44
|
+
import { Icon as ur } from "@mittwald/flow-react-components/Icon";
|
|
45
|
+
import { IllustratedMessage as gr } from "@mittwald/flow-react-components/IllustratedMessage";
|
|
46
|
+
import { Image as br } from "@mittwald/flow-react-components/Image";
|
|
47
|
+
import { Initials as Cr } from "@mittwald/flow-react-components/Initials";
|
|
48
|
+
import { InlineCode as hr } from "@mittwald/flow-react-components/InlineCode";
|
|
49
|
+
import { GridList as xr, GridListItem as vr, EmptyView as yr, ListItemViewContent as Tr, ListSummary as Sr } from "@mittwald/flow-react-components/List";
|
|
50
|
+
import { Label as Fr } from "@mittwald/flow-react-components/Label";
|
|
51
|
+
import { LabeledValue as Rr } from "@mittwald/flow-react-components/LabeledValue";
|
|
52
|
+
import { LayoutCard as wr } from "@mittwald/flow-react-components/LayoutCard";
|
|
53
|
+
import { LightBox as kr, LightBoxTrigger as Lr } from "@mittwald/flow-react-components/LightBox";
|
|
54
|
+
import { Link as Br } from "@mittwald/flow-react-components/Link";
|
|
55
|
+
import { LoadingSpinner as Pr } from "@mittwald/flow-react-components/LoadingSpinner";
|
|
56
|
+
import { Markdown as Mr } from "@mittwald/flow-react-components/Markdown";
|
|
57
|
+
import { MenuItem as Ar } from "@mittwald/flow-react-components/MenuItem";
|
|
58
|
+
import { Message as Ir } from "@mittwald/flow-react-components/Message";
|
|
59
|
+
import { Navigation as Dr, NavigationGroup as Hr } from "@mittwald/flow-react-components/Navigation";
|
|
60
|
+
import { Notification as Nr } from "@mittwald/flow-react-components/Notification";
|
|
61
|
+
import { NotificationProvider as Er } from "@mittwald/flow-react-components/NotificationProvider";
|
|
62
|
+
import { NumberField as Gr } from "@mittwald/flow-react-components/NumberField";
|
|
63
|
+
import { OverlayContent as Or } from "@mittwald/flow-react-components/Overlay";
|
|
64
|
+
import { PopoverContent as jr } from "@mittwald/flow-react-components/Popover";
|
|
65
|
+
import { ProgressBar as Vr } from "@mittwald/flow-react-components/ProgressBar";
|
|
66
|
+
import { Radio as Wr, RadioButton as Kr, RadioGroup as Zr } from "@mittwald/flow-react-components/RadioGroup";
|
|
67
|
+
import { SearchField as $r } from "@mittwald/flow-react-components/SearchField";
|
|
68
|
+
import { Section as qr } from "@mittwald/flow-react-components/Section";
|
|
69
|
+
import { Segment as zr, SegmentedControl as Jr } from "@mittwald/flow-react-components/SegmentedControl";
|
|
70
|
+
import { Separator as Qr } from "@mittwald/flow-react-components/Separator";
|
|
71
|
+
import { Skeleton as Ur } from "@mittwald/flow-react-components/Skeleton";
|
|
72
|
+
import { SkeletonText as Xr } from "@mittwald/flow-react-components/SkeletonText";
|
|
73
|
+
import { Slider as Yr } from "@mittwald/flow-react-components/Slider";
|
|
74
|
+
import { Switch as _r } from "@mittwald/flow-react-components/Switch";
|
|
75
|
+
import { Tab as ro, TabTitle as oo, Tabs as to } from "@mittwald/flow-react-components/Tabs";
|
|
76
|
+
import { Table as eo, TableBody as io, TableCell as mo, TableColumn as no, TableFooterRow as lo, TableHeader as fo, TableRow as ao } from "@mittwald/flow-react-components/Table";
|
|
77
|
+
import { Text as po } from "@mittwald/flow-react-components/Text";
|
|
78
|
+
import { TextArea as co } from "@mittwald/flow-react-components/TextArea";
|
|
79
|
+
import { TextField as so } from "@mittwald/flow-react-components/TextField";
|
|
80
|
+
import { TimeField as uo } from "@mittwald/flow-react-components/TimeField";
|
|
81
|
+
import { Tooltip as go, TooltipTrigger as bo } from "@mittwald/flow-react-components/Tooltip";
|
|
82
|
+
const d = (o) => Object.fromEntries(Array.from(o.entries())), Co = x((o, t) => {
|
|
83
|
+
const {
|
|
84
|
+
action: e,
|
|
85
|
+
onSubmit: i,
|
|
86
|
+
...m
|
|
87
|
+
} = o;
|
|
88
|
+
return /* @__PURE__ */ p("form", { ref: t, ...m, action: typeof e == "function" ? (n) => e(d(n)) : e, onSubmit: i ? (n) => {
|
|
89
|
+
n.preventDefault(), i(d(new FormData(n.currentTarget)));
|
|
90
|
+
} : void 0 });
|
|
91
|
+
}), ho = /on[A-Z].*/, xo = (o, t) => !!o.match(ho) && y(t), vo = (o) => o === "style", yo = (o) => o === "display: none !important;", To = (o, t) => xo(t, o) ? w(o, t) : vo(t) ? yo(o) ? {
|
|
92
|
+
display: "none"
|
|
93
|
+
} : {} : o, r = (o) => {
|
|
94
|
+
function t(e) {
|
|
95
|
+
const i = T(
|
|
96
|
+
e,
|
|
97
|
+
(m, f) => To(m, f)
|
|
98
|
+
);
|
|
99
|
+
return /* @__PURE__ */ p(o, { ...i });
|
|
100
|
+
}
|
|
101
|
+
return l(t);
|
|
102
|
+
}, So = ["aria-", "data-"], Fo = (o) => So.some((t) => o.startsWith(t)) ? o : S(o), a = (o) => (t) => {
|
|
103
|
+
const e = { ...t };
|
|
104
|
+
return e.className = L(
|
|
105
|
+
String(e.className),
|
|
106
|
+
String(e.class)
|
|
107
|
+
), delete e.class, v(o, F(e, Fo));
|
|
108
|
+
}, Ro = {
|
|
109
|
+
"flr-accordion": r(B),
|
|
110
|
+
"flr-action-group": r(P),
|
|
111
|
+
"flr-alert": r(M),
|
|
112
|
+
"flr-alert-badge": r(A),
|
|
113
|
+
"flr-alert-icon": r(I),
|
|
114
|
+
"flr-align": r(D),
|
|
115
|
+
"flr-avatar": r(H),
|
|
116
|
+
"flr-badge": r(N),
|
|
117
|
+
"flr-breadcrumb": r(E),
|
|
118
|
+
"flr-button": r(G),
|
|
119
|
+
"flr-checkbox": r(O),
|
|
120
|
+
"flr-checkbox-button": r(j),
|
|
121
|
+
"flr-checkbox-group": r(V),
|
|
122
|
+
"flr-code-block": r(W),
|
|
123
|
+
"flr-column-layout": r(K),
|
|
124
|
+
"flr-content": r(Z),
|
|
125
|
+
"flr-context-menu-content": r($),
|
|
126
|
+
"flr-context-menu-section": r(q),
|
|
127
|
+
"flr-contextual-help": r(z),
|
|
128
|
+
"flr-contextual-help-trigger": r(
|
|
129
|
+
J
|
|
130
|
+
),
|
|
131
|
+
"flr-copy-button": r(Q),
|
|
132
|
+
"flr-counter-badge": r(U),
|
|
133
|
+
"flr-country-options": r(X),
|
|
134
|
+
"flr-date-picker": r(rr),
|
|
135
|
+
"flr-date-range-picker": r(or),
|
|
136
|
+
"flr-dialog-trigger": r(tr),
|
|
137
|
+
"flr-div": r(ir),
|
|
138
|
+
"flr-field-description": r(mr),
|
|
139
|
+
"flr-field-error": r(nr),
|
|
140
|
+
"flr-file-card": r(lr),
|
|
141
|
+
"flr-file-card-list": r(fr),
|
|
142
|
+
"flr-file-field": r(ar),
|
|
143
|
+
"flr-fragment": r(pr),
|
|
144
|
+
"flr-header": r(cr),
|
|
145
|
+
"flr-header-navigation": r(sr),
|
|
146
|
+
"flr-heading": r(dr),
|
|
147
|
+
"flr-icon": r(ur),
|
|
148
|
+
"flr-illustrated-message": r(gr),
|
|
149
|
+
"flr-image": r(br),
|
|
150
|
+
"flr-initials": r(Cr),
|
|
151
|
+
"flr-inline-code": r(hr),
|
|
152
|
+
"flr-items-grid-list": r(xr),
|
|
153
|
+
"flr-items-grid-list-item": r(vr),
|
|
154
|
+
"flr-label": r(Fr),
|
|
155
|
+
"flr-labeled-value": r(Rr),
|
|
156
|
+
"flr-layout-card": r(wr),
|
|
157
|
+
"flr-light-box": r(kr),
|
|
158
|
+
"flr-light-box-trigger": r(Lr),
|
|
159
|
+
"flr-link": r(Br),
|
|
160
|
+
"flr-list-empty-view": r(yr),
|
|
161
|
+
"flr-list-item-view-content": r(Tr),
|
|
162
|
+
"flr-list-summary": r(Sr),
|
|
163
|
+
"flr-loading-spinner": r(Pr),
|
|
164
|
+
"flr-markdown": r(Mr),
|
|
165
|
+
"flr-menu-item": r(Ar),
|
|
166
|
+
"flr-menu-trigger": r(er),
|
|
167
|
+
"flr-message": r(Ir),
|
|
168
|
+
"flr-navigation": r(Dr),
|
|
169
|
+
"flr-navigation-group": r(Hr),
|
|
170
|
+
"flr-notification": r(Nr),
|
|
171
|
+
"flr-notification-provider": r(Er),
|
|
172
|
+
"flr-number-field": r(Gr),
|
|
173
|
+
"flr-option": r(Y),
|
|
174
|
+
"flr-overlay-content": r(Or),
|
|
175
|
+
"flr-popover-content": r(jr),
|
|
176
|
+
"flr-progress-bar": r(Vr),
|
|
177
|
+
"flr-radio": r(Wr),
|
|
178
|
+
"flr-radio-button": r(Kr),
|
|
179
|
+
"flr-radio-group": r(Zr),
|
|
180
|
+
"flr-search-field": r($r),
|
|
181
|
+
"flr-section": r(qr),
|
|
182
|
+
"flr-segment": r(zr),
|
|
183
|
+
"flr-segmented-control": r(Jr),
|
|
184
|
+
"flr-select": r(_),
|
|
185
|
+
"flr-separator": r(Qr),
|
|
186
|
+
"flr-skeleton": r(Ur),
|
|
187
|
+
"flr-skeleton-text": r(Xr),
|
|
188
|
+
"flr-slider": r(Yr),
|
|
189
|
+
"flr-switch": r(_r),
|
|
190
|
+
"flr-tab": r(ro),
|
|
191
|
+
"flr-tab-title": r(oo),
|
|
192
|
+
"flr-table": r(eo),
|
|
193
|
+
"flr-table-body": r(io),
|
|
194
|
+
"flr-table-cell": r(mo),
|
|
195
|
+
"flr-table-column": r(no),
|
|
196
|
+
"flr-table-footer-row": r(lo),
|
|
197
|
+
"flr-table-header": r(fo),
|
|
198
|
+
"flr-table-row": r(ao),
|
|
199
|
+
"flr-tabs": r(to),
|
|
200
|
+
"flr-text": r(po),
|
|
201
|
+
"flr-text-area": r(co),
|
|
202
|
+
"flr-text-field": r(so),
|
|
203
|
+
"flr-time-field": r(uo),
|
|
204
|
+
"flr-tooltip": r(go),
|
|
205
|
+
"flr-tooltip-trigger": r(bo)
|
|
206
|
+
}, wo = {
|
|
207
|
+
svg: l(a("svg")),
|
|
208
|
+
circle: l(a("circle")),
|
|
209
|
+
g: l(a("g")),
|
|
210
|
+
path: l(a("path"))
|
|
211
|
+
}, ko = {
|
|
212
|
+
"flr-form": r(Co)
|
|
213
|
+
}, Lo = {
|
|
214
|
+
...wo,
|
|
215
|
+
...ko,
|
|
216
|
+
...Ro
|
|
217
|
+
}, _t = (o) => {
|
|
218
|
+
const { integrations: t = [], src: e, iframeStyle: i } = o, m = s(() => new C(), []), f = s(() => new Map(
|
|
219
|
+
Object.entries(
|
|
220
|
+
R(
|
|
221
|
+
[...t, Lo],
|
|
222
|
+
(n, u) => ({
|
|
223
|
+
...n,
|
|
224
|
+
...u
|
|
225
|
+
}),
|
|
226
|
+
{}
|
|
227
|
+
)
|
|
228
|
+
)
|
|
229
|
+
), [...t]), c = /* @__PURE__ */ p(
|
|
230
|
+
"iframe",
|
|
231
|
+
{
|
|
232
|
+
ref: k(m.connection),
|
|
233
|
+
src: e,
|
|
234
|
+
style: i ?? {
|
|
235
|
+
visibility: "hidden",
|
|
236
|
+
height: 0,
|
|
237
|
+
width: 0,
|
|
238
|
+
border: "none",
|
|
239
|
+
position: "absolute",
|
|
240
|
+
marginLeft: "-9999px"
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
);
|
|
244
|
+
return /* @__PURE__ */ g(b, { children: [
|
|
245
|
+
/* @__PURE__ */ p(h, { components: f, receiver: m }),
|
|
246
|
+
c
|
|
247
|
+
] });
|
|
248
|
+
};
|
|
249
|
+
export {
|
|
250
|
+
_t as RemoteRendererClient,
|
|
251
|
+
_t as default
|
|
252
|
+
};
|
|
@@ -15,9 +15,8 @@ export declare const flowComponents: {
|
|
|
15
15
|
readonly "flr-code-block": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
16
16
|
readonly "flr-column-layout": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
17
17
|
readonly "flr-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
18
|
-
readonly "flr-context-menu": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
18
|
+
readonly "flr-context-menu-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
19
19
|
readonly "flr-context-menu-section": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
20
|
-
readonly "flr-context-menu-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
21
20
|
readonly "flr-contextual-help": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
22
21
|
readonly "flr-contextual-help-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
23
22
|
readonly "flr-copy-button": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
@@ -50,10 +49,12 @@ export declare const flowComponents: {
|
|
|
50
49
|
readonly "flr-light-box-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
51
50
|
readonly "flr-link": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
52
51
|
readonly "flr-list-empty-view": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
52
|
+
readonly "flr-list-item-view-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
53
53
|
readonly "flr-list-summary": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
54
54
|
readonly "flr-loading-spinner": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
55
55
|
readonly "flr-markdown": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
56
56
|
readonly "flr-menu-item": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
57
|
+
readonly "flr-menu-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
57
58
|
readonly "flr-message": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
58
59
|
readonly "flr-navigation": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
59
60
|
readonly "flr-navigation-group": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/auto-generated/index.ts"],"names":[],"mappings":"AAmGA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGjB,CAAC;AAEX,eAAe,cAAc,CAAC"}
|
|
@@ -15,9 +15,8 @@ export declare const components: {
|
|
|
15
15
|
"flr-code-block": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
16
16
|
"flr-column-layout": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
17
17
|
"flr-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
18
|
-
"flr-context-menu": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
18
|
+
"flr-context-menu-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
19
19
|
"flr-context-menu-section": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
20
|
-
"flr-context-menu-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
21
20
|
"flr-contextual-help": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
22
21
|
"flr-contextual-help-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
23
22
|
"flr-copy-button": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
@@ -50,10 +49,12 @@ export declare const components: {
|
|
|
50
49
|
"flr-light-box-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
51
50
|
"flr-link": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
52
51
|
"flr-list-empty-view": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
52
|
+
"flr-list-item-view-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
53
53
|
"flr-list-summary": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
54
54
|
"flr-loading-spinner": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
55
55
|
"flr-markdown": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
56
56
|
"flr-menu-item": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
57
|
+
"flr-menu-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
57
58
|
"flr-message": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
58
59
|
"flr-navigation": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
59
60
|
"flr-navigation-group": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAItB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFlowRemoteComponentRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/createFlowRemoteComponentRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,
|
|
1
|
+
{"version":3,"file":"createFlowRemoteComponentRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/createFlowRemoteComponentRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAyB3E,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,MAAM,aACrD,aAAa,CAAC,CAAC,CAAC,KAC1B,aAAa,CAAC,4BAA4B,CAS5C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-remote-react-renderer",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.26",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "React rendering for Flow Remote Elements",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
"test:compile": "run tsc --noEmit"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@mittwald/flow-remote-core": "0.2.0-alpha.
|
|
32
|
-
"@mittwald/flow-remote-elements": "0.2.0-alpha.
|
|
31
|
+
"@mittwald/flow-remote-core": "0.2.0-alpha.26",
|
|
32
|
+
"@mittwald/flow-remote-elements": "0.2.0-alpha.26",
|
|
33
33
|
"@remote-dom/react": "^1.2.1",
|
|
34
34
|
"@types/react": "^19.0.7",
|
|
35
35
|
"clsx": "^2.1.1",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"remeda": "^2.19.2"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@mittwald/flow-react-components": "0.2.0-alpha.
|
|
40
|
+
"@mittwald/flow-react-components": "0.2.0-alpha.26",
|
|
41
41
|
"@mittwald/typescript-config": "",
|
|
42
42
|
"@types/node": "^22.10.7",
|
|
43
43
|
"nx": "^20.3.2",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"optional": true
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "eb6ffb2ac38409271994cc0dbfbfe9b501588a26"
|
|
69
69
|
}
|
|
@@ -1,251 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
"use client";
|
|
4
|
-
import { jsx as c, jsxs as b, Fragment as C } from "react/jsx-runtime";
|
|
5
|
-
import { createRemoteComponentRenderer as l, RemoteReceiver as h, RemoteRootRenderer as x } from "@remote-dom/react/host";
|
|
6
|
-
import { forwardRef as u, createElement as y, useMemo as s } from "react";
|
|
7
|
-
import { isFunction as v, mapValues as T, toCamelCase as S, mapKeys as F, reduce as R } from "remeda";
|
|
8
|
-
import { mapEventHandler as w, connectRemoteIframeRef as k } from "@mittwald/flow-remote-core";
|
|
9
|
-
import B from "clsx";
|
|
10
|
-
import { Accordion as L } from "@mittwald/flow-react-components/Accordion";
|
|
11
|
-
import { ActionGroup as P } from "@mittwald/flow-react-components/ActionGroup";
|
|
12
|
-
import { Alert as M } from "@mittwald/flow-react-components/Alert";
|
|
13
|
-
import { AlertBadge as A } from "@mittwald/flow-react-components/AlertBadge";
|
|
14
|
-
import { AlertIcon as H } from "@mittwald/flow-react-components/AlertIcon";
|
|
15
|
-
import { Align as I } from "@mittwald/flow-react-components/Align";
|
|
16
|
-
import { Avatar as D } from "@mittwald/flow-react-components/Avatar";
|
|
17
|
-
import { Badge as N } from "@mittwald/flow-react-components/Badge";
|
|
18
|
-
import { Breadcrumb as E } from "@mittwald/flow-react-components/Breadcrumb";
|
|
19
|
-
import { Button as G } from "@mittwald/flow-react-components/Button";
|
|
20
|
-
import { Checkbox as O } from "@mittwald/flow-react-components/Checkbox";
|
|
21
|
-
import { CheckboxButton as j } from "@mittwald/flow-react-components/CheckboxButton";
|
|
22
|
-
import { CheckboxGroup as W } from "@mittwald/flow-react-components/CheckboxGroup";
|
|
23
|
-
import { CodeBlock as V } from "@mittwald/flow-react-components/CodeBlock";
|
|
24
|
-
import { ColumnLayout as K } from "@mittwald/flow-react-components/ColumnLayout";
|
|
25
|
-
import { Content as Z } from "@mittwald/flow-react-components/Content";
|
|
26
|
-
import { ContextMenu as $, ContextMenuSection as q, ContextMenuTrigger as z } from "@mittwald/flow-react-components/ContextMenu";
|
|
27
|
-
import { ContextualHelp as J, ContextualHelpTrigger as Q } from "@mittwald/flow-react-components/ContextualHelp";
|
|
28
|
-
import { CopyButton as U } from "@mittwald/flow-react-components/CopyButton";
|
|
29
|
-
import { CounterBadge as X } from "@mittwald/flow-react-components/CounterBadge";
|
|
30
|
-
import { CountryOptions as Y, Option as _, Select as rr } from "@mittwald/flow-react-components/Select";
|
|
31
|
-
import { DatePicker as or } from "@mittwald/flow-react-components/DatePicker";
|
|
32
|
-
import { DateRangePicker as tr } from "@mittwald/flow-react-components/DateRangePicker";
|
|
33
|
-
import { DialogTrigger as er } from "@mittwald/flow-react-components/OverlayTrigger";
|
|
34
|
-
import { Div as ir } from "@mittwald/flow-react-components/Div";
|
|
35
|
-
import { FieldDescription as mr } from "@mittwald/flow-react-components/FieldDescription";
|
|
36
|
-
import { FieldError as nr } from "@mittwald/flow-react-components/FieldError";
|
|
37
|
-
import { FileCard as lr } from "@mittwald/flow-react-components/FileCard";
|
|
38
|
-
import { FileCardList as fr } from "@mittwald/flow-react-components/FileCardList";
|
|
39
|
-
import { FileField as ar } from "@mittwald/flow-react-components/FileField";
|
|
40
|
-
import { Fragment as pr } from "@mittwald/flow-react-components/Fragment";
|
|
41
|
-
import { Header as cr } from "@mittwald/flow-react-components/Header";
|
|
42
|
-
import { HeaderNavigation as sr } from "@mittwald/flow-react-components/HeaderNavigation";
|
|
43
|
-
import { Heading as dr } from "@mittwald/flow-react-components/Heading";
|
|
44
|
-
import { Icon as ur } from "@mittwald/flow-react-components/Icon";
|
|
45
|
-
import { IllustratedMessage as gr } from "@mittwald/flow-react-components/IllustratedMessage";
|
|
46
|
-
import { Image as br } from "@mittwald/flow-react-components/Image";
|
|
47
|
-
import { Initials as Cr } from "@mittwald/flow-react-components/Initials";
|
|
48
|
-
import { InlineCode as hr } from "@mittwald/flow-react-components/InlineCode";
|
|
49
|
-
import { GridList as xr, GridListItem as yr, EmptyView as vr, ListSummary as Tr } from "@mittwald/flow-react-components/List";
|
|
50
|
-
import { Label as Sr } from "@mittwald/flow-react-components/Label";
|
|
51
|
-
import { LabeledValue as Fr } from "@mittwald/flow-react-components/LabeledValue";
|
|
52
|
-
import { LayoutCard as Rr } from "@mittwald/flow-react-components/LayoutCard";
|
|
53
|
-
import { LightBox as wr, LightBoxTrigger as kr } from "@mittwald/flow-react-components/LightBox";
|
|
54
|
-
import { Link as Br } from "@mittwald/flow-react-components/Link";
|
|
55
|
-
import { LoadingSpinner as Lr } from "@mittwald/flow-react-components/LoadingSpinner";
|
|
56
|
-
import { Markdown as Pr } from "@mittwald/flow-react-components/Markdown";
|
|
57
|
-
import { MenuItem as Mr } from "@mittwald/flow-react-components/MenuItem";
|
|
58
|
-
import { Message as Ar } from "@mittwald/flow-react-components/Message";
|
|
59
|
-
import { Navigation as Hr, NavigationGroup as Ir } from "@mittwald/flow-react-components/Navigation";
|
|
60
|
-
import { Notification as Dr } from "@mittwald/flow-react-components/Notification";
|
|
61
|
-
import { NotificationProvider as Nr } from "@mittwald/flow-react-components/NotificationProvider";
|
|
62
|
-
import { NumberField as Er } from "@mittwald/flow-react-components/NumberField";
|
|
63
|
-
import { OverlayContent as Gr } from "@mittwald/flow-react-components/Overlay";
|
|
64
|
-
import { PopoverContent as Or } from "@mittwald/flow-react-components/Popover";
|
|
65
|
-
import { ProgressBar as jr } from "@mittwald/flow-react-components/ProgressBar";
|
|
66
|
-
import { Radio as Wr, RadioButton as Vr, RadioGroup as Kr } from "@mittwald/flow-react-components/RadioGroup";
|
|
67
|
-
import { SearchField as Zr } from "@mittwald/flow-react-components/SearchField";
|
|
68
|
-
import { Section as $r } from "@mittwald/flow-react-components/Section";
|
|
69
|
-
import { Segment as qr, SegmentedControl as zr } from "@mittwald/flow-react-components/SegmentedControl";
|
|
70
|
-
import { Separator as Jr } from "@mittwald/flow-react-components/Separator";
|
|
71
|
-
import { Skeleton as Qr } from "@mittwald/flow-react-components/Skeleton";
|
|
72
|
-
import { SkeletonText as Ur } from "@mittwald/flow-react-components/SkeletonText";
|
|
73
|
-
import { Slider as Xr } from "@mittwald/flow-react-components/Slider";
|
|
74
|
-
import { Switch as Yr } from "@mittwald/flow-react-components/Switch";
|
|
75
|
-
import { Tab as _r, TabTitle as ro, Tabs as oo } from "@mittwald/flow-react-components/Tabs";
|
|
76
|
-
import { Table as to, TableBody as eo, TableCell as io, TableColumn as mo, TableFooterRow as no, TableHeader as lo, TableRow as fo } from "@mittwald/flow-react-components/Table";
|
|
77
|
-
import { Text as ao } from "@mittwald/flow-react-components/Text";
|
|
78
|
-
import { TextArea as po } from "@mittwald/flow-react-components/TextArea";
|
|
79
|
-
import { TextField as co } from "@mittwald/flow-react-components/TextField";
|
|
80
|
-
import { TimeField as so } from "@mittwald/flow-react-components/TimeField";
|
|
81
|
-
import { Tooltip as uo, TooltipTrigger as go } from "@mittwald/flow-react-components/Tooltip";
|
|
82
|
-
const d = (o) => Object.fromEntries(Array.from(o.entries())), bo = u((o, t) => {
|
|
83
|
-
const {
|
|
84
|
-
action: e,
|
|
85
|
-
onSubmit: m,
|
|
86
|
-
...n
|
|
87
|
-
} = o;
|
|
88
|
-
return /* @__PURE__ */ c("form", { ref: t, ...n, action: typeof e == "function" ? (i) => e(d(i)) : e, onSubmit: m ? (i) => {
|
|
89
|
-
i.preventDefault(), m(d(new FormData(i.currentTarget)));
|
|
90
|
-
} : void 0 });
|
|
91
|
-
}), Co = /on[A-Z].*/, ho = (o, t) => !!o.match(Co) && v(t), xo = (o) => o === "style", yo = (o) => o === "display: none !important;", vo = (o, t) => ho(t, o) ? w(o, t) : xo(t) ? yo(o) ? {
|
|
92
|
-
display: "none"
|
|
93
|
-
} : {} : o, r = (o) => {
|
|
94
|
-
const t = u(function(m, n) {
|
|
95
|
-
const f = T(
|
|
96
|
-
m,
|
|
97
|
-
(a, i) => vo(a, i)
|
|
98
|
-
);
|
|
99
|
-
return /* @__PURE__ */ c(o, { ...f, ref: n });
|
|
100
|
-
});
|
|
101
|
-
return l(t);
|
|
102
|
-
}, To = ["aria-", "data-"], So = (o) => To.some((t) => o.startsWith(t)) ? o : S(o), p = (o) => (t) => {
|
|
103
|
-
const e = { ...t };
|
|
104
|
-
return e.className = B(
|
|
105
|
-
String(e.className),
|
|
106
|
-
String(e.class)
|
|
107
|
-
), delete e.class, y(o, F(e, So));
|
|
108
|
-
}, Fo = {
|
|
109
|
-
"flr-accordion": r(L),
|
|
110
|
-
"flr-action-group": r(P),
|
|
111
|
-
"flr-alert": r(M),
|
|
112
|
-
"flr-alert-badge": r(A),
|
|
113
|
-
"flr-alert-icon": r(H),
|
|
114
|
-
"flr-align": r(I),
|
|
115
|
-
"flr-avatar": r(D),
|
|
116
|
-
"flr-badge": r(N),
|
|
117
|
-
"flr-breadcrumb": r(E),
|
|
118
|
-
"flr-button": r(G),
|
|
119
|
-
"flr-checkbox": r(O),
|
|
120
|
-
"flr-checkbox-button": r(j),
|
|
121
|
-
"flr-checkbox-group": r(W),
|
|
122
|
-
"flr-code-block": r(V),
|
|
123
|
-
"flr-column-layout": r(K),
|
|
124
|
-
"flr-content": r(Z),
|
|
125
|
-
"flr-context-menu": r($),
|
|
126
|
-
"flr-context-menu-section": r(q),
|
|
127
|
-
"flr-context-menu-trigger": r(z),
|
|
128
|
-
"flr-contextual-help": r(J),
|
|
129
|
-
"flr-contextual-help-trigger": r(
|
|
130
|
-
Q
|
|
131
|
-
),
|
|
132
|
-
"flr-copy-button": r(U),
|
|
133
|
-
"flr-counter-badge": r(X),
|
|
134
|
-
"flr-country-options": r(Y),
|
|
135
|
-
"flr-date-picker": r(or),
|
|
136
|
-
"flr-date-range-picker": r(tr),
|
|
137
|
-
"flr-dialog-trigger": r(er),
|
|
138
|
-
"flr-div": r(ir),
|
|
139
|
-
"flr-field-description": r(mr),
|
|
140
|
-
"flr-field-error": r(nr),
|
|
141
|
-
"flr-file-card": r(lr),
|
|
142
|
-
"flr-file-card-list": r(fr),
|
|
143
|
-
"flr-file-field": r(ar),
|
|
144
|
-
"flr-fragment": r(pr),
|
|
145
|
-
"flr-header": r(cr),
|
|
146
|
-
"flr-header-navigation": r(sr),
|
|
147
|
-
"flr-heading": r(dr),
|
|
148
|
-
"flr-icon": r(ur),
|
|
149
|
-
"flr-illustrated-message": r(gr),
|
|
150
|
-
"flr-image": r(br),
|
|
151
|
-
"flr-initials": r(Cr),
|
|
152
|
-
"flr-inline-code": r(hr),
|
|
153
|
-
"flr-items-grid-list": r(xr),
|
|
154
|
-
"flr-items-grid-list-item": r(yr),
|
|
155
|
-
"flr-label": r(Sr),
|
|
156
|
-
"flr-labeled-value": r(Fr),
|
|
157
|
-
"flr-layout-card": r(Rr),
|
|
158
|
-
"flr-light-box": r(wr),
|
|
159
|
-
"flr-light-box-trigger": r(kr),
|
|
160
|
-
"flr-link": r(Br),
|
|
161
|
-
"flr-list-empty-view": r(vr),
|
|
162
|
-
"flr-list-summary": r(Tr),
|
|
163
|
-
"flr-loading-spinner": r(Lr),
|
|
164
|
-
"flr-markdown": r(Pr),
|
|
165
|
-
"flr-menu-item": r(Mr),
|
|
166
|
-
"flr-message": r(Ar),
|
|
167
|
-
"flr-navigation": r(Hr),
|
|
168
|
-
"flr-navigation-group": r(Ir),
|
|
169
|
-
"flr-notification": r(Dr),
|
|
170
|
-
"flr-notification-provider": r(Nr),
|
|
171
|
-
"flr-number-field": r(Er),
|
|
172
|
-
"flr-option": r(_),
|
|
173
|
-
"flr-overlay-content": r(Gr),
|
|
174
|
-
"flr-popover-content": r(Or),
|
|
175
|
-
"flr-progress-bar": r(jr),
|
|
176
|
-
"flr-radio": r(Wr),
|
|
177
|
-
"flr-radio-button": r(Vr),
|
|
178
|
-
"flr-radio-group": r(Kr),
|
|
179
|
-
"flr-search-field": r(Zr),
|
|
180
|
-
"flr-section": r($r),
|
|
181
|
-
"flr-segment": r(qr),
|
|
182
|
-
"flr-segmented-control": r(zr),
|
|
183
|
-
"flr-select": r(rr),
|
|
184
|
-
"flr-separator": r(Jr),
|
|
185
|
-
"flr-skeleton": r(Qr),
|
|
186
|
-
"flr-skeleton-text": r(Ur),
|
|
187
|
-
"flr-slider": r(Xr),
|
|
188
|
-
"flr-switch": r(Yr),
|
|
189
|
-
"flr-tab": r(_r),
|
|
190
|
-
"flr-tab-title": r(ro),
|
|
191
|
-
"flr-table": r(to),
|
|
192
|
-
"flr-table-body": r(eo),
|
|
193
|
-
"flr-table-cell": r(io),
|
|
194
|
-
"flr-table-column": r(mo),
|
|
195
|
-
"flr-table-footer-row": r(no),
|
|
196
|
-
"flr-table-header": r(lo),
|
|
197
|
-
"flr-table-row": r(fo),
|
|
198
|
-
"flr-tabs": r(oo),
|
|
199
|
-
"flr-text": r(ao),
|
|
200
|
-
"flr-text-area": r(po),
|
|
201
|
-
"flr-text-field": r(co),
|
|
202
|
-
"flr-time-field": r(so),
|
|
203
|
-
"flr-tooltip": r(uo),
|
|
204
|
-
"flr-tooltip-trigger": r(go)
|
|
205
|
-
}, Ro = {
|
|
206
|
-
svg: l(p("svg")),
|
|
207
|
-
circle: l(p("circle")),
|
|
208
|
-
g: l(p("g")),
|
|
209
|
-
path: l(p("path"))
|
|
210
|
-
}, wo = {
|
|
211
|
-
"flr-form": r(bo)
|
|
212
|
-
}, ko = {
|
|
213
|
-
...Ro,
|
|
214
|
-
...wo,
|
|
215
|
-
...Fo
|
|
216
|
-
}, Yt = (o) => {
|
|
217
|
-
const { integrations: t = [], src: e, iframeStyle: m } = o, n = s(() => new h(), []), f = s(() => new Map(
|
|
218
|
-
Object.entries(
|
|
219
|
-
R(
|
|
220
|
-
[...t, ko],
|
|
221
|
-
(i, g) => ({
|
|
222
|
-
...i,
|
|
223
|
-
...g
|
|
224
|
-
}),
|
|
225
|
-
{}
|
|
226
|
-
)
|
|
227
|
-
)
|
|
228
|
-
), [...t]), a = /* @__PURE__ */ c(
|
|
229
|
-
"iframe",
|
|
230
|
-
{
|
|
231
|
-
ref: k(n.connection),
|
|
232
|
-
src: e,
|
|
233
|
-
style: m ?? {
|
|
234
|
-
visibility: "hidden",
|
|
235
|
-
height: 0,
|
|
236
|
-
width: 0,
|
|
237
|
-
border: "none",
|
|
238
|
-
position: "absolute",
|
|
239
|
-
marginLeft: "-9999px"
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
);
|
|
243
|
-
return /* @__PURE__ */ b(C, { children: [
|
|
244
|
-
/* @__PURE__ */ c(x, { components: f, receiver: n }),
|
|
245
|
-
a
|
|
246
|
-
] });
|
|
247
|
-
};
|
|
248
|
-
export {
|
|
249
|
-
Yt as RemoteRendererClient,
|
|
250
|
-
Yt as default
|
|
251
|
-
};
|