@mittwald/flow-remote-react-renderer 0.2.0-alpha.24 → 0.2.0-alpha.241

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