@mittwald/flow-remote-react-renderer 0.2.0-alpha.26 → 0.2.0-alpha.28
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
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-oNNsH8Nc.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,181 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
"use client";
|
|
4
|
+
import { jsx as s, jsxs as g, Fragment as b } from "react/jsx-runtime";
|
|
5
|
+
import { createRemoteComponentRenderer as a, RemoteReceiver as C, RemoteRootRenderer as h } from "@remote-dom/react/host";
|
|
6
|
+
import { forwardRef as x, createElement as v, useMemo as d } 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, ActionGroup as P, Alert as M, AlertBadge as A, AlertIcon as I, Align as D, Avatar as H, Badge as N, Breadcrumb as E, Button as G, Checkbox as O, CheckboxButton as j, CheckboxGroup as V, CodeBlock as W, ColumnLayout as K, Content as Z, ContextMenuContent as $, ContextMenuSection as q, ContextualHelp as z, ContextualHelpTrigger as J, CopyButton as Q, CounterBadge as U, CountryOptions as X, DatePicker as Y, DateRangePicker as _, DialogTrigger as ee, Div as te, FieldDescription as re, FieldError as oe, FileCard as ne, FileCardList as le, FileField as ie, Fragment as ae, Header as fe, HeaderNavigation as ce, Heading as se, Icon as me, IllustratedMessage as de, Image as pe, Initials as ue, InlineCode as ge, GridList as be, GridListItem as Ce, Label as he, LabeledValue as xe, LayoutCard as ve, LightBox as ye, LightBoxTrigger as Te, Link as Se, EmptyView as Fe, ListItemViewContent as Re, ListSummary as we, LoadingSpinner as ke, Markdown as Le, MenuItem as Be, MenuTrigger as Pe, Message as Me, Navigation as Ae, NavigationGroup as Ie, Notification as De, NotificationProvider as He, NumberField as Ne, Option as Ee, OverlayContent as Ge, PopoverContent as Oe, ProgressBar as je, Radio as Ve, RadioButton as We, RadioGroup as Ke, SearchField as Ze, Section as $e, Segment as qe, SegmentedControl as ze, Select as Je, Separator as Qe, Skeleton as Ue, SkeletonText as Xe, Slider as Ye, Switch as _e, Tab as et, TabTitle as tt, Table as rt, TableBody as ot, TableCell as nt, TableColumn as lt, TableFooterRow as it, TableHeader as at, TableRow as ft, Tabs as ct, Text as st, TextArea as mt, TextField as dt, TimeField as pt, Tooltip as ut, TooltipTrigger as gt } from "@mittwald/flow-react-components";
|
|
11
|
+
const p = (t) => Object.fromEntries(Array.from(t.entries())), bt = x((t, r) => {
|
|
12
|
+
const {
|
|
13
|
+
action: o,
|
|
14
|
+
onSubmit: n,
|
|
15
|
+
...l
|
|
16
|
+
} = t;
|
|
17
|
+
return /* @__PURE__ */ s("form", { ref: r, ...l, action: typeof o == "function" ? (i) => o(p(i)) : o, onSubmit: n ? (i) => {
|
|
18
|
+
i.preventDefault(), n(p(new FormData(i.currentTarget)));
|
|
19
|
+
} : void 0 });
|
|
20
|
+
}), Ct = /on[A-Z].*/, ht = (t, r) => !!t.match(Ct) && y(r), xt = (t) => t === "style", vt = (t) => t === "display: none !important;", yt = (t, r) => ht(r, t) ? w(t, r) : xt(r) ? vt(t) ? {
|
|
21
|
+
display: "none"
|
|
22
|
+
} : {} : t, e = (t) => {
|
|
23
|
+
function r(o) {
|
|
24
|
+
const n = T(
|
|
25
|
+
o,
|
|
26
|
+
(l, f) => yt(l, f)
|
|
27
|
+
);
|
|
28
|
+
return /* @__PURE__ */ s(t, { ...n });
|
|
29
|
+
}
|
|
30
|
+
return a(r);
|
|
31
|
+
}, Tt = ["aria-", "data-"], St = (t) => Tt.some((r) => t.startsWith(r)) ? t : S(t), c = (t) => (r) => {
|
|
32
|
+
const o = { ...r };
|
|
33
|
+
return o.className = L(
|
|
34
|
+
String(o.className),
|
|
35
|
+
String(o.class)
|
|
36
|
+
), delete o.class, v(t, F(o, St));
|
|
37
|
+
}, Ft = {
|
|
38
|
+
"flr-accordion": e(B),
|
|
39
|
+
"flr-action-group": e(P),
|
|
40
|
+
"flr-alert": e(M),
|
|
41
|
+
"flr-alert-badge": e(A),
|
|
42
|
+
"flr-alert-icon": e(I),
|
|
43
|
+
"flr-align": e(D),
|
|
44
|
+
"flr-avatar": e(H),
|
|
45
|
+
"flr-badge": e(N),
|
|
46
|
+
"flr-breadcrumb": e(E),
|
|
47
|
+
"flr-button": e(G),
|
|
48
|
+
"flr-checkbox": e(O),
|
|
49
|
+
"flr-checkbox-button": e(j),
|
|
50
|
+
"flr-checkbox-group": e(V),
|
|
51
|
+
"flr-code-block": e(W),
|
|
52
|
+
"flr-column-layout": e(K),
|
|
53
|
+
"flr-content": e(Z),
|
|
54
|
+
"flr-context-menu-content": e($),
|
|
55
|
+
"flr-context-menu-section": e(q),
|
|
56
|
+
"flr-contextual-help": e(z),
|
|
57
|
+
"flr-contextual-help-trigger": e(
|
|
58
|
+
J
|
|
59
|
+
),
|
|
60
|
+
"flr-copy-button": e(Q),
|
|
61
|
+
"flr-counter-badge": e(U),
|
|
62
|
+
"flr-country-options": e(X),
|
|
63
|
+
"flr-date-picker": e(Y),
|
|
64
|
+
"flr-date-range-picker": e(_),
|
|
65
|
+
"flr-dialog-trigger": e(ee),
|
|
66
|
+
"flr-div": e(te),
|
|
67
|
+
"flr-field-description": e(re),
|
|
68
|
+
"flr-field-error": e(oe),
|
|
69
|
+
"flr-file-card": e(ne),
|
|
70
|
+
"flr-file-card-list": e(le),
|
|
71
|
+
"flr-file-field": e(ie),
|
|
72
|
+
"flr-fragment": e(ae),
|
|
73
|
+
"flr-header": e(fe),
|
|
74
|
+
"flr-header-navigation": e(ce),
|
|
75
|
+
"flr-heading": e(se),
|
|
76
|
+
"flr-icon": e(me),
|
|
77
|
+
"flr-illustrated-message": e(de),
|
|
78
|
+
"flr-image": e(pe),
|
|
79
|
+
"flr-initials": e(ue),
|
|
80
|
+
"flr-inline-code": e(ge),
|
|
81
|
+
"flr-items-grid-list": e(be),
|
|
82
|
+
"flr-items-grid-list-item": e(Ce),
|
|
83
|
+
"flr-label": e(he),
|
|
84
|
+
"flr-labeled-value": e(xe),
|
|
85
|
+
"flr-layout-card": e(ve),
|
|
86
|
+
"flr-light-box": e(ye),
|
|
87
|
+
"flr-light-box-trigger": e(Te),
|
|
88
|
+
"flr-link": e(Se),
|
|
89
|
+
"flr-list-empty-view": e(Fe),
|
|
90
|
+
"flr-list-item-view-content": e(Re),
|
|
91
|
+
"flr-list-summary": e(we),
|
|
92
|
+
"flr-loading-spinner": e(ke),
|
|
93
|
+
"flr-markdown": e(Le),
|
|
94
|
+
"flr-menu-item": e(Be),
|
|
95
|
+
"flr-menu-trigger": e(Pe),
|
|
96
|
+
"flr-message": e(Me),
|
|
97
|
+
"flr-navigation": e(Ae),
|
|
98
|
+
"flr-navigation-group": e(Ie),
|
|
99
|
+
"flr-notification": e(De),
|
|
100
|
+
"flr-notification-provider": e(He),
|
|
101
|
+
"flr-number-field": e(Ne),
|
|
102
|
+
"flr-option": e(Ee),
|
|
103
|
+
"flr-overlay-content": e(Ge),
|
|
104
|
+
"flr-popover-content": e(Oe),
|
|
105
|
+
"flr-progress-bar": e(je),
|
|
106
|
+
"flr-radio": e(Ve),
|
|
107
|
+
"flr-radio-button": e(We),
|
|
108
|
+
"flr-radio-group": e(Ke),
|
|
109
|
+
"flr-search-field": e(Ze),
|
|
110
|
+
"flr-section": e($e),
|
|
111
|
+
"flr-segment": e(qe),
|
|
112
|
+
"flr-segmented-control": e(ze),
|
|
113
|
+
"flr-select": e(Je),
|
|
114
|
+
"flr-separator": e(Qe),
|
|
115
|
+
"flr-skeleton": e(Ue),
|
|
116
|
+
"flr-skeleton-text": e(Xe),
|
|
117
|
+
"flr-slider": e(Ye),
|
|
118
|
+
"flr-switch": e(_e),
|
|
119
|
+
"flr-tab": e(et),
|
|
120
|
+
"flr-tab-title": e(tt),
|
|
121
|
+
"flr-table": e(rt),
|
|
122
|
+
"flr-table-body": e(ot),
|
|
123
|
+
"flr-table-cell": e(nt),
|
|
124
|
+
"flr-table-column": e(lt),
|
|
125
|
+
"flr-table-footer-row": e(it),
|
|
126
|
+
"flr-table-header": e(at),
|
|
127
|
+
"flr-table-row": e(ft),
|
|
128
|
+
"flr-tabs": e(ct),
|
|
129
|
+
"flr-text": e(st),
|
|
130
|
+
"flr-text-area": e(mt),
|
|
131
|
+
"flr-text-field": e(dt),
|
|
132
|
+
"flr-time-field": e(pt),
|
|
133
|
+
"flr-tooltip": e(ut),
|
|
134
|
+
"flr-tooltip-trigger": e(gt)
|
|
135
|
+
}, Rt = {
|
|
136
|
+
svg: a(c("svg")),
|
|
137
|
+
circle: a(c("circle")),
|
|
138
|
+
g: a(c("g")),
|
|
139
|
+
path: a(c("path"))
|
|
140
|
+
}, wt = {
|
|
141
|
+
"flr-form": e(bt)
|
|
142
|
+
}, kt = {
|
|
143
|
+
...Rt,
|
|
144
|
+
...wt,
|
|
145
|
+
...Ft
|
|
146
|
+
}, Ht = (t) => {
|
|
147
|
+
const { integrations: r = [], src: o, iframeStyle: n } = t, l = d(() => new C(), []), f = d(() => new Map(
|
|
148
|
+
Object.entries(
|
|
149
|
+
R(
|
|
150
|
+
[...r, kt],
|
|
151
|
+
(i, u) => ({
|
|
152
|
+
...i,
|
|
153
|
+
...u
|
|
154
|
+
}),
|
|
155
|
+
{}
|
|
156
|
+
)
|
|
157
|
+
)
|
|
158
|
+
), [...r]), m = /* @__PURE__ */ s(
|
|
159
|
+
"iframe",
|
|
160
|
+
{
|
|
161
|
+
ref: k(l.connection),
|
|
162
|
+
src: o,
|
|
163
|
+
style: n ?? {
|
|
164
|
+
visibility: "hidden",
|
|
165
|
+
height: 0,
|
|
166
|
+
width: 0,
|
|
167
|
+
border: "none",
|
|
168
|
+
position: "absolute",
|
|
169
|
+
marginLeft: "-9999px"
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
);
|
|
173
|
+
return /* @__PURE__ */ g(b, { children: [
|
|
174
|
+
/* @__PURE__ */ s(h, { components: f, receiver: l }),
|
|
175
|
+
m
|
|
176
|
+
] });
|
|
177
|
+
};
|
|
178
|
+
export {
|
|
179
|
+
Ht as RemoteRendererClient,
|
|
180
|
+
Ht as default
|
|
181
|
+
};
|
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.28",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "React rendering for Flow Remote Elements",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -22,33 +22,33 @@
|
|
|
22
22
|
"node": ">=20.11"
|
|
23
23
|
},
|
|
24
24
|
"scripts": {
|
|
25
|
-
"build": "
|
|
25
|
+
"build": "vite build --config vite.build.config.ts",
|
|
26
26
|
"clean": "rimraf dist",
|
|
27
|
-
"test": "",
|
|
28
|
-
"test:compile": "
|
|
27
|
+
"test": "exit 0",
|
|
28
|
+
"test:compile": "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.28",
|
|
32
|
+
"@mittwald/flow-remote-elements": "0.2.0-alpha.28",
|
|
33
33
|
"@remote-dom/react": "^1.2.1",
|
|
34
|
-
"@types/react": "^19.0.
|
|
34
|
+
"@types/react": "^19.0.8",
|
|
35
35
|
"clsx": "^2.1.1",
|
|
36
36
|
"react-children-utilities": "^2.10.0",
|
|
37
|
-
"remeda": "^2.
|
|
37
|
+
"remeda": "^2.20.1"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@mittwald/flow-react-components": "0.2.0-alpha.
|
|
40
|
+
"@mittwald/flow-react-components": "0.2.0-alpha.28",
|
|
41
41
|
"@mittwald/typescript-config": "",
|
|
42
|
-
"@types/node": "^22.
|
|
43
|
-
"nx": "^20.
|
|
42
|
+
"@types/node": "^22.13.1",
|
|
43
|
+
"nx": "^20.4.0",
|
|
44
44
|
"prettier": "^3.4.2",
|
|
45
|
-
"react": "19.0.0",
|
|
46
|
-
"react-dom": "19.0.0",
|
|
45
|
+
"react": "^19.0.0",
|
|
46
|
+
"react-dom": "^19.0.0",
|
|
47
47
|
"react-hook-form": "^7.54.2",
|
|
48
48
|
"rimraf": "^6.0.1",
|
|
49
49
|
"rollup-preserve-directives": "^1.1.3",
|
|
50
50
|
"typescript": "^5.7.3",
|
|
51
|
-
"vite": "^6.0.
|
|
51
|
+
"vite": "^6.0.11",
|
|
52
52
|
"vite-plugin-banner": "^0.8.0",
|
|
53
53
|
"vite-plugin-checker": "^0.8.0",
|
|
54
54
|
"vite-plugin-dts": "^4.5.0",
|
|
@@ -56,8 +56,8 @@
|
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
58
|
"@mittwald/flow-react-components": "*",
|
|
59
|
-
"react": "19
|
|
60
|
-
"react-dom": "19
|
|
59
|
+
"react": "19",
|
|
60
|
+
"react-dom": "19",
|
|
61
61
|
"react-hook-form": "*"
|
|
62
62
|
},
|
|
63
63
|
"peerDependenciesMeta": {
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"optional": true
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "62d6a35560fb3728c0073029445d5578f3c90030"
|
|
69
69
|
}
|
|
@@ -1,252 +0,0 @@
|
|
|
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
|
-
};
|