@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,112 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import { createFlowRemoteComponentRenderer } from "../lib/createFlowRemoteComponentRenderer.mjs";
|
|
4
|
-
import { TooltipTrigger, Tooltip, TimeField, TextField, TextArea, Text, Tabs, TableRow, TableHeader, TableFooterRow, TableColumn, TableCell, TableBody, Table, TabTitle, Tab, Switch, Slider, SkeletonText, Skeleton, Separator, Select, SegmentedControl, Segment, Section, SearchField, RadioGroup, RadioButton, Radio, ProgressBar, PopoverContent, OverlayContent, Option, NumberField, NotificationProvider, Notification, NavigationGroup, Navigation, MessageThread, MessageSeparator, Message, MenuTrigger, MenuItem, Markdown, LoadingSpinner, ListSummary, ListItemViewContent, EmptyView, Link, LightBoxTrigger, LightBox, LayoutCard, LabeledValue, Label, GridListItem, GridList, InlineCode, Initials, Image, IllustratedMessage, Icon, Heading, HeaderNavigation, Header, Fragment, FileField, FileCardList, FileCard, FieldError, FieldDescription, Div, DialogTrigger, DateRangePicker, DatePicker, CountryOptions, CounterBadge, CopyButton, ContextualHelpTrigger, ContextualHelp, ContextMenuSection, ContextMenuContent, Content, ColumnLayout, CodeBlock, CheckboxGroup, CheckboxButton, Checkbox, Chat, Button, Breadcrumb, Badge, AvatarStack, Avatar, Align, AlertIcon, AlertBadge, Alert, ActionGroup, Accordion } from "@mittwald/flow-react-components";
|
|
5
|
-
const flowComponents = {
|
|
6
|
-
"flr-accordion": createFlowRemoteComponentRenderer(Accordion),
|
|
7
|
-
"flr-action-group": createFlowRemoteComponentRenderer(ActionGroup),
|
|
8
|
-
"flr-alert": createFlowRemoteComponentRenderer(Alert),
|
|
9
|
-
"flr-alert-badge": createFlowRemoteComponentRenderer(AlertBadge),
|
|
10
|
-
"flr-alert-icon": createFlowRemoteComponentRenderer(AlertIcon),
|
|
11
|
-
"flr-align": createFlowRemoteComponentRenderer(Align),
|
|
12
|
-
"flr-avatar": createFlowRemoteComponentRenderer(Avatar),
|
|
13
|
-
"flr-avatar-stack": createFlowRemoteComponentRenderer(AvatarStack),
|
|
14
|
-
"flr-badge": createFlowRemoteComponentRenderer(Badge),
|
|
15
|
-
"flr-breadcrumb": createFlowRemoteComponentRenderer(Breadcrumb),
|
|
16
|
-
"flr-button": createFlowRemoteComponentRenderer(Button),
|
|
17
|
-
"flr-chat": createFlowRemoteComponentRenderer(Chat),
|
|
18
|
-
"flr-checkbox": createFlowRemoteComponentRenderer(Checkbox),
|
|
19
|
-
"flr-checkbox-button": createFlowRemoteComponentRenderer(CheckboxButton),
|
|
20
|
-
"flr-checkbox-group": createFlowRemoteComponentRenderer(CheckboxGroup),
|
|
21
|
-
"flr-code-block": createFlowRemoteComponentRenderer(CodeBlock),
|
|
22
|
-
"flr-column-layout": createFlowRemoteComponentRenderer(ColumnLayout),
|
|
23
|
-
"flr-content": createFlowRemoteComponentRenderer(Content),
|
|
24
|
-
"flr-context-menu-content": createFlowRemoteComponentRenderer(ContextMenuContent),
|
|
25
|
-
"flr-context-menu-section": createFlowRemoteComponentRenderer(ContextMenuSection),
|
|
26
|
-
"flr-contextual-help": createFlowRemoteComponentRenderer(ContextualHelp),
|
|
27
|
-
"flr-contextual-help-trigger": createFlowRemoteComponentRenderer(
|
|
28
|
-
ContextualHelpTrigger
|
|
29
|
-
),
|
|
30
|
-
"flr-copy-button": createFlowRemoteComponentRenderer(CopyButton),
|
|
31
|
-
"flr-counter-badge": createFlowRemoteComponentRenderer(CounterBadge),
|
|
32
|
-
"flr-country-options": createFlowRemoteComponentRenderer(CountryOptions),
|
|
33
|
-
"flr-date-picker": createFlowRemoteComponentRenderer(DatePicker),
|
|
34
|
-
"flr-date-range-picker": createFlowRemoteComponentRenderer(DateRangePicker),
|
|
35
|
-
"flr-dialog-trigger": createFlowRemoteComponentRenderer(DialogTrigger),
|
|
36
|
-
"flr-div": createFlowRemoteComponentRenderer(Div),
|
|
37
|
-
"flr-field-description": createFlowRemoteComponentRenderer(FieldDescription),
|
|
38
|
-
"flr-field-error": createFlowRemoteComponentRenderer(FieldError),
|
|
39
|
-
"flr-file-card": createFlowRemoteComponentRenderer(FileCard),
|
|
40
|
-
"flr-file-card-list": createFlowRemoteComponentRenderer(FileCardList),
|
|
41
|
-
"flr-file-field": createFlowRemoteComponentRenderer(FileField),
|
|
42
|
-
"flr-fragment": createFlowRemoteComponentRenderer(Fragment),
|
|
43
|
-
"flr-header": createFlowRemoteComponentRenderer(Header),
|
|
44
|
-
"flr-header-navigation": createFlowRemoteComponentRenderer(HeaderNavigation),
|
|
45
|
-
"flr-heading": createFlowRemoteComponentRenderer(Heading),
|
|
46
|
-
"flr-icon": createFlowRemoteComponentRenderer(Icon),
|
|
47
|
-
"flr-illustrated-message": createFlowRemoteComponentRenderer(IllustratedMessage),
|
|
48
|
-
"flr-image": createFlowRemoteComponentRenderer(Image),
|
|
49
|
-
"flr-initials": createFlowRemoteComponentRenderer(Initials),
|
|
50
|
-
"flr-inline-code": createFlowRemoteComponentRenderer(InlineCode),
|
|
51
|
-
"flr-items-grid-list": createFlowRemoteComponentRenderer(GridList),
|
|
52
|
-
"flr-items-grid-list-item": createFlowRemoteComponentRenderer(GridListItem),
|
|
53
|
-
"flr-label": createFlowRemoteComponentRenderer(Label),
|
|
54
|
-
"flr-labeled-value": createFlowRemoteComponentRenderer(LabeledValue),
|
|
55
|
-
"flr-layout-card": createFlowRemoteComponentRenderer(LayoutCard),
|
|
56
|
-
"flr-light-box": createFlowRemoteComponentRenderer(LightBox),
|
|
57
|
-
"flr-light-box-trigger": createFlowRemoteComponentRenderer(LightBoxTrigger),
|
|
58
|
-
"flr-link": createFlowRemoteComponentRenderer(Link),
|
|
59
|
-
"flr-list-empty-view": createFlowRemoteComponentRenderer(EmptyView),
|
|
60
|
-
"flr-list-item-view-content": createFlowRemoteComponentRenderer(ListItemViewContent),
|
|
61
|
-
"flr-list-summary": createFlowRemoteComponentRenderer(ListSummary),
|
|
62
|
-
"flr-loading-spinner": createFlowRemoteComponentRenderer(LoadingSpinner),
|
|
63
|
-
"flr-markdown": createFlowRemoteComponentRenderer(Markdown),
|
|
64
|
-
"flr-menu-item": createFlowRemoteComponentRenderer(MenuItem),
|
|
65
|
-
"flr-menu-trigger": createFlowRemoteComponentRenderer(MenuTrigger),
|
|
66
|
-
"flr-message": createFlowRemoteComponentRenderer(Message),
|
|
67
|
-
"flr-message-separator": createFlowRemoteComponentRenderer(MessageSeparator),
|
|
68
|
-
"flr-message-thread": createFlowRemoteComponentRenderer(MessageThread),
|
|
69
|
-
"flr-navigation": createFlowRemoteComponentRenderer(Navigation),
|
|
70
|
-
"flr-navigation-group": createFlowRemoteComponentRenderer(NavigationGroup),
|
|
71
|
-
"flr-notification": createFlowRemoteComponentRenderer(Notification),
|
|
72
|
-
"flr-notification-provider": createFlowRemoteComponentRenderer(NotificationProvider),
|
|
73
|
-
"flr-number-field": createFlowRemoteComponentRenderer(NumberField),
|
|
74
|
-
"flr-option": createFlowRemoteComponentRenderer(Option),
|
|
75
|
-
"flr-overlay-content": createFlowRemoteComponentRenderer(OverlayContent),
|
|
76
|
-
"flr-popover-content": createFlowRemoteComponentRenderer(PopoverContent),
|
|
77
|
-
"flr-progress-bar": createFlowRemoteComponentRenderer(ProgressBar),
|
|
78
|
-
"flr-radio": createFlowRemoteComponentRenderer(Radio),
|
|
79
|
-
"flr-radio-button": createFlowRemoteComponentRenderer(RadioButton),
|
|
80
|
-
"flr-radio-group": createFlowRemoteComponentRenderer(RadioGroup),
|
|
81
|
-
"flr-search-field": createFlowRemoteComponentRenderer(SearchField),
|
|
82
|
-
"flr-section": createFlowRemoteComponentRenderer(Section),
|
|
83
|
-
"flr-segment": createFlowRemoteComponentRenderer(Segment),
|
|
84
|
-
"flr-segmented-control": createFlowRemoteComponentRenderer(SegmentedControl),
|
|
85
|
-
"flr-select": createFlowRemoteComponentRenderer(Select),
|
|
86
|
-
"flr-separator": createFlowRemoteComponentRenderer(Separator),
|
|
87
|
-
"flr-skeleton": createFlowRemoteComponentRenderer(Skeleton),
|
|
88
|
-
"flr-skeleton-text": createFlowRemoteComponentRenderer(SkeletonText),
|
|
89
|
-
"flr-slider": createFlowRemoteComponentRenderer(Slider),
|
|
90
|
-
"flr-switch": createFlowRemoteComponentRenderer(Switch),
|
|
91
|
-
"flr-tab": createFlowRemoteComponentRenderer(Tab),
|
|
92
|
-
"flr-tab-title": createFlowRemoteComponentRenderer(TabTitle),
|
|
93
|
-
"flr-table": createFlowRemoteComponentRenderer(Table),
|
|
94
|
-
"flr-table-body": createFlowRemoteComponentRenderer(TableBody),
|
|
95
|
-
"flr-table-cell": createFlowRemoteComponentRenderer(TableCell),
|
|
96
|
-
"flr-table-column": createFlowRemoteComponentRenderer(TableColumn),
|
|
97
|
-
"flr-table-footer-row": createFlowRemoteComponentRenderer(TableFooterRow),
|
|
98
|
-
"flr-table-header": createFlowRemoteComponentRenderer(TableHeader),
|
|
99
|
-
"flr-table-row": createFlowRemoteComponentRenderer(TableRow),
|
|
100
|
-
"flr-tabs": createFlowRemoteComponentRenderer(Tabs),
|
|
101
|
-
"flr-text": createFlowRemoteComponentRenderer(Text),
|
|
102
|
-
"flr-text-area": createFlowRemoteComponentRenderer(TextArea),
|
|
103
|
-
"flr-text-field": createFlowRemoteComponentRenderer(TextField),
|
|
104
|
-
"flr-time-field": createFlowRemoteComponentRenderer(TimeField),
|
|
105
|
-
"flr-tooltip": createFlowRemoteComponentRenderer(Tooltip),
|
|
106
|
-
"flr-tooltip-trigger": createFlowRemoteComponentRenderer(TooltipTrigger)
|
|
107
|
-
};
|
|
108
|
-
export {
|
|
109
|
-
flowComponents as default,
|
|
110
|
-
flowComponents
|
|
111
|
-
};
|
|
112
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/auto-generated/index.ts"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport { createFlowRemoteComponentRenderer } from \"@/lib/createFlowRemoteComponentRenderer\";\nimport { Accordion as Accordion } from \"@mittwald/flow-react-components\";\nimport { ActionGroup as ActionGroup } from \"@mittwald/flow-react-components\";\nimport { Alert as Alert } from \"@mittwald/flow-react-components\";\nimport { AlertBadge as AlertBadge } from \"@mittwald/flow-react-components\";\nimport { AlertIcon as AlertIcon } from \"@mittwald/flow-react-components\";\nimport { Align as Align } from \"@mittwald/flow-react-components\";\nimport { Avatar as Avatar } from \"@mittwald/flow-react-components\";\nimport { AvatarStack as AvatarStack } from \"@mittwald/flow-react-components\";\nimport { Badge as Badge } from \"@mittwald/flow-react-components\";\nimport { Breadcrumb as Breadcrumb } from \"@mittwald/flow-react-components\";\nimport { Button as Button } from \"@mittwald/flow-react-components\";\nimport { Chat as Chat } from \"@mittwald/flow-react-components\";\nimport { Checkbox as Checkbox } from \"@mittwald/flow-react-components\";\nimport { CheckboxButton as CheckboxButton } from \"@mittwald/flow-react-components\";\nimport { CheckboxGroup as CheckboxGroup } from \"@mittwald/flow-react-components\";\nimport { CodeBlock as CodeBlock } from \"@mittwald/flow-react-components\";\nimport { ColumnLayout as ColumnLayout } from \"@mittwald/flow-react-components\";\nimport { Content as Content } from \"@mittwald/flow-react-components\";\nimport { ContextMenuContent as ContextMenuContent } from \"@mittwald/flow-react-components\";\nimport { ContextMenuSection as ContextMenuSection } from \"@mittwald/flow-react-components\";\nimport { ContextualHelp as ContextualHelp } from \"@mittwald/flow-react-components\";\nimport { ContextualHelpTrigger as ContextualHelpTrigger } from \"@mittwald/flow-react-components\";\nimport { CopyButton as CopyButton } from \"@mittwald/flow-react-components\";\nimport { CounterBadge as CounterBadge } from \"@mittwald/flow-react-components\";\nimport { CountryOptions as CountryOptions } from \"@mittwald/flow-react-components\";\nimport { DatePicker as DatePicker } from \"@mittwald/flow-react-components\";\nimport { DateRangePicker as DateRangePicker } from \"@mittwald/flow-react-components\";\nimport { DialogTrigger as DialogTrigger } from \"@mittwald/flow-react-components\";\nimport { Div as Div } from \"@mittwald/flow-react-components\";\nimport { FieldDescription as FieldDescription } from \"@mittwald/flow-react-components\";\nimport { FieldError as FieldError } from \"@mittwald/flow-react-components\";\nimport { FileCard as FileCard } from \"@mittwald/flow-react-components\";\nimport { FileCardList as FileCardList } from \"@mittwald/flow-react-components\";\nimport { FileField as FileField } from \"@mittwald/flow-react-components\";\nimport { Fragment as Fragment } from \"@mittwald/flow-react-components\";\nimport { Header as Header } from \"@mittwald/flow-react-components\";\nimport { HeaderNavigation as HeaderNavigation } from \"@mittwald/flow-react-components\";\nimport { Heading as Heading } from \"@mittwald/flow-react-components\";\nimport { Icon as Icon } from \"@mittwald/flow-react-components\";\nimport { IllustratedMessage as IllustratedMessage } from \"@mittwald/flow-react-components\";\nimport { Image as Image } from \"@mittwald/flow-react-components\";\nimport { Initials as Initials } from \"@mittwald/flow-react-components\";\nimport { InlineCode as InlineCode } from \"@mittwald/flow-react-components\";\nimport { GridList as ItemsGridList } from \"@mittwald/flow-react-components\";\nimport { GridListItem as ItemsGridListItem } from \"@mittwald/flow-react-components\";\nimport { Label as Label } from \"@mittwald/flow-react-components\";\nimport { LabeledValue as LabeledValue } from \"@mittwald/flow-react-components\";\nimport { LayoutCard as LayoutCard } from \"@mittwald/flow-react-components\";\nimport { LightBox as LightBox } from \"@mittwald/flow-react-components\";\nimport { LightBoxTrigger as LightBoxTrigger } from \"@mittwald/flow-react-components\";\nimport { Link as Link } from \"@mittwald/flow-react-components\";\nimport { EmptyView as ListEmptyView } from \"@mittwald/flow-react-components\";\nimport { ListItemViewContent as ListItemViewContent } from \"@mittwald/flow-react-components\";\nimport { ListSummary as ListSummary } from \"@mittwald/flow-react-components\";\nimport { LoadingSpinner as LoadingSpinner } from \"@mittwald/flow-react-components\";\nimport { Markdown as Markdown } from \"@mittwald/flow-react-components\";\nimport { MenuItem as MenuItem } from \"@mittwald/flow-react-components\";\nimport { MenuTrigger as MenuTrigger } from \"@mittwald/flow-react-components\";\nimport { Message as Message } from \"@mittwald/flow-react-components\";\nimport { MessageSeparator as MessageSeparator } from \"@mittwald/flow-react-components\";\nimport { MessageThread as MessageThread } from \"@mittwald/flow-react-components\";\nimport { Navigation as Navigation } from \"@mittwald/flow-react-components\";\nimport { NavigationGroup as NavigationGroup } from \"@mittwald/flow-react-components\";\nimport { Notification as Notification } from \"@mittwald/flow-react-components\";\nimport { NotificationProvider as NotificationProvider } from \"@mittwald/flow-react-components\";\nimport { NumberField as NumberField } from \"@mittwald/flow-react-components\";\nimport { Option as Option } from \"@mittwald/flow-react-components\";\nimport { OverlayContent as OverlayContent } from \"@mittwald/flow-react-components\";\nimport { PopoverContent as PopoverContent } from \"@mittwald/flow-react-components\";\nimport { ProgressBar as ProgressBar } from \"@mittwald/flow-react-components\";\nimport { Radio as Radio } from \"@mittwald/flow-react-components\";\nimport { RadioButton as RadioButton } from \"@mittwald/flow-react-components\";\nimport { RadioGroup as RadioGroup } from \"@mittwald/flow-react-components\";\nimport { SearchField as SearchField } from \"@mittwald/flow-react-components\";\nimport { Section as Section } from \"@mittwald/flow-react-components\";\nimport { Segment as Segment } from \"@mittwald/flow-react-components\";\nimport { SegmentedControl as SegmentedControl } from \"@mittwald/flow-react-components\";\nimport { Select as Select } from \"@mittwald/flow-react-components\";\nimport { Separator as Separator } from \"@mittwald/flow-react-components\";\nimport { Skeleton as Skeleton } from \"@mittwald/flow-react-components\";\nimport { SkeletonText as SkeletonText } from \"@mittwald/flow-react-components\";\nimport { Slider as Slider } from \"@mittwald/flow-react-components\";\nimport { Switch as Switch } from \"@mittwald/flow-react-components\";\nimport { Tab as Tab } from \"@mittwald/flow-react-components\";\nimport { TabTitle as TabTitle } from \"@mittwald/flow-react-components\";\nimport { Table as Table } from \"@mittwald/flow-react-components\";\nimport { TableBody as TableBody } from \"@mittwald/flow-react-components\";\nimport { TableCell as TableCell } from \"@mittwald/flow-react-components\";\nimport { TableColumn as TableColumn } from \"@mittwald/flow-react-components\";\nimport { TableFooterRow as TableFooterRow } from \"@mittwald/flow-react-components\";\nimport { TableHeader as TableHeader } from \"@mittwald/flow-react-components\";\nimport { TableRow as TableRow } from \"@mittwald/flow-react-components\";\nimport { Tabs as Tabs } from \"@mittwald/flow-react-components\";\nimport { Text as Text } from \"@mittwald/flow-react-components\";\nimport { TextArea as TextArea } from \"@mittwald/flow-react-components\";\nimport { TextField as TextField } from \"@mittwald/flow-react-components\";\nimport { TimeField as TimeField } from \"@mittwald/flow-react-components\";\nimport { Tooltip as Tooltip } from \"@mittwald/flow-react-components\";\nimport { TooltipTrigger as TooltipTrigger } from \"@mittwald/flow-react-components\";\n\nexport const flowComponents = {\n \"flr-accordion\": createFlowRemoteComponentRenderer(Accordion),\n \"flr-action-group\": createFlowRemoteComponentRenderer(ActionGroup),\n \"flr-alert\": createFlowRemoteComponentRenderer(Alert),\n \"flr-alert-badge\": createFlowRemoteComponentRenderer(AlertBadge),\n \"flr-alert-icon\": createFlowRemoteComponentRenderer(AlertIcon),\n \"flr-align\": createFlowRemoteComponentRenderer(Align),\n \"flr-avatar\": createFlowRemoteComponentRenderer(Avatar),\n \"flr-avatar-stack\": createFlowRemoteComponentRenderer(AvatarStack),\n \"flr-badge\": createFlowRemoteComponentRenderer(Badge),\n \"flr-breadcrumb\": createFlowRemoteComponentRenderer(Breadcrumb),\n \"flr-button\": createFlowRemoteComponentRenderer(Button),\n \"flr-chat\": createFlowRemoteComponentRenderer(Chat),\n \"flr-checkbox\": createFlowRemoteComponentRenderer(Checkbox),\n \"flr-checkbox-button\": createFlowRemoteComponentRenderer(CheckboxButton),\n \"flr-checkbox-group\": createFlowRemoteComponentRenderer(CheckboxGroup),\n \"flr-code-block\": createFlowRemoteComponentRenderer(CodeBlock),\n \"flr-column-layout\": createFlowRemoteComponentRenderer(ColumnLayout),\n \"flr-content\": createFlowRemoteComponentRenderer(Content),\n \"flr-context-menu-content\":\n createFlowRemoteComponentRenderer(ContextMenuContent),\n \"flr-context-menu-section\":\n createFlowRemoteComponentRenderer(ContextMenuSection),\n \"flr-contextual-help\": createFlowRemoteComponentRenderer(ContextualHelp),\n \"flr-contextual-help-trigger\": createFlowRemoteComponentRenderer(\n ContextualHelpTrigger,\n ),\n \"flr-copy-button\": createFlowRemoteComponentRenderer(CopyButton),\n \"flr-counter-badge\": createFlowRemoteComponentRenderer(CounterBadge),\n \"flr-country-options\": createFlowRemoteComponentRenderer(CountryOptions),\n \"flr-date-picker\": createFlowRemoteComponentRenderer(DatePicker),\n \"flr-date-range-picker\": createFlowRemoteComponentRenderer(DateRangePicker),\n \"flr-dialog-trigger\": createFlowRemoteComponentRenderer(DialogTrigger),\n \"flr-div\": createFlowRemoteComponentRenderer(Div),\n \"flr-field-description\": createFlowRemoteComponentRenderer(FieldDescription),\n \"flr-field-error\": createFlowRemoteComponentRenderer(FieldError),\n \"flr-file-card\": createFlowRemoteComponentRenderer(FileCard),\n \"flr-file-card-list\": createFlowRemoteComponentRenderer(FileCardList),\n \"flr-file-field\": createFlowRemoteComponentRenderer(FileField),\n \"flr-fragment\": createFlowRemoteComponentRenderer(Fragment),\n \"flr-header\": createFlowRemoteComponentRenderer(Header),\n \"flr-header-navigation\": createFlowRemoteComponentRenderer(HeaderNavigation),\n \"flr-heading\": createFlowRemoteComponentRenderer(Heading),\n \"flr-icon\": createFlowRemoteComponentRenderer(Icon),\n \"flr-illustrated-message\":\n createFlowRemoteComponentRenderer(IllustratedMessage),\n \"flr-image\": createFlowRemoteComponentRenderer(Image),\n \"flr-initials\": createFlowRemoteComponentRenderer(Initials),\n \"flr-inline-code\": createFlowRemoteComponentRenderer(InlineCode),\n \"flr-items-grid-list\": createFlowRemoteComponentRenderer(ItemsGridList),\n \"flr-items-grid-list-item\":\n createFlowRemoteComponentRenderer(ItemsGridListItem),\n \"flr-label\": createFlowRemoteComponentRenderer(Label),\n \"flr-labeled-value\": createFlowRemoteComponentRenderer(LabeledValue),\n \"flr-layout-card\": createFlowRemoteComponentRenderer(LayoutCard),\n \"flr-light-box\": createFlowRemoteComponentRenderer(LightBox),\n \"flr-light-box-trigger\": createFlowRemoteComponentRenderer(LightBoxTrigger),\n \"flr-link\": createFlowRemoteComponentRenderer(Link),\n \"flr-list-empty-view\": createFlowRemoteComponentRenderer(ListEmptyView),\n \"flr-list-item-view-content\":\n createFlowRemoteComponentRenderer(ListItemViewContent),\n \"flr-list-summary\": createFlowRemoteComponentRenderer(ListSummary),\n \"flr-loading-spinner\": createFlowRemoteComponentRenderer(LoadingSpinner),\n \"flr-markdown\": createFlowRemoteComponentRenderer(Markdown),\n \"flr-menu-item\": createFlowRemoteComponentRenderer(MenuItem),\n \"flr-menu-trigger\": createFlowRemoteComponentRenderer(MenuTrigger),\n \"flr-message\": createFlowRemoteComponentRenderer(Message),\n \"flr-message-separator\": createFlowRemoteComponentRenderer(MessageSeparator),\n \"flr-message-thread\": createFlowRemoteComponentRenderer(MessageThread),\n \"flr-navigation\": createFlowRemoteComponentRenderer(Navigation),\n \"flr-navigation-group\": createFlowRemoteComponentRenderer(NavigationGroup),\n \"flr-notification\": createFlowRemoteComponentRenderer(Notification),\n \"flr-notification-provider\":\n createFlowRemoteComponentRenderer(NotificationProvider),\n \"flr-number-field\": createFlowRemoteComponentRenderer(NumberField),\n \"flr-option\": createFlowRemoteComponentRenderer(Option),\n \"flr-overlay-content\": createFlowRemoteComponentRenderer(OverlayContent),\n \"flr-popover-content\": createFlowRemoteComponentRenderer(PopoverContent),\n \"flr-progress-bar\": createFlowRemoteComponentRenderer(ProgressBar),\n \"flr-radio\": createFlowRemoteComponentRenderer(Radio),\n \"flr-radio-button\": createFlowRemoteComponentRenderer(RadioButton),\n \"flr-radio-group\": createFlowRemoteComponentRenderer(RadioGroup),\n \"flr-search-field\": createFlowRemoteComponentRenderer(SearchField),\n \"flr-section\": createFlowRemoteComponentRenderer(Section),\n \"flr-segment\": createFlowRemoteComponentRenderer(Segment),\n \"flr-segmented-control\": createFlowRemoteComponentRenderer(SegmentedControl),\n \"flr-select\": createFlowRemoteComponentRenderer(Select),\n \"flr-separator\": createFlowRemoteComponentRenderer(Separator),\n \"flr-skeleton\": createFlowRemoteComponentRenderer(Skeleton),\n \"flr-skeleton-text\": createFlowRemoteComponentRenderer(SkeletonText),\n \"flr-slider\": createFlowRemoteComponentRenderer(Slider),\n \"flr-switch\": createFlowRemoteComponentRenderer(Switch),\n \"flr-tab\": createFlowRemoteComponentRenderer(Tab),\n \"flr-tab-title\": createFlowRemoteComponentRenderer(TabTitle),\n \"flr-table\": createFlowRemoteComponentRenderer(Table),\n \"flr-table-body\": createFlowRemoteComponentRenderer(TableBody),\n \"flr-table-cell\": createFlowRemoteComponentRenderer(TableCell),\n \"flr-table-column\": createFlowRemoteComponentRenderer(TableColumn),\n \"flr-table-footer-row\": createFlowRemoteComponentRenderer(TableFooterRow),\n \"flr-table-header\": createFlowRemoteComponentRenderer(TableHeader),\n \"flr-table-row\": createFlowRemoteComponentRenderer(TableRow),\n \"flr-tabs\": createFlowRemoteComponentRenderer(Tabs),\n \"flr-text\": createFlowRemoteComponentRenderer(Text),\n \"flr-text-area\": createFlowRemoteComponentRenderer(TextArea),\n \"flr-text-field\": createFlowRemoteComponentRenderer(TextField),\n \"flr-time-field\": createFlowRemoteComponentRenderer(TimeField),\n \"flr-tooltip\": createFlowRemoteComponentRenderer(Tooltip),\n \"flr-tooltip-trigger\": createFlowRemoteComponentRenderer(TooltipTrigger),\n} as const;\n\nexport default flowComponents;\n"],"names":["ItemsGridList","ItemsGridListItem","ListEmptyView"],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { forwardRef } from "react";
|
|
5
|
-
import { getFormDataObject } from "./lib/getFormDataObject.mjs";
|
|
6
|
-
const Form = forwardRef((props, ref) => {
|
|
7
|
-
const {
|
|
8
|
-
action: actionFromProps,
|
|
9
|
-
onSubmit: onSubmitFromProps,
|
|
10
|
-
...rest
|
|
11
|
-
} = props;
|
|
12
|
-
const action = typeof actionFromProps === "function" ? (formData) => actionFromProps(getFormDataObject(formData)) : actionFromProps;
|
|
13
|
-
const onSubmit = onSubmitFromProps ? (e) => {
|
|
14
|
-
e.preventDefault();
|
|
15
|
-
onSubmitFromProps(getFormDataObject(new FormData(e.currentTarget)));
|
|
16
|
-
} : void 0;
|
|
17
|
-
return /* @__PURE__ */ jsx("form", { ref, ...rest, action, onSubmit });
|
|
18
|
-
});
|
|
19
|
-
export {
|
|
20
|
-
Form
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=Form.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Form.mjs","sources":["../../../src/components/Form.tsx"],"sourcesContent":["import type {\n FC,\n FormEvent,\n FormHTMLAttributes,\n PropsWithChildren,\n} from \"react\";\nimport React, { forwardRef } from \"react\";\nimport { getFormDataObject } from \"@/components/lib/getFormDataObject\";\n\ntype FormProps = Pick<FormHTMLAttributes<HTMLFormElement>, \"action\"> & {\n onSubmit?: (data: Record<string, unknown>) => void;\n} & PropsWithChildren;\n\nexport const Form: FC = forwardRef<HTMLFormElement, FormProps>((props, ref) => {\n const {\n action: actionFromProps,\n onSubmit: onSubmitFromProps,\n ...rest\n } = props;\n\n const action =\n typeof actionFromProps === \"function\"\n ? (formData: FormData) =>\n actionFromProps(getFormDataObject(formData) as unknown as FormData)\n : actionFromProps;\n\n const onSubmit = onSubmitFromProps\n ? (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault();\n onSubmitFromProps(getFormDataObject(new FormData(e.currentTarget)));\n }\n : undefined;\n\n return <form ref={ref} {...rest} action={action} onSubmit={onSubmit} />;\n});\n"],"names":[],"mappings":";;;AAaO,MAAM,OAAW,WAAuC,CAAC,OAAO,QAAQ;AACvE,QAAA;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,IACD;AAEE,QAAA,SACJ,OAAO,oBAAoB,aACvB,CAAC,aACC,gBAAgB,kBAAkB,QAAQ,CAAwB,IACpE;AAEA,QAAA,WAAW,oBACb,CAAC,MAAkC;AACjC,MAAE,eAAe;AACjB,sBAAkB,kBAAkB,IAAI,SAAS,EAAE,aAAa,CAAC,CAAC;AAAA,EAAA,IAEpE;AAEJ,6BAAQ,QAAK,EAAA,KAAW,GAAG,MAAM,QAAgB,UAAoB;AACvE,CAAC;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getFormDataObject.mjs","sources":["../../../../src/components/lib/getFormDataObject.ts"],"sourcesContent":["export const getFormDataObject = (\n formData: FormData,\n): Record<string, unknown> =>\n Object.fromEntries(Array.from(formData.entries()));\n"],"names":[],"mappings":"AAAa,MAAA,oBAAoB,CAC/B,aAEA,OAAO,YAAY,MAAM,KAAK,SAAS,SAAS,CAAC;"}
|
package/dist/js/components.mjs
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import { Form } from "./components/Form.mjs";
|
|
4
|
-
import { createFlowRemoteComponentRenderer } from "./lib/createFlowRemoteComponentRenderer.mjs";
|
|
5
|
-
import { elementFactory } from "./lib/elementFactory.mjs";
|
|
6
|
-
import { createRemoteComponentRenderer } from "@mfalkenberg/remote-dom-react/host";
|
|
7
|
-
import { flowComponents } from "./auto-generated/index.mjs";
|
|
8
|
-
const htmlComponentsMap = {
|
|
9
|
-
svg: createRemoteComponentRenderer(elementFactory("svg")),
|
|
10
|
-
circle: createRemoteComponentRenderer(elementFactory("circle")),
|
|
11
|
-
g: createRemoteComponentRenderer(elementFactory("g")),
|
|
12
|
-
path: createRemoteComponentRenderer(elementFactory("path")),
|
|
13
|
-
strong: createRemoteComponentRenderer(elementFactory("strong"))
|
|
14
|
-
};
|
|
15
|
-
const flowComponentsMap = {
|
|
16
|
-
"flr-form": createFlowRemoteComponentRenderer(Form)
|
|
17
|
-
};
|
|
18
|
-
const components = {
|
|
19
|
-
...htmlComponentsMap,
|
|
20
|
-
...flowComponentsMap,
|
|
21
|
-
...flowComponents
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
components
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=components.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components.mjs","sources":["../../src/components.ts"],"sourcesContent":["import { Form } from \"@/components/Form\";\nimport { createFlowRemoteComponentRenderer } from \"@/lib/createFlowRemoteComponentRenderer\";\nimport { elementFactory } from \"@/lib/elementFactory\";\nimport { createRemoteComponentRenderer } from \"@mfalkenberg/remote-dom-react/host\";\nimport autoGenerated from \"./auto-generated\";\n\nconst htmlComponentsMap = {\n svg: createRemoteComponentRenderer(elementFactory(\"svg\")),\n circle: createRemoteComponentRenderer(elementFactory(\"circle\")),\n g: createRemoteComponentRenderer(elementFactory(\"g\")),\n path: createRemoteComponentRenderer(elementFactory(\"path\")),\n strong: createRemoteComponentRenderer(elementFactory(\"strong\")),\n} as const;\n\nconst flowComponentsMap = {\n \"flr-form\": createFlowRemoteComponentRenderer(Form),\n};\n\nexport const components = {\n ...htmlComponentsMap,\n ...flowComponentsMap,\n ...autoGenerated,\n};\n"],"names":["autoGenerated"],"mappings":";;;;;AAMA,MAAM,oBAAoB;AAAA,EACxB,KAAK,8BAA8B,eAAe,KAAK,CAAC;AAAA,EACxD,QAAQ,8BAA8B,eAAe,QAAQ,CAAC;AAAA,EAC9D,GAAG,8BAA8B,eAAe,GAAG,CAAC;AAAA,EACpD,MAAM,8BAA8B,eAAe,MAAM,CAAC;AAAA,EAC1D,QAAQ,8BAA8B,eAAe,QAAQ,CAAC;AAChE;AAEA,MAAM,oBAAoB;AAAA,EACxB,YAAY,kCAAkC,IAAI;AACpD;AAEO,MAAM,aAAa;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAGA;AACL;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import { useState, useEffect } from "react";
|
|
4
|
-
const useIsMounted = () => {
|
|
5
|
-
const [isMounted, setIsMounted] = useState(false);
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
setIsMounted(true);
|
|
8
|
-
}, []);
|
|
9
|
-
return isMounted;
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
useIsMounted
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=useIsMounted.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useIsMounted.mjs","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useIsMounted = () => {\n const [isMounted, setIsMounted] = useState(false);\n useEffect(() => {\n setIsMounted(true);\n }, []);\n return isMounted;\n};\n"],"names":[],"mappings":";AAEO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,YAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AACE,SAAA;AACT;"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
import { isEventProp, isStyleProp, isReactSuspendedStyle } from "./propClassifiers.mjs";
|
|
5
|
-
import { createRemoteComponentRenderer } from "@mfalkenberg/remote-dom-react/host";
|
|
6
|
-
import { mapEventHandler } from "@mittwald/flow-remote-core";
|
|
7
|
-
import "react";
|
|
8
|
-
import { mapValues } from "remeda";
|
|
9
|
-
const mapProperty = (val, key) => {
|
|
10
|
-
if (isEventProp(key, val)) {
|
|
11
|
-
return mapEventHandler(val, key);
|
|
12
|
-
}
|
|
13
|
-
if (isStyleProp(key)) {
|
|
14
|
-
if (isReactSuspendedStyle(val)) {
|
|
15
|
-
return {
|
|
16
|
-
display: "none"
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
return {};
|
|
20
|
-
}
|
|
21
|
-
return val;
|
|
22
|
-
};
|
|
23
|
-
const createFlowRemoteComponentRenderer = (Component) => {
|
|
24
|
-
function HostComponent(props) {
|
|
25
|
-
const hostComponentProps = mapValues(
|
|
26
|
-
props,
|
|
27
|
-
(v, k) => mapProperty(v, k)
|
|
28
|
-
);
|
|
29
|
-
return /* @__PURE__ */ jsx(Component, { ...hostComponentProps });
|
|
30
|
-
}
|
|
31
|
-
return createRemoteComponentRenderer(HostComponent);
|
|
32
|
-
};
|
|
33
|
-
export {
|
|
34
|
-
createFlowRemoteComponentRenderer
|
|
35
|
-
};
|
|
36
|
-
//# sourceMappingURL=createFlowRemoteComponentRenderer.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createFlowRemoteComponentRenderer.mjs","sources":["../../../src/lib/createFlowRemoteComponentRenderer.tsx"],"sourcesContent":["import {\n isEventProp,\n isReactSuspendedStyle,\n isStyleProp,\n} from \"@/lib/propClassifiers\";\nimport type { RemoteComponentRendererProps } from \"@mfalkenberg/remote-dom-react/host\";\nimport { createRemoteComponentRenderer } from \"@mfalkenberg/remote-dom-react/host\";\nimport { mapEventHandler } from \"@mittwald/flow-remote-core\";\nimport { type ComponentType } from \"react\";\nimport { mapValues } from \"remeda\";\n\nconst mapProperty = (val: unknown, key: string) => {\n if (isEventProp(key, val)) {\n return mapEventHandler(val, key);\n }\n if (isStyleProp(key)) {\n if (isReactSuspendedStyle(val)) {\n return {\n display: \"none\",\n };\n }\n return {};\n }\n return val;\n};\n\nexport const createFlowRemoteComponentRenderer = <P extends object>(\n Component: ComponentType<P>,\n): ComponentType<RemoteComponentRendererProps> => {\n function HostComponent(props: P) {\n const hostComponentProps = mapValues(props, (v, k) =>\n mapProperty(v, k),\n ) as P;\n\n return <Component {...hostComponentProps} />;\n }\n return createRemoteComponentRenderer(HostComponent);\n};\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,cAAc,CAAC,KAAc,QAAgB;AAC7C,MAAA,YAAY,KAAK,GAAG,GAAG;AAClB,WAAA,gBAAgB,KAAK,GAAG;AAAA,EAAA;AAE7B,MAAA,YAAY,GAAG,GAAG;AAChB,QAAA,sBAAsB,GAAG,GAAG;AACvB,aAAA;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IAAA;AAEF,WAAO,CAAC;AAAA,EAAA;AAEH,SAAA;AACT;AAEa,MAAA,oCAAoC,CAC/C,cACgD;AAChD,WAAS,cAAc,OAAU;AAC/B,UAAM,qBAAqB;AAAA,MAAU;AAAA,MAAO,CAAC,GAAG,MAC9C,YAAY,GAAG,CAAC;AAAA,IAClB;AAEO,WAAA,oBAAC,WAAW,EAAA,GAAG,mBAAoB,CAAA;AAAA,EAAA;AAE5C,SAAO,8BAA8B,aAAa;AACpD;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import { createElement } from "react";
|
|
4
|
-
import { mapKeys } from "remeda";
|
|
5
|
-
import clsx from "clsx";
|
|
6
|
-
import { mapAttributeToReactProperty } from "./mapAttributeToReactProperty.mjs";
|
|
7
|
-
const elementFactory = (element) => (props) => {
|
|
8
|
-
const result = { ...props };
|
|
9
|
-
result["className"] = clsx(
|
|
10
|
-
String(result["className"]),
|
|
11
|
-
String(result["class"])
|
|
12
|
-
);
|
|
13
|
-
delete result["class"];
|
|
14
|
-
return createElement(element, mapKeys(result, mapAttributeToReactProperty));
|
|
15
|
-
};
|
|
16
|
-
export {
|
|
17
|
-
elementFactory
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=elementFactory.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"elementFactory.mjs","sources":["../../../src/lib/elementFactory.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport { mapKeys } from \"remeda\";\nimport clsx from \"clsx\";\nimport { mapAttributeToReactProperty } from \"@/lib/mapAttributeToReactProperty\";\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n Pick<\n SVGElementTagNameMap,\n Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>\n >;\n\nexport const elementFactory =\n <E extends keyof ElementTagNameMap>(element: E) =>\n (props: Record<string, unknown>) => {\n const result = { ...props };\n\n // merge className and class\n result[\"className\"] = clsx(\n String(result[\"className\"]),\n String(result[\"class\"]),\n );\n\n delete result[\"class\"];\n\n return createElement(element, mapKeys(result, mapAttributeToReactProperty));\n };\n"],"names":[],"mappings":";;;;AAWO,MAAM,iBACX,CAAoC,YACpC,CAAC,UAAmC;AAC5B,QAAA,SAAS,EAAE,GAAG,MAAM;AAG1B,SAAO,WAAW,IAAI;AAAA,IACpB,OAAO,OAAO,WAAW,CAAC;AAAA,IAC1B,OAAO,OAAO,OAAO,CAAC;AAAA,EACxB;AAEA,SAAO,OAAO,OAAO;AAErB,SAAO,cAAc,SAAS,QAAQ,QAAQ,2BAA2B,CAAC;AAC5E;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mapAttributeToReactProperty.mjs","sources":["../../../src/lib/mapAttributeToReactProperty.ts"],"sourcesContent":["import { toCamelCase } from \"remeda\";\n\nconst keepWhenStartsWith = [\"aria-\", \"data-\"];\n\nexport const mapAttributeToReactProperty = (key: string) => {\n if (keepWhenStartsWith.some((prefix) => key.startsWith(prefix))) {\n return key;\n }\n\n return toCamelCase(key);\n};\n"],"names":[],"mappings":";AAEA,MAAM,qBAAqB,CAAC,SAAS,OAAO;AAE/B,MAAA,8BAA8B,CAAC,QAAgB;AACtD,MAAA,mBAAmB,KAAK,CAAC,WAAW,IAAI,WAAW,MAAM,CAAC,GAAG;AACxD,WAAA;AAAA,EAAA;AAGT,SAAO,YAAY,GAAG;AACxB;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use client"
|
|
2
|
-
/* */
|
|
3
|
-
import { isFunction } from "remeda";
|
|
4
|
-
const defaultEventPropMatcher = /on[A-Z].*/;
|
|
5
|
-
const isEventProp = (name, value) => !!name.match(defaultEventPropMatcher) && isFunction(value);
|
|
6
|
-
const isStyleProp = (name) => name === "style";
|
|
7
|
-
const isReactSuspendedStyle = (value) => value === "display: none !important;";
|
|
8
|
-
export {
|
|
9
|
-
isEventProp,
|
|
10
|
-
isReactSuspendedStyle,
|
|
11
|
-
isStyleProp
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=propClassifiers.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"propClassifiers.mjs","sources":["../../../src/lib/propClassifiers.ts"],"sourcesContent":["import { isFunction } from \"remeda\";\nimport type { EventHandler } from \"@mittwald/flow-remote-core\";\n\nconst defaultEventPropMatcher = /on[A-Z].*/;\n\nexport const isEventProp = (\n name: string,\n value: unknown,\n): value is EventHandler =>\n !!name.match(defaultEventPropMatcher) && isFunction(value);\n\nexport const isStyleProp = (name: string): boolean => name === \"style\";\n\nexport const isReactSuspendedStyle = (value: unknown): boolean =>\n value === \"display: none !important;\";\n"],"names":[],"mappings":";AAGA,MAAM,0BAA0B;AAEnB,MAAA,cAAc,CACzB,MACA,UAEA,CAAC,CAAC,KAAK,MAAM,uBAAuB,KAAK,WAAW,KAAK;AAE9C,MAAA,cAAc,CAAC,SAA0B,SAAS;AAElD,MAAA,wBAAwB,CAAC,UACpC,UAAU;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { RemoteComponentsMap } from './lib/types';
|
|
2
|
-
import { CSSProperties, FC, ReactNode } from 'react';
|
|
3
|
-
export interface RemoteRendererProps {
|
|
4
|
-
integrations?: RemoteComponentsMap<never>[];
|
|
5
|
-
src: string;
|
|
6
|
-
iframeStyle?: CSSProperties;
|
|
7
|
-
fallback?: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const RemoteRendererClient: FC<RemoteRendererProps>;
|
|
10
|
-
export default RemoteRendererClient;
|
|
11
|
-
//# sourceMappingURL=RemoteRendererClient.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RemoteRendererClient.d.ts","sourceRoot":"","sources":["../../src/RemoteRendererClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOvD,OAAO,KAAK,EAAiB,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,mBAAmB,CAgDxD,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"}
|