@mittwald/flow-remote-react-renderer 0.2.0-alpha.61 → 0.2.0-alpha.611
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 +11 -11
- package/dist/js/RemoteRenderer.mjs.map +1 -1
- package/dist/js/core/src/file.mjs +17 -0
- package/dist/js/core/src/file.mjs.map +1 -0
- package/dist/js/index.mjs +1 -4
- package/dist/js/index.mjs.map +1 -1
- package/dist/js/remote-react-renderer/src/RemoteRendererBrowser.mjs +131 -0
- package/dist/js/remote-react-renderer/src/RemoteRendererBrowser.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/auto-generated/index.mjs +312 -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 +10 -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 +29 -0
- package/dist/js/remote-react-renderer/src/components/lib/prepareFormData.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/components.mjs +55 -0
- package/dist/js/remote-react-renderer/src/components.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/hooks/useControllableSuspenseTrigger.mjs +30 -0
- package/dist/js/remote-react-renderer/src/hooks/useControllableSuspenseTrigger.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/integrations/react-hook-form/Form.mjs +16 -0
- package/dist/js/remote-react-renderer/src/integrations/react-hook-form/Form.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/{lib → remote-react-renderer/src/lib}/mapAttributeToReactProperty.mjs +4 -4
- package/dist/js/remote-react-renderer/src/lib/mapAttributeToReactProperty.mjs.map +1 -0
- package/dist/js/remote-react-renderer/src/lib/propClassifiers.mjs +7 -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 +18 -0
- package/dist/types/RemoteRendererBrowser.d.ts.map +1 -0
- package/dist/types/auto-generated/index.d.ts +119 -99
- 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 +136 -105
- package/dist/types/components.d.ts.map +1 -1
- package/dist/types/hooks/useControllableSuspenseTrigger.d.ts +5 -0
- package/dist/types/hooks/useControllableSuspenseTrigger.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/integrations/react-hook-form/Form.d.ts +13 -0
- package/dist/types/integrations/react-hook-form/Form.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 +28 -26
- package/dist/js/RemoteRendererClient.mjs +0 -55
- package/dist/js/RemoteRendererClient.mjs.map +0 -1
- package/dist/js/auto-generated/index.mjs +0 -112
- package/dist/js/auto-generated/index.mjs.map +0 -1
- package/dist/js/components/Form.mjs +0 -22
- package/dist/js/components/Form.mjs.map +0 -1
- package/dist/js/components/lib/getFormDataObject.mjs +0 -7
- package/dist/js/components/lib/getFormDataObject.mjs.map +0 -1
- package/dist/js/components.mjs +0 -26
- package/dist/js/components.mjs.map +0 -1
- package/dist/js/hooks/useIsMounted.mjs +0 -14
- package/dist/js/hooks/useIsMounted.mjs.map +0 -1
- package/dist/js/lib/createFlowRemoteComponentRenderer.mjs +0 -36
- package/dist/js/lib/createFlowRemoteComponentRenderer.mjs.map +0 -1
- package/dist/js/lib/elementFactory.mjs +0 -19
- package/dist/js/lib/elementFactory.mjs.map +0 -1
- package/dist/js/lib/mapAttributeToReactProperty.mjs.map +0 -1
- package/dist/js/lib/propClassifiers.mjs +0 -13
- package/dist/js/lib/propClassifiers.mjs.map +0 -1
- package/dist/types/RemoteRendererClient.d.ts +0 -11
- 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,108 +1,139 @@
|
|
|
1
1
|
export declare const components: {
|
|
2
|
-
"flr-
|
|
3
|
-
"flr-
|
|
4
|
-
"flr-
|
|
5
|
-
"flr-
|
|
6
|
-
"flr-
|
|
7
|
-
"flr-
|
|
8
|
-
"flr-
|
|
9
|
-
"flr-
|
|
10
|
-
"flr-
|
|
11
|
-
"flr-
|
|
12
|
-
"flr-
|
|
13
|
-
"flr-
|
|
14
|
-
"flr-
|
|
15
|
-
"flr-
|
|
16
|
-
"flr-
|
|
17
|
-
"flr-
|
|
18
|
-
"flr-
|
|
19
|
-
"flr-
|
|
20
|
-
"flr-
|
|
21
|
-
"flr-
|
|
22
|
-
"flr-
|
|
23
|
-
"flr-
|
|
24
|
-
"flr-
|
|
25
|
-
"flr-
|
|
26
|
-
"flr-
|
|
27
|
-
"flr-
|
|
28
|
-
"flr-
|
|
29
|
-
"flr-
|
|
30
|
-
"flr-
|
|
31
|
-
"flr-
|
|
32
|
-
"flr-
|
|
33
|
-
"flr-
|
|
34
|
-
"flr-
|
|
35
|
-
"flr-
|
|
36
|
-
"flr-
|
|
37
|
-
"flr-
|
|
38
|
-
"flr-
|
|
39
|
-
"flr-
|
|
40
|
-
"flr-
|
|
41
|
-
"flr-
|
|
42
|
-
"flr-
|
|
43
|
-
"flr-
|
|
44
|
-
"flr-
|
|
45
|
-
"flr-
|
|
46
|
-
"flr-
|
|
47
|
-
"flr-
|
|
48
|
-
"flr-
|
|
49
|
-
"flr-
|
|
50
|
-
"flr-
|
|
51
|
-
"flr-
|
|
52
|
-
"flr-
|
|
53
|
-
"flr-
|
|
54
|
-
"flr-
|
|
55
|
-
"flr-
|
|
56
|
-
"flr-
|
|
57
|
-
"flr-
|
|
58
|
-
"flr-
|
|
59
|
-
"flr-
|
|
60
|
-
"flr-
|
|
61
|
-
"flr-message
|
|
62
|
-
"flr-
|
|
63
|
-
"flr-
|
|
64
|
-
"flr-
|
|
65
|
-
"flr-
|
|
66
|
-
"flr-
|
|
67
|
-
"flr-
|
|
68
|
-
"flr-
|
|
69
|
-
"flr-
|
|
70
|
-
"flr-
|
|
71
|
-
"flr-
|
|
72
|
-
"flr-
|
|
73
|
-
"flr-
|
|
74
|
-
"flr-
|
|
75
|
-
"flr-
|
|
76
|
-
"flr-
|
|
77
|
-
"flr-
|
|
78
|
-
"flr-
|
|
79
|
-
"flr-
|
|
80
|
-
"flr-
|
|
81
|
-
"flr-
|
|
82
|
-
"flr-
|
|
83
|
-
"flr-
|
|
84
|
-
"flr-
|
|
85
|
-
"flr-
|
|
86
|
-
"flr-
|
|
87
|
-
"flr-
|
|
88
|
-
"flr-
|
|
89
|
-
"flr-
|
|
90
|
-
"flr-
|
|
91
|
-
"flr-
|
|
92
|
-
"flr-
|
|
93
|
-
"flr-
|
|
94
|
-
"flr-
|
|
95
|
-
"flr-
|
|
96
|
-
"flr-
|
|
97
|
-
"flr-
|
|
98
|
-
"flr-
|
|
99
|
-
"flr-
|
|
100
|
-
"flr-
|
|
101
|
-
"flr-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
2
|
+
"flr-form": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
3
|
+
"flr-rhf-form": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
4
|
+
"flr-slot-root-wrapper": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
5
|
+
"flr-notification": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
6
|
+
"flr-clear-props-context-content": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
7
|
+
"flr-accent-box": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
8
|
+
"flr-accordion": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
9
|
+
"flr-action-group": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
10
|
+
"flr-alert": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
11
|
+
"flr-alert-badge": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
12
|
+
"flr-alert-icon": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
13
|
+
"flr-align": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
14
|
+
"flr-area": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
15
|
+
"flr-autocomplete": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
16
|
+
"flr-avatar": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
17
|
+
"flr-avatar-stack": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
18
|
+
"flr-badge": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
19
|
+
"flr-big-number": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
20
|
+
"flr-breadcrumb": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
21
|
+
"flr-button": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
22
|
+
"flr-cartesian-chart": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
23
|
+
"flr-cartesian-grid": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
24
|
+
"flr-chart-legend": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
25
|
+
"flr-chart-tooltip": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
26
|
+
"flr-chat": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
27
|
+
"flr-checkbox": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
28
|
+
"flr-checkbox-button": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
29
|
+
"flr-checkbox-group": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
30
|
+
"flr-clear-props-context": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
31
|
+
"flr-code-block": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
32
|
+
"flr-color": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
33
|
+
"flr-column-layout": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
34
|
+
"flr-combo-box": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
35
|
+
"flr-component-props-context-provider": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
36
|
+
"flr-content": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
37
|
+
"flr-context-menu": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
38
|
+
"flr-context-menu-content": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
39
|
+
"flr-context-menu-section": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
40
|
+
"flr-context-menu-trigger": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
41
|
+
"flr-contextual-help": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
42
|
+
"flr-contextual-help-trigger": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
43
|
+
"flr-copy-button": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
44
|
+
"flr-counter-badge": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
45
|
+
"flr-date-picker": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
46
|
+
"flr-date-range-picker": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
47
|
+
"flr-dialog-trigger": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
48
|
+
"flr-div": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
49
|
+
"flr-donut-chart": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
50
|
+
"flr-field-description": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
51
|
+
"flr-field-error": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
52
|
+
"flr-file-card": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
53
|
+
"flr-file-card-list": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
54
|
+
"flr-file-drop-zone": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
55
|
+
"flr-file-field": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
56
|
+
"flr-flex": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
57
|
+
"flr-header": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
58
|
+
"flr-header-navigation": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
59
|
+
"flr-heading": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
60
|
+
"flr-icon": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
61
|
+
"flr-illustrated-message": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
62
|
+
"flr-image": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
63
|
+
"flr-initials": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
64
|
+
"flr-inline-code": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
65
|
+
"flr-items-grid-list": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
66
|
+
"flr-items-grid-list-item": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
67
|
+
"flr-label": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
68
|
+
"flr-labeled-value": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
69
|
+
"flr-layout-card": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
70
|
+
"flr-legend": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
71
|
+
"flr-line": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
72
|
+
"flr-link": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
73
|
+
"flr-list-empty-view": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
74
|
+
"flr-list-item-view-content": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
75
|
+
"flr-list-summary": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
76
|
+
"flr-loading-spinner": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
77
|
+
"flr-markdown": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
78
|
+
"flr-markdown-editor": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
79
|
+
"flr-menu-item": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
80
|
+
"flr-menu-trigger": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
81
|
+
"flr-message": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
82
|
+
"flr-message-separator": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
83
|
+
"flr-message-thread": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
84
|
+
"flr-navigation": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
85
|
+
"flr-navigation-group": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
86
|
+
"flr-number-field": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
87
|
+
"flr-option": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
88
|
+
"flr-overlay-content": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
89
|
+
"flr-password-creation-field": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
90
|
+
"flr-popover-content": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
91
|
+
"flr-progress-bar": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
92
|
+
"flr-radio": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
93
|
+
"flr-radio-button": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
94
|
+
"flr-radio-group": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
95
|
+
"flr-rating": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
96
|
+
"flr-search-field": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
97
|
+
"flr-section": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
98
|
+
"flr-segment": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
99
|
+
"flr-segmented-control": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
100
|
+
"flr-select": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
101
|
+
"flr-separator": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
102
|
+
"flr-skeleton": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
103
|
+
"flr-skeleton-text": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
104
|
+
"flr-slider": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
105
|
+
"flr-switch": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
106
|
+
"flr-tab": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
107
|
+
"flr-tab-title": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
108
|
+
"flr-table": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
109
|
+
"flr-table-body": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
110
|
+
"flr-table-cell": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
111
|
+
"flr-table-column": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
112
|
+
"flr-table-footer-row": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
113
|
+
"flr-table-header": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
114
|
+
"flr-table-row": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
115
|
+
"flr-tabs": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
116
|
+
"flr-text": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
117
|
+
"flr-text-area": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
118
|
+
"flr-text-field": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
119
|
+
"flr-time-field": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
120
|
+
"flr-tooltip": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
121
|
+
"flr-tooltip-trigger": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
122
|
+
"flr-tunnel-entry": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
123
|
+
"flr-x-axis": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
124
|
+
"flr-y-axis": import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
125
|
+
script: () => null;
|
|
126
|
+
svg: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
127
|
+
circle: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
128
|
+
g: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
129
|
+
path: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
130
|
+
strong: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
131
|
+
s: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
132
|
+
ul: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
133
|
+
ol: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
134
|
+
li: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
135
|
+
small: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
136
|
+
i: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
137
|
+
br: import('react').ComponentType<import('@mittwald/remote-dom-react/host').RemoteComponentRendererProps>;
|
|
107
138
|
};
|
|
108
139
|
//# sourceMappingURL=components.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"AAkDA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControllableSuspenseTrigger.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControllableSuspenseTrigger.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,8BAA8B;;;CAuB1C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RemoteComponentsMap } from '../lib/types';
|
|
2
|
+
import { RemoteComponentRendererProps } from '@mittwald/remote-dom-react/host';
|
|
3
|
+
import { ComponentType } from 'react';
|
|
4
|
+
export declare const useMergedComponents: (integrations: RemoteComponentsMap<never>[]) => Map<string, ComponentType<RemoteComponentRendererProps>>;
|
|
5
|
+
//# sourceMappingURL=useMergedComponents.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMergedComponents.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMergedComponents.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,KAAK,aAAa,EAAW,MAAM,OAAO,CAAC;AAGpD,eAAO,MAAM,mBAAmB,GAC9B,cAAc,mBAAmB,CAAC,KAAK,CAAC,EAAE,6DAiBzC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { HostToRemoteConnection } from '@mittwald/flow-remote-core';
|
|
2
|
+
/** Updates the host pathname in the remote connection. */
|
|
3
|
+
export declare const useUpdateHostPathnameOnRemote: (hostPathname?: string, connection?: HostToRemoteConnection) => void;
|
|
4
|
+
//# sourceMappingURL=useUpdateHostPathnameOnRemote.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useUpdateHostPathnameOnRemote.d.ts","sourceRoot":"","sources":["../../../src/hooks/useUpdateHostPathnameOnRemote.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAGzE,0DAA0D;AAC1D,eAAO,MAAM,6BAA6B,GACxC,eAAe,MAAM,EACrB,aAAa,sBAAsB,SAUpC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC, PropsWithChildren, Ref } from 'react';
|
|
2
|
+
type FormProps = {
|
|
3
|
+
onSubmit?: () => void | Promise<void>;
|
|
4
|
+
ref?: Ref<HTMLFormElement>;
|
|
5
|
+
} & PropsWithChildren;
|
|
6
|
+
/**
|
|
7
|
+
* ReactHookForm won't send the data over onSubmit, the form state is
|
|
8
|
+
* transferred over onChange. To avoid sending unnecessary data, this RemoteForm
|
|
9
|
+
* sends only the onSubmit without any formData.
|
|
10
|
+
*/
|
|
11
|
+
export declare const Form: FC<FormProps>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/integrations/react-hook-form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACtB,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B,GAAG,iBAAiB,CAAC;AAEtB;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAS9B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RemoteComponentRendererProps } from '@
|
|
1
|
+
import { RemoteComponentRendererProps } from '@mittwald/remote-dom-react/host';
|
|
2
2
|
import { ComponentType } from 'react';
|
|
3
|
-
export declare const createFlowRemoteComponentRenderer: <P extends object>(Component: ComponentType<P>) => ComponentType<RemoteComponentRendererProps>;
|
|
3
|
+
export declare const createFlowRemoteComponentRenderer: <P extends object>(name: string, Component: ComponentType<P>) => ComponentType<RemoteComponentRendererProps>;
|
|
4
4
|
//# sourceMappingURL=createFlowRemoteComponentRenderer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFlowRemoteComponentRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/createFlowRemoteComponentRenderer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createFlowRemoteComponentRenderer.d.ts","sourceRoot":"","sources":["../../../src/lib/createFlowRemoteComponentRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAKpF,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAe3C,eAAO,MAAM,iCAAiC,GAAI,CAAC,SAAS,MAAM,EAChE,MAAM,MAAM,EACZ,WAAW,aAAa,CAAC,CAAC,CAAC,KAC1B,aAAa,CAAC,4BAA4B,CAyB5C,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
type ElementTagNameMap = HTMLElementTagNameMap & Pick<SVGElementTagNameMap, Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>>;
|
|
2
|
-
|
|
2
|
+
interface Options {
|
|
3
|
+
isVoidElement?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const elementFactory: <E extends keyof ElementTagNameMap>(element: E, options?: Options) => (props: Record<string, unknown>) => import('react').DOMElement<Record<string, unknown>, Element>;
|
|
3
6
|
export {};
|
|
4
7
|
//# sourceMappingURL=elementFactory.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"elementFactory.d.ts","sourceRoot":"","sources":["../../../src/lib/elementFactory.ts"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG,qBAAqB,GAC5C,IAAI,CACF,oBAAoB,EACpB,OAAO,CAAC,MAAM,oBAAoB,EAAE,MAAM,qBAAqB,CAAC,CACjE,CAAC;AAEJ,eAAO,MAAM,cAAc,GACxB,CAAC,SAAS,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"elementFactory.d.ts","sourceRoot":"","sources":["../../../src/lib/elementFactory.ts"],"names":[],"mappings":"AAKA,KAAK,iBAAiB,GAAG,qBAAqB,GAC5C,IAAI,CACF,oBAAoB,EACpB,OAAO,CAAC,MAAM,oBAAoB,EAAE,MAAM,qBAAqB,CAAC,CACjE,CAAC;AAEJ,UAAU,OAAO;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,GACxB,CAAC,SAAS,MAAM,iBAAiB,EAAE,SAAS,CAAC,EAAE,UAAS,OAAY,MACpE,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,iEAiB9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapAttributeToReactProperty.d.ts","sourceRoot":"","sources":["../../../src/lib/mapAttributeToReactProperty.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B,
|
|
1
|
+
{"version":3,"file":"mapAttributeToReactProperty.d.ts","sourceRoot":"","sources":["../../../src/lib/mapAttributeToReactProperty.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B,GAAI,KAAK,MAAM,WAMtD,CAAC"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { EventHandler } from '@mittwald/flow-remote-core';
|
|
2
|
-
export declare const isEventProp: (name: string, value: unknown) => value is EventHandler;
|
|
3
1
|
export declare const isStyleProp: (name: string) => boolean;
|
|
4
2
|
export declare const isReactSuspendedStyle: (value: unknown) => boolean;
|
|
5
3
|
//# sourceMappingURL=propClassifiers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propClassifiers.d.ts","sourceRoot":"","sources":["../../../src/lib/propClassifiers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"propClassifiers.d.ts","sourceRoot":"","sources":["../../../src/lib/propClassifiers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,KAAG,OAA2B,CAAC;AAEvE,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,KAAG,OAChB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RemoteComponentRendererProps } from '@
|
|
1
|
+
import { RemoteComponentRendererProps } from '@mittwald/remote-dom-react/host';
|
|
2
2
|
import { ComponentType } from 'react';
|
|
3
3
|
export type RemoteComponentsMap<T extends string> = Record<T, ComponentType<RemoteComponentRendererProps>>;
|
|
4
4
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,MAAM,CACxD,CAAC,EACD,aAAa,CAAC,4BAA4B,CAAC,CAC5C,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.611",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "React rendering for Flow Remote Elements",
|
|
6
6
|
"homepage": "https://mittwald.github.io/flow",
|
|
@@ -19,45 +19,47 @@
|
|
|
19
19
|
"dist"
|
|
20
20
|
],
|
|
21
21
|
"engines": {
|
|
22
|
-
"node": ">=20.
|
|
22
|
+
"node": ">=20.19"
|
|
23
23
|
},
|
|
24
24
|
"scripts": {
|
|
25
25
|
"build": "vite build --config vite.build.config.ts",
|
|
26
26
|
"clean": "rimraf dist",
|
|
27
|
-
"test": "exit 0",
|
|
28
27
|
"test:compile": "tsc --noEmit"
|
|
29
28
|
},
|
|
30
29
|
"dependencies": {
|
|
31
|
-
"@
|
|
32
|
-
"@mittwald/flow-remote-core": "0.2.0-alpha.
|
|
33
|
-
"@mittwald/flow-remote-elements": "0.2.0-alpha.
|
|
34
|
-
"@
|
|
30
|
+
"@mittwald/ext-bridge": "0.2.0-alpha.611",
|
|
31
|
+
"@mittwald/flow-remote-core": "0.2.0-alpha.611",
|
|
32
|
+
"@mittwald/flow-remote-elements": "0.2.0-alpha.611",
|
|
33
|
+
"@mittwald/react-use-promise": "^4.2.2",
|
|
34
|
+
"@mittwald/remote-dom-react": "1.2.2-mittwald.10",
|
|
35
|
+
"@types/react": "^19.2.7",
|
|
35
36
|
"clsx": "^2.1.1",
|
|
36
37
|
"react-children-utilities": "^2.10.0",
|
|
37
|
-
"remeda": "^2.
|
|
38
|
+
"remeda": "^2.32.0"
|
|
38
39
|
},
|
|
39
40
|
"devDependencies": {
|
|
40
|
-
"@mittwald/flow-
|
|
41
|
+
"@mittwald/flow-core": "",
|
|
42
|
+
"@mittwald/flow-react-components": "0.2.0-alpha.611",
|
|
41
43
|
"@mittwald/typescript-config": "",
|
|
42
|
-
"@types/node": "^
|
|
43
|
-
"nx": "^
|
|
44
|
-
"prettier": "^3.
|
|
45
|
-
"react": "^19.
|
|
46
|
-
"react-dom": "^19.
|
|
47
|
-
"react-hook-form": "^7.
|
|
48
|
-
"rimraf": "^6.
|
|
44
|
+
"@types/node": "^24.10.1",
|
|
45
|
+
"nx": "^22.1.0",
|
|
46
|
+
"prettier": "^3.6.2",
|
|
47
|
+
"react": "^19.2.0",
|
|
48
|
+
"react-dom": "^19.2.0",
|
|
49
|
+
"react-hook-form": "^7.66.1",
|
|
50
|
+
"rimraf": "^6.1.2",
|
|
49
51
|
"rollup-preserve-directives": "^1.1.3",
|
|
50
|
-
"typescript": "^5.
|
|
51
|
-
"vite": "^
|
|
52
|
-
"vite-plugin-banner": "^0.8.
|
|
53
|
-
"vite-plugin-checker": "^0.
|
|
54
|
-
"vite-plugin-dts": "^4.5.
|
|
55
|
-
"vite-plugin-externalize-deps": "^0.
|
|
52
|
+
"typescript": "^5.9.3",
|
|
53
|
+
"vite": "^7.2.7",
|
|
54
|
+
"vite-plugin-banner": "^0.8.1",
|
|
55
|
+
"vite-plugin-checker": "^0.11.0",
|
|
56
|
+
"vite-plugin-dts": "^4.5.4",
|
|
57
|
+
"vite-plugin-externalize-deps": "^0.10.0"
|
|
56
58
|
},
|
|
57
59
|
"peerDependencies": {
|
|
58
|
-
"@mittwald/flow-react-components": "
|
|
59
|
-
"react": "^19",
|
|
60
|
-
"react-dom": "^19",
|
|
60
|
+
"@mittwald/flow-react-components": "0.2.0-alpha.610",
|
|
61
|
+
"react": "^19.2.0",
|
|
62
|
+
"react-dom": "^19.2.0",
|
|
61
63
|
"react-hook-form": "*"
|
|
62
64
|
},
|
|
63
65
|
"peerDependenciesMeta": {
|
|
@@ -65,5 +67,5 @@
|
|
|
65
67
|
"optional": true
|
|
66
68
|
}
|
|
67
69
|
},
|
|
68
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "7dc8ab776f4df5593f1afaffc4e1c80e5975878f"
|
|
69
71
|
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
"use client";
|
|
4
|
-
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
5
|
-
import { components } from "./components.mjs";
|
|
6
|
-
import { RemoteReceiver, RemoteRootRenderer } from "@mfalkenberg/remote-dom-react/host";
|
|
7
|
-
import { connectRemoteIframeRef } from "@mittwald/flow-remote-core";
|
|
8
|
-
import { useMemo, useState } from "react";
|
|
9
|
-
import { reduce } from "remeda";
|
|
10
|
-
const RemoteRendererClient = (props) => {
|
|
11
|
-
const { integrations = [], src, iframeStyle, fallback } = props;
|
|
12
|
-
const receiver = useMemo(() => new RemoteReceiver(), []);
|
|
13
|
-
const mergedComponents = useMemo(() => {
|
|
14
|
-
return new Map(
|
|
15
|
-
Object.entries(
|
|
16
|
-
reduce(
|
|
17
|
-
[...integrations, components],
|
|
18
|
-
(merged, current) => ({
|
|
19
|
-
...merged,
|
|
20
|
-
...current
|
|
21
|
-
}),
|
|
22
|
-
{}
|
|
23
|
-
)
|
|
24
|
-
)
|
|
25
|
-
);
|
|
26
|
-
}, [...integrations]);
|
|
27
|
-
const connect = connectRemoteIframeRef(receiver.connection);
|
|
28
|
-
const [iframeHasLoaded, setIframeHasLoaded] = useState(false);
|
|
29
|
-
const remoteFrame = /* @__PURE__ */ jsx(
|
|
30
|
-
"iframe",
|
|
31
|
-
{
|
|
32
|
-
onLoad: () => setIframeHasLoaded(true),
|
|
33
|
-
ref: connect,
|
|
34
|
-
src,
|
|
35
|
-
style: iframeStyle ?? {
|
|
36
|
-
visibility: "hidden",
|
|
37
|
-
height: 0,
|
|
38
|
-
width: 0,
|
|
39
|
-
border: "none",
|
|
40
|
-
position: "absolute",
|
|
41
|
-
marginLeft: "-9999px"
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
46
|
-
!iframeHasLoaded && fallback,
|
|
47
|
-
/* @__PURE__ */ jsx(RemoteRootRenderer, { components: mergedComponents, receiver }),
|
|
48
|
-
remoteFrame
|
|
49
|
-
] });
|
|
50
|
-
};
|
|
51
|
-
export {
|
|
52
|
-
RemoteRendererClient,
|
|
53
|
-
RemoteRendererClient as default
|
|
54
|
-
};
|
|
55
|
-
//# sourceMappingURL=RemoteRendererClient.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteRendererClient.mjs","sources":["../../src/RemoteRendererClient.tsx"],"sourcesContent":["\"use client\";\nimport { components } from \"@/components\";\nimport type { RemoteComponentsMap } from \"@/lib/types\";\nimport type { RemoteComponentRendererProps } from \"@mfalkenberg/remote-dom-react/host\";\nimport {\n RemoteReceiver,\n RemoteRootRenderer,\n} from \"@mfalkenberg/remote-dom-react/host\";\nimport { connectRemoteIframeRef } from \"@mittwald/flow-remote-core\";\nimport type { ComponentType, CSSProperties, FC, ReactNode } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport { reduce } from \"remeda\";\n\nexport interface RemoteRendererProps {\n integrations?: RemoteComponentsMap<never>[];\n src: string;\n iframeStyle?: CSSProperties;\n fallback?: ReactNode;\n}\n\nexport const RemoteRendererClient: FC<RemoteRendererProps> = (props) => {\n const { integrations = [], src, iframeStyle, fallback } = props;\n const receiver = useMemo(() => new RemoteReceiver(), []);\n\n const mergedComponents = useMemo(() => {\n return new Map<string, ComponentType<RemoteComponentRendererProps>>(\n Object.entries(\n reduce(\n [...integrations, components],\n (merged, current) => ({\n ...merged,\n ...current,\n }),\n {},\n ),\n ),\n );\n }, [...integrations]);\n\n const connect = connectRemoteIframeRef(receiver.connection);\n\n const [iframeHasLoaded, setIframeHasLoaded] = useState(false);\n\n const remoteFrame = (\n <iframe\n onLoad={() => setIframeHasLoaded(true)}\n ref={connect}\n src={src}\n style={\n iframeStyle ?? {\n visibility: \"hidden\",\n height: 0,\n width: 0,\n border: \"none\",\n position: \"absolute\",\n marginLeft: \"-9999px\",\n }\n }\n />\n );\n\n return (\n <>\n {!iframeHasLoaded && fallback}\n <RemoteRootRenderer components={mergedComponents} receiver={receiver} />\n {remoteFrame}\n </>\n );\n};\n\nexport default RemoteRendererClient;\n"],"names":[],"mappings":";;;;;;;AAoBa,MAAA,uBAAgD,CAAC,UAAU;AACtE,QAAM,EAAE,eAAe,IAAI,KAAK,aAAa,aAAa;AAC1D,QAAM,WAAW,QAAQ,MAAM,IAAI,eAAe,GAAG,CAAA,CAAE;AAEjD,QAAA,mBAAmB,QAAQ,MAAM;AACrC,WAAO,IAAI;AAAA,MACT,OAAO;AAAA,QACL;AAAA,UACE,CAAC,GAAG,cAAc,UAAU;AAAA,UAC5B,CAAC,QAAQ,aAAa;AAAA,YACpB,GAAG;AAAA,YACH,GAAG;AAAA,UAAA;AAAA,UAEL,CAAA;AAAA,QAAC;AAAA,MACH;AAAA,IAEJ;AAAA,EAAA,GACC,CAAC,GAAG,YAAY,CAAC;AAEd,QAAA,UAAU,uBAAuB,SAAS,UAAU;AAE1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAE5D,QAAM,cACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ,MAAM,mBAAmB,IAAI;AAAA,MACrC,KAAK;AAAA,MACL;AAAA,MACA,OACE,eAAe;AAAA,QACb,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAEJ;AAGF,SAEK,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,CAAC,mBAAmB;AAAA,IACpB,oBAAA,oBAAA,EAAmB,YAAY,kBAAkB,SAAoB,CAAA;AAAA,IACrE;AAAA,EAAA,GACH;AAEJ;"}
|