@mittwald/flow-remote-react-renderer 0.2.0-alpha.28 → 0.2.0-alpha.280
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 -100
- 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 +26 -23
- package/LICENSE +0 -21
- package/dist/RemoteRenderer.js +0 -15
- package/dist/RemoteRendererClient-oNNsH8Nc.js +0 -181
- 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,181 +0,0 @@
|
|
|
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/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"}
|