@mittwald/flow-remote-react-renderer 0.2.0-alpha.30 → 0.2.0-alpha.301
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/js/RemoteRenderer.mjs +17 -0
- package/dist/js/RemoteRenderer.mjs.map +1 -0
- package/dist/js/core/src/file.mjs +17 -0
- package/dist/js/core/src/file.mjs.map +1 -0
- package/dist/js/index.mjs +7 -0
- package/dist/js/index.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/RemoteRendererBrowser.mjs +111 -0
- package/dist/js/remote-react-renderer/src/RemoteRendererBrowser.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/auto-generated/index.mjs +293 -0
- package/dist/js/remote-react-renderer/src/auto-generated/index.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/components/Form.mjs +37 -0
- package/dist/js/remote-react-renderer/src/components/Form.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/components/NotificationRenderController.mjs +25 -0
- package/dist/js/remote-react-renderer/src/components/NotificationRenderController.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/components/SlotRootWrapper.mjs +11 -0
- package/dist/js/remote-react-renderer/src/components/SlotRootWrapper.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/components/lib/prepareFormData.mjs +25 -0
- package/dist/js/remote-react-renderer/src/components/lib/prepareFormData.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/components.mjs +48 -0
- package/dist/js/remote-react-renderer/src/components.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/hooks/useAwaiter.mjs +26 -0
- package/dist/js/remote-react-renderer/src/hooks/useAwaiter.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/hooks/useMergedComponents.mjs +24 -0
- package/dist/js/remote-react-renderer/src/hooks/useMergedComponents.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/hooks/useUpdateHostPathnameOnRemote.mjs +17 -0
- package/dist/js/remote-react-renderer/src/hooks/useUpdateHostPathnameOnRemote.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/lib/createFlowRemoteComponentRenderer.mjs +47 -0
- package/dist/js/remote-react-renderer/src/lib/createFlowRemoteComponentRenderer.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/lib/elementFactory.mjs +23 -0
- package/dist/js/remote-react-renderer/src/lib/elementFactory.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/lib/mapAttributeToReactProperty.mjs +14 -0
- package/dist/js/remote-react-renderer/src/lib/mapAttributeToReactProperty.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/lib/propClassifiers.mjs +9 -0
- package/dist/js/remote-react-renderer/src/lib/propClassifiers.mjs.map +1 -0
- package/dist/types/RemoteRenderer.d.ts +2 -2
- package/dist/types/RemoteRenderer.d.ts.map +1 -1
- package/dist/types/RemoteRendererBrowser.d.ts +15 -0
- package/dist/types/RemoteRendererBrowser.d.ts.map +1 -0
- package/dist/types/auto-generated/index.d.ts +114 -95
- package/dist/types/auto-generated/index.d.ts.map +1 -1
- package/dist/types/components/Form.d.ts +8 -2
- package/dist/types/components/Form.d.ts.map +1 -1
- package/dist/types/components/NotificationRenderController.d.ts +4 -0
- package/dist/types/components/NotificationRenderController.d.ts.map +1 -0
- package/dist/types/components/SlotRootWrapper.d.ts +4 -0
- package/dist/types/components/SlotRootWrapper.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/components/index.d.ts.map +1 -0
- package/dist/types/components/lib/prepareFormData.d.ts +2 -0
- package/dist/types/components/lib/prepareFormData.d.ts.map +1 -0
- package/dist/types/components.d.ts +128 -101
- package/dist/types/components.d.ts.map +1 -1
- package/dist/types/hooks/useAwaiter.d.ts +9 -0
- package/dist/types/hooks/useAwaiter.d.ts.map +1 -0
- package/dist/types/hooks/useMergedComponents.d.ts +5 -0
- package/dist/types/hooks/useMergedComponents.d.ts.map +1 -0
- package/dist/types/hooks/useUpdateHostPathnameOnRemote.d.ts +4 -0
- package/dist/types/hooks/useUpdateHostPathnameOnRemote.d.ts.map +1 -0
- package/dist/types/lib/createFlowRemoteComponentRenderer.d.ts +2 -2
- package/dist/types/lib/createFlowRemoteComponentRenderer.d.ts.map +1 -1
- package/dist/types/lib/elementFactory.d.ts +4 -1
- package/dist/types/lib/elementFactory.d.ts.map +1 -1
- package/dist/types/lib/mapAttributeToReactProperty.d.ts.map +1 -1
- package/dist/types/lib/propClassifiers.d.ts +0 -2
- package/dist/types/lib/propClassifiers.d.ts.map +1 -1
- package/dist/types/lib/types.d.ts +1 -1
- package/dist/types/lib/types.d.ts.map +1 -1
- package/package.json +24 -21
- package/LICENSE +0 -21
- package/dist/RemoteRenderer.js +0 -15
- package/dist/RemoteRendererClient-DreBOmVJ.js +0 -182
- package/dist/index.js +0 -6
- package/dist/types/RemoteRendererClient.d.ts +0 -10
- package/dist/types/RemoteRendererClient.d.ts.map +0 -1
- package/dist/types/components/lib/getFormDataObject.d.ts +0 -2
- package/dist/types/components/lib/getFormDataObject.d.ts.map +0 -1
- package/dist/types/lib/stringChildrenExtractor.d.ts +0 -3
- package/dist/types/lib/stringChildrenExtractor.d.ts.map +0 -1
|
@@ -1,182 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
"use client";
|
|
4
|
-
import { jsx as c, jsxs as u, 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 { TooltipTrigger as B, Tooltip as P, TimeField as M, TextField as A, TextArea as I, Text as D, Tabs as H, TableRow as N, TableHeader as E, TableFooterRow as G, TableColumn as O, TableCell as j, TableBody as V, Table as W, TabTitle as K, Tab as Z, Switch as $, Slider as q, SkeletonText as z, Skeleton as J, Separator as Q, Select as U, SegmentedControl as X, Segment as Y, Section as _, SearchField as ee, RadioGroup as te, RadioButton as re, Radio as oe, ProgressBar as ne, PopoverContent as le, OverlayContent as ie, Option as ae, NumberField as fe, NotificationProvider as se, Notification as ce, NavigationGroup as me, Navigation as de, Message as ge, MenuTrigger as pe, MenuItem as ue, Markdown as be, LoadingSpinner as Ce, ListSummary as he, ListItemViewContent as xe, EmptyView as ve, Link as ye, LightBoxTrigger as Te, LightBox as Se, LayoutCard as Fe, LabeledValue as Re, Label as we, GridListItem as ke, GridList as Le, InlineCode as Be, Initials as Pe, Image as Me, IllustratedMessage as Ae, Icon as Ie, Heading as De, HeaderNavigation as He, Header as Ne, Fragment as Ee, FileField as Ge, FileCardList as Oe, FileCard as je, FieldError as Ve, FieldDescription as We, Div as Ke, DialogTrigger as Ze, DateRangePicker as $e, DatePicker as qe, CountryOptions as ze, CounterBadge as Je, CopyButton as Qe, ContextualHelpTrigger as Ue, ContextualHelp as Xe, ContextMenuSection as Ye, ContextMenuContent as _e, Content as et, ColumnLayout as tt, CodeBlock as rt, CheckboxGroup as ot, CheckboxButton as nt, Checkbox as lt, Button as it, Breadcrumb as at, Badge as ft, Avatar as st, Align as ct, AlertIcon as mt, AlertBadge as dt, Alert as gt, ActionGroup as pt, Accordion as ut } from "@mittwald/flow-react-components";
|
|
11
|
-
const g = (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__ */ c("form", { ref: r, ...l, action: typeof o == "function" ? (i) => o(g(i)) : o, onSubmit: n ? (i) => {
|
|
18
|
-
i.preventDefault(), n(g(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, s) => yt(l, s)
|
|
27
|
-
);
|
|
28
|
-
return /* @__PURE__ */ c(t, { ...n });
|
|
29
|
-
}
|
|
30
|
-
return a(r);
|
|
31
|
-
}, Tt = ["aria-", "data-"], St = (t) => Tt.some((r) => t.startsWith(r)) ? t : S(t), f = (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(ut),
|
|
39
|
-
"flr-action-group": e(pt),
|
|
40
|
-
"flr-alert": e(gt),
|
|
41
|
-
"flr-alert-badge": e(dt),
|
|
42
|
-
"flr-alert-icon": e(mt),
|
|
43
|
-
"flr-align": e(ct),
|
|
44
|
-
"flr-avatar": e(st),
|
|
45
|
-
"flr-badge": e(ft),
|
|
46
|
-
"flr-breadcrumb": e(at),
|
|
47
|
-
"flr-button": e(it),
|
|
48
|
-
"flr-checkbox": e(lt),
|
|
49
|
-
"flr-checkbox-button": e(nt),
|
|
50
|
-
"flr-checkbox-group": e(ot),
|
|
51
|
-
"flr-code-block": e(rt),
|
|
52
|
-
"flr-column-layout": e(tt),
|
|
53
|
-
"flr-content": e(et),
|
|
54
|
-
"flr-context-menu-content": e(_e),
|
|
55
|
-
"flr-context-menu-section": e(Ye),
|
|
56
|
-
"flr-contextual-help": e(Xe),
|
|
57
|
-
"flr-contextual-help-trigger": e(
|
|
58
|
-
Ue
|
|
59
|
-
),
|
|
60
|
-
"flr-copy-button": e(Qe),
|
|
61
|
-
"flr-counter-badge": e(Je),
|
|
62
|
-
"flr-country-options": e(ze),
|
|
63
|
-
"flr-date-picker": e(qe),
|
|
64
|
-
"flr-date-range-picker": e($e),
|
|
65
|
-
"flr-dialog-trigger": e(Ze),
|
|
66
|
-
"flr-div": e(Ke),
|
|
67
|
-
"flr-field-description": e(We),
|
|
68
|
-
"flr-field-error": e(Ve),
|
|
69
|
-
"flr-file-card": e(je),
|
|
70
|
-
"flr-file-card-list": e(Oe),
|
|
71
|
-
"flr-file-field": e(Ge),
|
|
72
|
-
"flr-fragment": e(Ee),
|
|
73
|
-
"flr-header": e(Ne),
|
|
74
|
-
"flr-header-navigation": e(He),
|
|
75
|
-
"flr-heading": e(De),
|
|
76
|
-
"flr-icon": e(Ie),
|
|
77
|
-
"flr-illustrated-message": e(Ae),
|
|
78
|
-
"flr-image": e(Me),
|
|
79
|
-
"flr-initials": e(Pe),
|
|
80
|
-
"flr-inline-code": e(Be),
|
|
81
|
-
"flr-items-grid-list": e(Le),
|
|
82
|
-
"flr-items-grid-list-item": e(ke),
|
|
83
|
-
"flr-label": e(we),
|
|
84
|
-
"flr-labeled-value": e(Re),
|
|
85
|
-
"flr-layout-card": e(Fe),
|
|
86
|
-
"flr-light-box": e(Se),
|
|
87
|
-
"flr-light-box-trigger": e(Te),
|
|
88
|
-
"flr-link": e(ye),
|
|
89
|
-
"flr-list-empty-view": e(ve),
|
|
90
|
-
"flr-list-item-view-content": e(xe),
|
|
91
|
-
"flr-list-summary": e(he),
|
|
92
|
-
"flr-loading-spinner": e(Ce),
|
|
93
|
-
"flr-markdown": e(be),
|
|
94
|
-
"flr-menu-item": e(ue),
|
|
95
|
-
"flr-menu-trigger": e(pe),
|
|
96
|
-
"flr-message": e(ge),
|
|
97
|
-
"flr-navigation": e(de),
|
|
98
|
-
"flr-navigation-group": e(me),
|
|
99
|
-
"flr-notification": e(ce),
|
|
100
|
-
"flr-notification-provider": e(se),
|
|
101
|
-
"flr-number-field": e(fe),
|
|
102
|
-
"flr-option": e(ae),
|
|
103
|
-
"flr-overlay-content": e(ie),
|
|
104
|
-
"flr-popover-content": e(le),
|
|
105
|
-
"flr-progress-bar": e(ne),
|
|
106
|
-
"flr-radio": e(oe),
|
|
107
|
-
"flr-radio-button": e(re),
|
|
108
|
-
"flr-radio-group": e(te),
|
|
109
|
-
"flr-search-field": e(ee),
|
|
110
|
-
"flr-section": e(_),
|
|
111
|
-
"flr-segment": e(Y),
|
|
112
|
-
"flr-segmented-control": e(X),
|
|
113
|
-
"flr-select": e(U),
|
|
114
|
-
"flr-separator": e(Q),
|
|
115
|
-
"flr-skeleton": e(J),
|
|
116
|
-
"flr-skeleton-text": e(z),
|
|
117
|
-
"flr-slider": e(q),
|
|
118
|
-
"flr-switch": e($),
|
|
119
|
-
"flr-tab": e(Z),
|
|
120
|
-
"flr-tab-title": e(K),
|
|
121
|
-
"flr-table": e(W),
|
|
122
|
-
"flr-table-body": e(V),
|
|
123
|
-
"flr-table-cell": e(j),
|
|
124
|
-
"flr-table-column": e(O),
|
|
125
|
-
"flr-table-footer-row": e(G),
|
|
126
|
-
"flr-table-header": e(E),
|
|
127
|
-
"flr-table-row": e(N),
|
|
128
|
-
"flr-tabs": e(H),
|
|
129
|
-
"flr-text": e(D),
|
|
130
|
-
"flr-text-area": e(I),
|
|
131
|
-
"flr-text-field": e(A),
|
|
132
|
-
"flr-time-field": e(M),
|
|
133
|
-
"flr-tooltip": e(P),
|
|
134
|
-
"flr-tooltip-trigger": e(B)
|
|
135
|
-
}, Rt = {
|
|
136
|
-
svg: a(f("svg")),
|
|
137
|
-
circle: a(f("circle")),
|
|
138
|
-
g: a(f("g")),
|
|
139
|
-
path: a(f("path")),
|
|
140
|
-
strong: a(f("strong"))
|
|
141
|
-
}, wt = {
|
|
142
|
-
"flr-form": e(bt)
|
|
143
|
-
}, kt = {
|
|
144
|
-
...Rt,
|
|
145
|
-
...wt,
|
|
146
|
-
...Ft
|
|
147
|
-
}, Ht = (t) => {
|
|
148
|
-
const { integrations: r = [], src: o, iframeStyle: n } = t, l = d(() => new C(), []), s = d(() => new Map(
|
|
149
|
-
Object.entries(
|
|
150
|
-
R(
|
|
151
|
-
[...r, kt],
|
|
152
|
-
(i, p) => ({
|
|
153
|
-
...i,
|
|
154
|
-
...p
|
|
155
|
-
}),
|
|
156
|
-
{}
|
|
157
|
-
)
|
|
158
|
-
)
|
|
159
|
-
), [...r]), m = /* @__PURE__ */ c(
|
|
160
|
-
"iframe",
|
|
161
|
-
{
|
|
162
|
-
ref: k(l.connection),
|
|
163
|
-
src: o,
|
|
164
|
-
style: n ?? {
|
|
165
|
-
visibility: "hidden",
|
|
166
|
-
height: 0,
|
|
167
|
-
width: 0,
|
|
168
|
-
border: "none",
|
|
169
|
-
position: "absolute",
|
|
170
|
-
marginLeft: "-9999px"
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
);
|
|
174
|
-
return /* @__PURE__ */ u(b, { children: [
|
|
175
|
-
/* @__PURE__ */ c(h, { components: s, receiver: l }),
|
|
176
|
-
m
|
|
177
|
-
] });
|
|
178
|
-
};
|
|
179
|
-
export {
|
|
180
|
-
Ht as RemoteRendererClient,
|
|
181
|
-
Ht as default
|
|
182
|
-
};
|
package/dist/index.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { CSSProperties, FC } from 'react';
|
|
2
|
-
import { RemoteComponentsMap } from './lib/types';
|
|
3
|
-
export interface RemoteRendererProps {
|
|
4
|
-
integrations?: RemoteComponentsMap<never>[];
|
|
5
|
-
src: string;
|
|
6
|
-
iframeStyle?: CSSProperties;
|
|
7
|
-
}
|
|
8
|
-
export declare const RemoteRendererClient: FC<RemoteRendererProps>;
|
|
9
|
-
export default RemoteRendererClient;
|
|
10
|
-
//# sourceMappingURL=RemoteRendererClient.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteRendererClient.d.ts","sourceRoot":"","sources":["../../src/RemoteRendererClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIvD,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,mBAAmB,CA0CxD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getFormDataObject.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/getFormDataObject.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,aAClB,QAAQ,KACjB,MAAM,CAAC,MAAM,EAAE,OAAO,CAC2B,CAAC"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent, PropsWithChildren } from 'react';
|
|
2
|
-
export declare const stringChildrenExtractor: <P extends PropsWithChildren>(component: FunctionComponent<P>) => (props: PropsWithChildren<P>) => import('react').FunctionComponentElement<P>;
|
|
3
|
-
//# sourceMappingURL=stringChildrenExtractor.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stringChildrenExtractor.d.ts","sourceRoot":"","sources":["../../../src/lib/stringChildrenExtractor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAWhF,eAAO,MAAM,uBAAuB,GACjC,CAAC,SAAS,iBAAiB,aAAa,iBAAiB,CAAC,CAAC,CAAC,aACrD,iBAAiB,CAAC,CAAC,CAAC,gDAqB3B,CAAC"}
|