@mittwald/flow-remote-react-renderer 0.2.0-alpha.22 → 0.2.0-alpha.24
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-BQZByfXX.js +251 -0
- package/dist/types/auto-generated/index.d.ts +3 -4
- package/dist/types/auto-generated/index.d.ts.map +1 -1
- package/dist/types/components.d.ts +3 -4
- package/dist/types/components.d.ts.map +1 -1
- package/package.json +5 -5
- package/dist/RemoteRendererClient-CtCQcLEb.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-BQZByfXX.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,251 @@
|
|
|
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
|
+
};
|
|
@@ -25,6 +25,7 @@ export declare const flowComponents: {
|
|
|
25
25
|
readonly "flr-country-options": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
26
26
|
readonly "flr-date-picker": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
27
27
|
readonly "flr-date-range-picker": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
28
|
+
readonly "flr-dialog-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
28
29
|
readonly "flr-div": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
29
30
|
readonly "flr-field-description": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
30
31
|
readonly "flr-field-error": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
@@ -54,16 +55,14 @@ export declare const flowComponents: {
|
|
|
54
55
|
readonly "flr-markdown": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
55
56
|
readonly "flr-menu-item": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
56
57
|
readonly "flr-message": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
57
|
-
readonly "flr-modal": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
58
|
-
readonly "flr-modal-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
59
58
|
readonly "flr-navigation": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
60
59
|
readonly "flr-navigation-group": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
61
60
|
readonly "flr-notification": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
62
61
|
readonly "flr-notification-provider": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
63
62
|
readonly "flr-number-field": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
64
63
|
readonly "flr-option": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
65
|
-
readonly "flr-
|
|
66
|
-
readonly "flr-popover-
|
|
64
|
+
readonly "flr-overlay-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
65
|
+
readonly "flr-popover-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
67
66
|
readonly "flr-progress-bar": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
68
67
|
readonly "flr-radio": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
69
68
|
readonly "flr-radio-button": 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":"AAkGA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGjB,CAAC;AAEX,eAAe,cAAc,CAAC"}
|
|
@@ -25,6 +25,7 @@ export declare const components: {
|
|
|
25
25
|
"flr-country-options": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
26
26
|
"flr-date-picker": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
27
27
|
"flr-date-range-picker": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
28
|
+
"flr-dialog-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
28
29
|
"flr-div": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
29
30
|
"flr-field-description": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
30
31
|
"flr-field-error": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
@@ -54,16 +55,14 @@ export declare const components: {
|
|
|
54
55
|
"flr-markdown": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
55
56
|
"flr-menu-item": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
56
57
|
"flr-message": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
57
|
-
"flr-modal": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
58
|
-
"flr-modal-trigger": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
59
58
|
"flr-navigation": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
60
59
|
"flr-navigation-group": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
61
60
|
"flr-notification": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
62
61
|
"flr-notification-provider": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
63
62
|
"flr-number-field": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
64
63
|
"flr-option": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
65
|
-
"flr-
|
|
66
|
-
"flr-popover-
|
|
64
|
+
"flr-overlay-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
65
|
+
"flr-popover-content": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
67
66
|
"flr-progress-bar": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
68
67
|
"flr-radio": import('react').ComponentType<import('@remote-dom/react/host').RemoteComponentRendererProps>;
|
|
69
68
|
"flr-radio-button": 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"}
|
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.24",
|
|
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.24",
|
|
32
|
+
"@mittwald/flow-remote-elements": "0.2.0-alpha.24",
|
|
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.24",
|
|
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": "245956d1b76ee3f184f056ab562f76684a66c59f"
|
|
69
69
|
}
|
|
@@ -1,251 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
"use client";
|
|
4
|
-
import { jsx as s, jsxs as b, Fragment as h } from "react/jsx-runtime";
|
|
5
|
-
import { createRemoteComponentRenderer as n, RemoteReceiver as x, RemoteRootRenderer as C } from "@remote-dom/react/host";
|
|
6
|
-
import { forwardRef as g, createElement as T, useMemo as c } from "react";
|
|
7
|
-
import { isFunction as v, mapValues as y, 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 M from "clsx";
|
|
10
|
-
import { Accordion as P } from "@mittwald/flow-react-components/Accordion";
|
|
11
|
-
import { ActionGroup as B } from "@mittwald/flow-react-components/ActionGroup";
|
|
12
|
-
import { Alert as L } 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 N } from "@mittwald/flow-react-components/Avatar";
|
|
17
|
-
import { Badge as D } 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 j } from "@mittwald/flow-react-components/Checkbox";
|
|
21
|
-
import { CheckboxButton as O } 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 { Div as er } from "@mittwald/flow-react-components/Div";
|
|
34
|
-
import { FieldDescription as ir } from "@mittwald/flow-react-components/FieldDescription";
|
|
35
|
-
import { FieldError as mr } from "@mittwald/flow-react-components/FieldError";
|
|
36
|
-
import { FileCard as lr } from "@mittwald/flow-react-components/FileCard";
|
|
37
|
-
import { FileCardList as nr } from "@mittwald/flow-react-components/FileCardList";
|
|
38
|
-
import { FileField as fr } from "@mittwald/flow-react-components/FileField";
|
|
39
|
-
import { Fragment as ar } from "@mittwald/flow-react-components/Fragment";
|
|
40
|
-
import { Header as pr } from "@mittwald/flow-react-components/Header";
|
|
41
|
-
import { HeaderNavigation as sr } from "@mittwald/flow-react-components/HeaderNavigation";
|
|
42
|
-
import { Heading as cr } from "@mittwald/flow-react-components/Heading";
|
|
43
|
-
import { Icon as dr } from "@mittwald/flow-react-components/Icon";
|
|
44
|
-
import { IllustratedMessage as gr } from "@mittwald/flow-react-components/IllustratedMessage";
|
|
45
|
-
import { Image as ur } from "@mittwald/flow-react-components/Image";
|
|
46
|
-
import { Initials as br } from "@mittwald/flow-react-components/Initials";
|
|
47
|
-
import { InlineCode as hr } from "@mittwald/flow-react-components/InlineCode";
|
|
48
|
-
import { GridList as xr, GridListItem as Cr, EmptyView as Tr, ListSummary as vr } from "@mittwald/flow-react-components/List";
|
|
49
|
-
import { Label as yr } from "@mittwald/flow-react-components/Label";
|
|
50
|
-
import { LabeledValue as Sr } from "@mittwald/flow-react-components/LabeledValue";
|
|
51
|
-
import { LayoutCard as Fr } from "@mittwald/flow-react-components/LayoutCard";
|
|
52
|
-
import { LightBox as Rr, LightBoxTrigger as wr } from "@mittwald/flow-react-components/LightBox";
|
|
53
|
-
import { Link as kr } from "@mittwald/flow-react-components/Link";
|
|
54
|
-
import { LoadingSpinner as Mr } from "@mittwald/flow-react-components/LoadingSpinner";
|
|
55
|
-
import { Markdown as Pr } from "@mittwald/flow-react-components/Markdown";
|
|
56
|
-
import { MenuItem as Br } from "@mittwald/flow-react-components/MenuItem";
|
|
57
|
-
import { Message as Lr } from "@mittwald/flow-react-components/Message";
|
|
58
|
-
import { Modal as Ar, ModalTrigger as Hr } from "@mittwald/flow-react-components/Modal";
|
|
59
|
-
import { Navigation as Ir, NavigationGroup as Nr } from "@mittwald/flow-react-components/Navigation";
|
|
60
|
-
import { Notification as Dr } 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 { Popover as jr, PopoverTrigger as Or } from "@mittwald/flow-react-components/Popover";
|
|
64
|
-
import { ProgressBar as Wr } from "@mittwald/flow-react-components/ProgressBar";
|
|
65
|
-
import { Radio as Vr, RadioButton as Kr, RadioGroup as Zr } from "@mittwald/flow-react-components/RadioGroup";
|
|
66
|
-
import { SearchField as $r } from "@mittwald/flow-react-components/SearchField";
|
|
67
|
-
import { Section as qr } from "@mittwald/flow-react-components/Section";
|
|
68
|
-
import { Segment as zr, SegmentedControl as Jr } from "@mittwald/flow-react-components/SegmentedControl";
|
|
69
|
-
import { Separator as Qr } from "@mittwald/flow-react-components/Separator";
|
|
70
|
-
import { Skeleton as Ur } from "@mittwald/flow-react-components/Skeleton";
|
|
71
|
-
import { SkeletonText as Xr } from "@mittwald/flow-react-components/SkeletonText";
|
|
72
|
-
import { Slider as Yr } from "@mittwald/flow-react-components/Slider";
|
|
73
|
-
import { Switch as _r } from "@mittwald/flow-react-components/Switch";
|
|
74
|
-
import { Tab as ro, TabTitle as oo, Tabs as to } from "@mittwald/flow-react-components/Tabs";
|
|
75
|
-
import { Table as eo, TableBody as io, TableCell as mo, TableColumn as lo, TableFooterRow as no, TableHeader as fo, TableRow as ao } from "@mittwald/flow-react-components/Table";
|
|
76
|
-
import { Text as po } from "@mittwald/flow-react-components/Text";
|
|
77
|
-
import { TextArea as so } from "@mittwald/flow-react-components/TextArea";
|
|
78
|
-
import { TextField as co } from "@mittwald/flow-react-components/TextField";
|
|
79
|
-
import { TimeField as go } from "@mittwald/flow-react-components/TimeField";
|
|
80
|
-
import { Tooltip as uo, TooltipTrigger as bo } from "@mittwald/flow-react-components/Tooltip";
|
|
81
|
-
const d = (o) => Object.fromEntries(Array.from(o.entries())), ho = g((o, t) => {
|
|
82
|
-
const {
|
|
83
|
-
action: e,
|
|
84
|
-
onSubmit: m,
|
|
85
|
-
...l
|
|
86
|
-
} = o;
|
|
87
|
-
return /* @__PURE__ */ s("form", { ref: t, ...l, action: typeof e == "function" ? (i) => e(d(i)) : e, onSubmit: m ? (i) => {
|
|
88
|
-
i.preventDefault(), m(d(new FormData(i.currentTarget)));
|
|
89
|
-
} : void 0 });
|
|
90
|
-
}), xo = /on[A-Z].*/, Co = (o, t) => !!o.match(xo) && v(t), To = (o) => o === "style", vo = (o) => o === "display: none !important;", yo = (o, t) => Co(t, o) ? w(o, t) : To(t) ? vo(o) ? {
|
|
91
|
-
display: "none"
|
|
92
|
-
} : {} : o, r = (o) => {
|
|
93
|
-
const t = g(function(m, l) {
|
|
94
|
-
const f = y(
|
|
95
|
-
m,
|
|
96
|
-
(a, i) => yo(a, i)
|
|
97
|
-
);
|
|
98
|
-
return /* @__PURE__ */ s(o, { ...f, ref: l });
|
|
99
|
-
});
|
|
100
|
-
return n(t);
|
|
101
|
-
}, So = ["aria-", "data-"], Fo = (o) => So.some((t) => o.startsWith(t)) ? o : S(o), p = (o) => (t) => {
|
|
102
|
-
const e = { ...t };
|
|
103
|
-
return e.className = M(
|
|
104
|
-
String(e.className),
|
|
105
|
-
String(e.class)
|
|
106
|
-
), delete e.class, T(o, F(e, Fo));
|
|
107
|
-
}, Ro = {
|
|
108
|
-
"flr-accordion": r(P),
|
|
109
|
-
"flr-action-group": r(B),
|
|
110
|
-
"flr-alert": r(L),
|
|
111
|
-
"flr-alert-badge": r(A),
|
|
112
|
-
"flr-alert-icon": r(H),
|
|
113
|
-
"flr-align": r(I),
|
|
114
|
-
"flr-avatar": r(N),
|
|
115
|
-
"flr-badge": r(D),
|
|
116
|
-
"flr-breadcrumb": r(E),
|
|
117
|
-
"flr-button": r(G),
|
|
118
|
-
"flr-checkbox": r(j),
|
|
119
|
-
"flr-checkbox-button": r(O),
|
|
120
|
-
"flr-checkbox-group": r(W),
|
|
121
|
-
"flr-code-block": r(V),
|
|
122
|
-
"flr-column-layout": r(K),
|
|
123
|
-
"flr-content": r(Z),
|
|
124
|
-
"flr-context-menu": r($),
|
|
125
|
-
"flr-context-menu-section": r(q),
|
|
126
|
-
"flr-context-menu-trigger": r(z),
|
|
127
|
-
"flr-contextual-help": r(J),
|
|
128
|
-
"flr-contextual-help-trigger": r(
|
|
129
|
-
Q
|
|
130
|
-
),
|
|
131
|
-
"flr-copy-button": r(U),
|
|
132
|
-
"flr-counter-badge": r(X),
|
|
133
|
-
"flr-country-options": r(Y),
|
|
134
|
-
"flr-date-picker": r(or),
|
|
135
|
-
"flr-date-range-picker": r(tr),
|
|
136
|
-
"flr-div": r(er),
|
|
137
|
-
"flr-field-description": r(ir),
|
|
138
|
-
"flr-field-error": r(mr),
|
|
139
|
-
"flr-file-card": r(lr),
|
|
140
|
-
"flr-file-card-list": r(nr),
|
|
141
|
-
"flr-file-field": r(fr),
|
|
142
|
-
"flr-fragment": r(ar),
|
|
143
|
-
"flr-header": r(pr),
|
|
144
|
-
"flr-header-navigation": r(sr),
|
|
145
|
-
"flr-heading": r(cr),
|
|
146
|
-
"flr-icon": r(dr),
|
|
147
|
-
"flr-illustrated-message": r(gr),
|
|
148
|
-
"flr-image": r(ur),
|
|
149
|
-
"flr-initials": r(br),
|
|
150
|
-
"flr-inline-code": r(hr),
|
|
151
|
-
"flr-items-grid-list": r(xr),
|
|
152
|
-
"flr-items-grid-list-item": r(Cr),
|
|
153
|
-
"flr-label": r(yr),
|
|
154
|
-
"flr-labeled-value": r(Sr),
|
|
155
|
-
"flr-layout-card": r(Fr),
|
|
156
|
-
"flr-light-box": r(Rr),
|
|
157
|
-
"flr-light-box-trigger": r(wr),
|
|
158
|
-
"flr-link": r(kr),
|
|
159
|
-
"flr-list-empty-view": r(Tr),
|
|
160
|
-
"flr-list-summary": r(vr),
|
|
161
|
-
"flr-loading-spinner": r(Mr),
|
|
162
|
-
"flr-markdown": r(Pr),
|
|
163
|
-
"flr-menu-item": r(Br),
|
|
164
|
-
"flr-message": r(Lr),
|
|
165
|
-
"flr-modal": r(Ar),
|
|
166
|
-
"flr-modal-trigger": r(Hr),
|
|
167
|
-
"flr-navigation": r(Ir),
|
|
168
|
-
"flr-navigation-group": r(Nr),
|
|
169
|
-
"flr-notification": r(Dr),
|
|
170
|
-
"flr-notification-provider": r(Er),
|
|
171
|
-
"flr-number-field": r(Gr),
|
|
172
|
-
"flr-option": r(_),
|
|
173
|
-
"flr-popover": r(jr),
|
|
174
|
-
"flr-popover-trigger": r(Or),
|
|
175
|
-
"flr-progress-bar": r(Wr),
|
|
176
|
-
"flr-radio": r(Vr),
|
|
177
|
-
"flr-radio-button": r(Kr),
|
|
178
|
-
"flr-radio-group": r(Zr),
|
|
179
|
-
"flr-search-field": r($r),
|
|
180
|
-
"flr-section": r(qr),
|
|
181
|
-
"flr-segment": r(zr),
|
|
182
|
-
"flr-segmented-control": r(Jr),
|
|
183
|
-
"flr-select": r(rr),
|
|
184
|
-
"flr-separator": r(Qr),
|
|
185
|
-
"flr-skeleton": r(Ur),
|
|
186
|
-
"flr-skeleton-text": r(Xr),
|
|
187
|
-
"flr-slider": r(Yr),
|
|
188
|
-
"flr-switch": r(_r),
|
|
189
|
-
"flr-tab": r(ro),
|
|
190
|
-
"flr-tab-title": r(oo),
|
|
191
|
-
"flr-table": r(eo),
|
|
192
|
-
"flr-table-body": r(io),
|
|
193
|
-
"flr-table-cell": r(mo),
|
|
194
|
-
"flr-table-column": r(lo),
|
|
195
|
-
"flr-table-footer-row": r(no),
|
|
196
|
-
"flr-table-header": r(fo),
|
|
197
|
-
"flr-table-row": r(ao),
|
|
198
|
-
"flr-tabs": r(to),
|
|
199
|
-
"flr-text": r(po),
|
|
200
|
-
"flr-text-area": r(so),
|
|
201
|
-
"flr-text-field": r(co),
|
|
202
|
-
"flr-time-field": r(go),
|
|
203
|
-
"flr-tooltip": r(uo),
|
|
204
|
-
"flr-tooltip-trigger": r(bo)
|
|
205
|
-
}, wo = {
|
|
206
|
-
svg: n(p("svg")),
|
|
207
|
-
circle: n(p("circle")),
|
|
208
|
-
g: n(p("g")),
|
|
209
|
-
path: n(p("path"))
|
|
210
|
-
}, ko = {
|
|
211
|
-
"flr-form": r(ho)
|
|
212
|
-
}, Mo = {
|
|
213
|
-
...wo,
|
|
214
|
-
...ko,
|
|
215
|
-
...Ro
|
|
216
|
-
}, Yt = (o) => {
|
|
217
|
-
const { integrations: t = [], src: e, iframeStyle: m } = o, l = c(() => new x(), []), f = c(() => new Map(
|
|
218
|
-
Object.entries(
|
|
219
|
-
R(
|
|
220
|
-
[...t, Mo],
|
|
221
|
-
(i, u) => ({
|
|
222
|
-
...i,
|
|
223
|
-
...u
|
|
224
|
-
}),
|
|
225
|
-
{}
|
|
226
|
-
)
|
|
227
|
-
)
|
|
228
|
-
), [...t]), a = /* @__PURE__ */ s(
|
|
229
|
-
"iframe",
|
|
230
|
-
{
|
|
231
|
-
ref: k(l.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(h, { children: [
|
|
244
|
-
/* @__PURE__ */ s(C, { components: f, receiver: l }),
|
|
245
|
-
a
|
|
246
|
-
] });
|
|
247
|
-
};
|
|
248
|
-
export {
|
|
249
|
-
Yt as RemoteRendererClient,
|
|
250
|
-
Yt as default
|
|
251
|
-
};
|