@mittwald/flow-remote-react-renderer 0.2.0-alpha.8 → 0.2.0-alpha.81

package/dist/js/RemoteRenderer.mjs

@@ -0,0 +1,16 @@
+"use client"
+/* */
+"use client";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { useIsMounted } from "./hooks/useIsMounted.mjs";
+const RemoteRendererClient = React.lazy(() => import("./RemoteRendererClient.mjs"));
+const RemoteRenderer = (props) => {
+  const isMounted = useIsMounted();
+  return isMounted ? /* @__PURE__ */ jsx(RemoteRendererClient, { ...props }) : null;
+};
+export {
+  RemoteRenderer,
+  RemoteRenderer as default
+};
+//# sourceMappingURL=RemoteRenderer.mjs.map

package/dist/js/RemoteRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteRenderer.mjs","sources":["../../src/RemoteRenderer.tsx"],"sourcesContent":["\"use client\";\nimport type { FC } from \"react\";\nimport React from \"react\";\nimport { useIsMounted } from \"@/hooks/useIsMounted\";\nimport type { RemoteRendererProps } from \"@/RemoteRendererClient\";\n\nconst RemoteRendererClient = React.lazy(() => import(\"./RemoteRendererClient\"));\n\nexport const RemoteRenderer: FC<RemoteRendererProps> = (props) => {\n  const isMounted = useIsMounted();\n  return isMounted ? <RemoteRendererClient {...props} /> : null;\n};\n\nexport default RemoteRenderer;\n"],"names":[],"mappings":";;;;AAMA,MAAM,uBAAuB,MAAM,KAAK,MAAM,OAAO,4BAAwB,CAAC;AAEjE,MAAA,iBAA0C,CAAC,UAAU;AAChE,QAAM,YAAY,aAAa;AAC/B,SAAO,YAAY,oBAAC,sBAAsB,EAAA,GAAG,MAAO,CAAA,IAAK;AAC3D;"}

package/dist/js/RemoteRendererClient.mjs

@@ -0,0 +1,55 @@
+"use client"
+/* */
+"use client";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { components } from "./components.mjs";
+import { RemoteReceiver, RemoteRootRenderer } from "@mfalkenberg/remote-dom-react/host";
+import { connectRemoteIframeRef } from "@mittwald/flow-remote-core";
+import { useMemo, useState } from "react";
+import { reduce } from "remeda";
+const RemoteRendererClient = (props) => {
+  const { integrations = [], src, iframeStyle, fallback } = props;
+  const receiver = useMemo(() => new RemoteReceiver(), []);
+  const mergedComponents = useMemo(() => {
+    return new Map(
+      Object.entries(
+        reduce(
+          [...integrations, components],
+          (merged, current) => ({
+            ...merged,
+            ...current
+          }),
+          {}
+        )
+      )
+    );
+  }, [...integrations]);
+  const connect = connectRemoteIframeRef(receiver.connection);
+  const [iframeHasLoaded, setIframeHasLoaded] = useState(false);
+  const remoteFrame = /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      onLoad: () => setIframeHasLoaded(true),
+      ref: connect,
+      src,
+      style: iframeStyle ?? {
+        visibility: "hidden",
+        height: 0,
+        width: 0,
+        border: "none",
+        position: "absolute",
+        marginLeft: "-9999px"
+      }
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !iframeHasLoaded && fallback,
+    /* @__PURE__ */ jsx(RemoteRootRenderer, { components: mergedComponents, receiver }),
+    remoteFrame
+  ] });
+};
+export {
+  RemoteRendererClient,
+  RemoteRendererClient as default
+};
+//# sourceMappingURL=RemoteRendererClient.mjs.map

package/dist/js/RemoteRendererClient.mjs.map

@@ -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;"}

package/dist/js/auto-generated/index.mjs

@@ -0,0 +1,113 @@
+"use client"
+/* */
+import { createFlowRemoteComponentRenderer } from "../lib/createFlowRemoteComponentRenderer.mjs";
+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, ClearPropsContext, CheckboxGroup, CheckboxButton, Checkbox, Chat, Button, Breadcrumb, Badge, AvatarStack, Avatar, Align, AlertIcon, AlertBadge, Alert, ActionGroup, Accordion } from "@mittwald/flow-react-components";
+const flowComponents = {
+  "flr-accordion": createFlowRemoteComponentRenderer(Accordion),
+  "flr-action-group": createFlowRemoteComponentRenderer(ActionGroup),
+  "flr-alert": createFlowRemoteComponentRenderer(Alert),
+  "flr-alert-badge": createFlowRemoteComponentRenderer(AlertBadge),
+  "flr-alert-icon": createFlowRemoteComponentRenderer(AlertIcon),
+  "flr-align": createFlowRemoteComponentRenderer(Align),
+  "flr-avatar": createFlowRemoteComponentRenderer(Avatar),
+  "flr-avatar-stack": createFlowRemoteComponentRenderer(AvatarStack),
+  "flr-badge": createFlowRemoteComponentRenderer(Badge),
+  "flr-breadcrumb": createFlowRemoteComponentRenderer(Breadcrumb),
+  "flr-button": createFlowRemoteComponentRenderer(Button),
+  "flr-chat": createFlowRemoteComponentRenderer(Chat),
+  "flr-checkbox": createFlowRemoteComponentRenderer(Checkbox),
+  "flr-checkbox-button": createFlowRemoteComponentRenderer(CheckboxButton),
+  "flr-checkbox-group": createFlowRemoteComponentRenderer(CheckboxGroup),
+  "flr-clear-props-context": createFlowRemoteComponentRenderer(ClearPropsContext),
+  "flr-code-block": createFlowRemoteComponentRenderer(CodeBlock),
+  "flr-column-layout": createFlowRemoteComponentRenderer(ColumnLayout),
+  "flr-content": createFlowRemoteComponentRenderer(Content),
+  "flr-context-menu-content": createFlowRemoteComponentRenderer(ContextMenuContent),
+  "flr-context-menu-section": createFlowRemoteComponentRenderer(ContextMenuSection),
+  "flr-contextual-help": createFlowRemoteComponentRenderer(ContextualHelp),
+  "flr-contextual-help-trigger": createFlowRemoteComponentRenderer(
+    ContextualHelpTrigger
+  ),
+  "flr-copy-button": createFlowRemoteComponentRenderer(CopyButton),
+  "flr-counter-badge": createFlowRemoteComponentRenderer(CounterBadge),
+  "flr-country-options": createFlowRemoteComponentRenderer(CountryOptions),
+  "flr-date-picker": createFlowRemoteComponentRenderer(DatePicker),
+  "flr-date-range-picker": createFlowRemoteComponentRenderer(DateRangePicker),
+  "flr-dialog-trigger": createFlowRemoteComponentRenderer(DialogTrigger),
+  "flr-div": createFlowRemoteComponentRenderer(Div),
+  "flr-field-description": createFlowRemoteComponentRenderer(FieldDescription),
+  "flr-field-error": createFlowRemoteComponentRenderer(FieldError),
+  "flr-file-card": createFlowRemoteComponentRenderer(FileCard),
+  "flr-file-card-list": createFlowRemoteComponentRenderer(FileCardList),
+  "flr-file-field": createFlowRemoteComponentRenderer(FileField),
+  "flr-fragment": createFlowRemoteComponentRenderer(Fragment),
+  "flr-header": createFlowRemoteComponentRenderer(Header),
+  "flr-header-navigation": createFlowRemoteComponentRenderer(HeaderNavigation),
+  "flr-heading": createFlowRemoteComponentRenderer(Heading),
+  "flr-icon": createFlowRemoteComponentRenderer(Icon),
+  "flr-illustrated-message": createFlowRemoteComponentRenderer(IllustratedMessage),
+  "flr-image": createFlowRemoteComponentRenderer(Image),
+  "flr-initials": createFlowRemoteComponentRenderer(Initials),
+  "flr-inline-code": createFlowRemoteComponentRenderer(InlineCode),
+  "flr-items-grid-list": createFlowRemoteComponentRenderer(GridList),
+  "flr-items-grid-list-item": createFlowRemoteComponentRenderer(GridListItem),
+  "flr-label": createFlowRemoteComponentRenderer(Label),
+  "flr-labeled-value": createFlowRemoteComponentRenderer(LabeledValue),
+  "flr-layout-card": createFlowRemoteComponentRenderer(LayoutCard),
+  "flr-light-box": createFlowRemoteComponentRenderer(LightBox),
+  "flr-light-box-trigger": createFlowRemoteComponentRenderer(LightBoxTrigger),
+  "flr-link": createFlowRemoteComponentRenderer(Link),
+  "flr-list-empty-view": createFlowRemoteComponentRenderer(EmptyView),
+  "flr-list-item-view-content": createFlowRemoteComponentRenderer(ListItemViewContent),
+  "flr-list-summary": createFlowRemoteComponentRenderer(ListSummary),
+  "flr-loading-spinner": createFlowRemoteComponentRenderer(LoadingSpinner),
+  "flr-markdown": createFlowRemoteComponentRenderer(Markdown),
+  "flr-menu-item": createFlowRemoteComponentRenderer(MenuItem),
+  "flr-menu-trigger": createFlowRemoteComponentRenderer(MenuTrigger),
+  "flr-message": createFlowRemoteComponentRenderer(Message),
+  "flr-message-separator": createFlowRemoteComponentRenderer(MessageSeparator),
+  "flr-message-thread": createFlowRemoteComponentRenderer(MessageThread),
+  "flr-navigation": createFlowRemoteComponentRenderer(Navigation),
+  "flr-navigation-group": createFlowRemoteComponentRenderer(NavigationGroup),
+  "flr-notification": createFlowRemoteComponentRenderer(Notification),
+  "flr-notification-provider": createFlowRemoteComponentRenderer(NotificationProvider),
+  "flr-number-field": createFlowRemoteComponentRenderer(NumberField),
+  "flr-option": createFlowRemoteComponentRenderer(Option),
+  "flr-overlay-content": createFlowRemoteComponentRenderer(OverlayContent),
+  "flr-popover-content": createFlowRemoteComponentRenderer(PopoverContent),
+  "flr-progress-bar": createFlowRemoteComponentRenderer(ProgressBar),
+  "flr-radio": createFlowRemoteComponentRenderer(Radio),
+  "flr-radio-button": createFlowRemoteComponentRenderer(RadioButton),
+  "flr-radio-group": createFlowRemoteComponentRenderer(RadioGroup),
+  "flr-search-field": createFlowRemoteComponentRenderer(SearchField),
+  "flr-section": createFlowRemoteComponentRenderer(Section),
+  "flr-segment": createFlowRemoteComponentRenderer(Segment),
+  "flr-segmented-control": createFlowRemoteComponentRenderer(SegmentedControl),
+  "flr-select": createFlowRemoteComponentRenderer(Select),
+  "flr-separator": createFlowRemoteComponentRenderer(Separator),
+  "flr-skeleton": createFlowRemoteComponentRenderer(Skeleton),
+  "flr-skeleton-text": createFlowRemoteComponentRenderer(SkeletonText),
+  "flr-slider": createFlowRemoteComponentRenderer(Slider),
+  "flr-switch": createFlowRemoteComponentRenderer(Switch),
+  "flr-tab": createFlowRemoteComponentRenderer(Tab),
+  "flr-tab-title": createFlowRemoteComponentRenderer(TabTitle),
+  "flr-table": createFlowRemoteComponentRenderer(Table),
+  "flr-table-body": createFlowRemoteComponentRenderer(TableBody),
+  "flr-table-cell": createFlowRemoteComponentRenderer(TableCell),
+  "flr-table-column": createFlowRemoteComponentRenderer(TableColumn),
+  "flr-table-footer-row": createFlowRemoteComponentRenderer(TableFooterRow),
+  "flr-table-header": createFlowRemoteComponentRenderer(TableHeader),
+  "flr-table-row": createFlowRemoteComponentRenderer(TableRow),
+  "flr-tabs": createFlowRemoteComponentRenderer(Tabs),
+  "flr-text": createFlowRemoteComponentRenderer(Text),
+  "flr-text-area": createFlowRemoteComponentRenderer(TextArea),
+  "flr-text-field": createFlowRemoteComponentRenderer(TextField),
+  "flr-time-field": createFlowRemoteComponentRenderer(TimeField),
+  "flr-tooltip": createFlowRemoteComponentRenderer(Tooltip),
+  "flr-tooltip-trigger": createFlowRemoteComponentRenderer(TooltipTrigger)
+};
+export {
+  flowComponents as default,
+  flowComponents
+};
+//# sourceMappingURL=index.mjs.map

package/dist/js/auto-generated/index.mjs.map

@@ -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 { ClearPropsContext as ClearPropsContext } 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-clear-props-context\":\n    createFlowRemoteComponentRenderer(ClearPropsContext),\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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"}

package/dist/js/components/Form.mjs

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { getFormDataObject } from "./lib/getFormDataObject.mjs";
+const Form = forwardRef((props, ref) => {
+  const {
+    action: actionFromProps,
+    onSubmit: onSubmitFromProps,
+    ...rest
+  } = props;
+  const action = typeof actionFromProps === "function" ? (formData) => actionFromProps(getFormDataObject(formData)) : actionFromProps;
+  const onSubmit = onSubmitFromProps ? (e) => {
+    e.preventDefault();
+    onSubmitFromProps(getFormDataObject(new FormData(e.currentTarget)));
+  } : void 0;
+  return /* @__PURE__ */ jsx("form", { ref, ...rest, action, onSubmit });
+});
+export {
+  Form
+};
+//# sourceMappingURL=Form.mjs.map

package/dist/js/components/Form.mjs.map

@@ -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;"}

package/dist/js/components/lib/getFormDataObject.mjs

@@ -0,0 +1,7 @@
+"use client"
+/* */
+const getFormDataObject = (formData) => Object.fromEntries(Array.from(formData.entries()));
+export {
+  getFormDataObject
+};
+//# sourceMappingURL=getFormDataObject.mjs.map

package/dist/js/components/lib/getFormDataObject.mjs.map

@@ -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

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { Form } from "./components/Form.mjs";
+import { createFlowRemoteComponentRenderer } from "./lib/createFlowRemoteComponentRenderer.mjs";
+import { elementFactory } from "./lib/elementFactory.mjs";
+import { createRemoteComponentRenderer } from "@mfalkenberg/remote-dom-react/host";
+import { flowComponents } from "./auto-generated/index.mjs";
+const htmlComponentsMap = {
+  svg: createRemoteComponentRenderer(elementFactory("svg")),
+  circle: createRemoteComponentRenderer(elementFactory("circle")),
+  g: createRemoteComponentRenderer(elementFactory("g")),
+  path: createRemoteComponentRenderer(elementFactory("path")),
+  strong: createRemoteComponentRenderer(elementFactory("strong"))
+};
+const flowComponentsMap = {
+  "flr-form": createFlowRemoteComponentRenderer(Form)
+};
+const components = {
+  ...htmlComponentsMap,
+  ...flowComponentsMap,
+  ...flowComponents
+};
+export {
+  components
+};
+//# sourceMappingURL=components.mjs.map

package/dist/js/components.mjs.map

@@ -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;"}

package/dist/js/hooks/useIsMounted.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { useState, useEffect } from "react";
+const useIsMounted = () => {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+};
+export {
+  useIsMounted
+};
+//# sourceMappingURL=useIsMounted.mjs.map

package/dist/js/hooks/useIsMounted.mjs.map

@@ -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;"}

package/dist/js/index.mjs

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { RemoteRenderer } from "./RemoteRenderer.mjs";
+export {
+  RemoteRenderer
+};
+//# sourceMappingURL=index.mjs.map

package/dist/js/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/js/lib/createFlowRemoteComponentRenderer.mjs

@@ -0,0 +1,36 @@
+"use client"
+/* */
+import { jsx } from "react/jsx-runtime";
+import { isEventProp, isStyleProp, isReactSuspendedStyle } from "./propClassifiers.mjs";
+import { createRemoteComponentRenderer } from "@mfalkenberg/remote-dom-react/host";
+import { mapEventHandler } from "@mittwald/flow-remote-core";
+import "react";
+import { mapValues } from "remeda";
+const mapProperty = (val, key) => {
+  if (isEventProp(key, val)) {
+    return mapEventHandler(val, key);
+  }
+  if (isStyleProp(key)) {
+    if (isReactSuspendedStyle(val)) {
+      return {
+        display: "none"
+      };
+    }
+    return {};
+  }
+  return val;
+};
+const createFlowRemoteComponentRenderer = (Component) => {
+  function HostComponent(props) {
+    const hostComponentProps = mapValues(
+      props,
+      (v, k) => mapProperty(v, k)
+    );
+    return /* @__PURE__ */ jsx(Component, { ...hostComponentProps });
+  }
+  return createRemoteComponentRenderer(HostComponent);
+};
+export {
+  createFlowRemoteComponentRenderer
+};
+//# sourceMappingURL=createFlowRemoteComponentRenderer.mjs.map

package/dist/js/lib/createFlowRemoteComponentRenderer.mjs.map

@@ -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;"}

package/dist/js/lib/elementFactory.mjs

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { createElement } from "react";
+import { mapKeys } from "remeda";
+import clsx from "clsx";
+import { mapAttributeToReactProperty } from "./mapAttributeToReactProperty.mjs";
+const elementFactory = (element) => (props) => {
+  const result = { ...props };
+  result["className"] = clsx(
+    String(result["className"]),
+    String(result["class"])
+  );
+  delete result["class"];
+  return createElement(element, mapKeys(result, mapAttributeToReactProperty));
+};
+export {
+  elementFactory
+};
+//# sourceMappingURL=elementFactory.mjs.map

package/dist/js/lib/elementFactory.mjs.map

@@ -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;"}

package/dist/js/lib/mapAttributeToReactProperty.mjs

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { toCamelCase } from "remeda";
+const keepWhenStartsWith = ["aria-", "data-"];
+const mapAttributeToReactProperty = (key) => {
+  if (keepWhenStartsWith.some((prefix) => key.startsWith(prefix))) {
+    return key;
+  }
+  return toCamelCase(key);
+};
+export {
+  mapAttributeToReactProperty
+};
+//# sourceMappingURL=mapAttributeToReactProperty.mjs.map

package/dist/js/lib/mapAttributeToReactProperty.mjs.map

@@ -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;"}

package/dist/js/lib/propClassifiers.mjs

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { isFunction } from "remeda";
+const defaultEventPropMatcher = /on[A-Z].*/;
+const isEventProp = (name, value) => !!name.match(defaultEventPropMatcher) && isFunction(value);
+const isStyleProp = (name) => name === "style";
+const isReactSuspendedStyle = (value) => value === "display: none !important;";
+export {
+  isEventProp,
+  isReactSuspendedStyle,
+  isStyleProp
+};
+//# sourceMappingURL=propClassifiers.mjs.map

package/dist/js/lib/propClassifiers.mjs.map

@@ -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;"}

package/dist/types/RemoteRenderer.d.ts

@@ -1,8 +1,5 @@
-import { CSSProperties, FC } from 'react';
-import { RemoteComponentsMap } from './lib/types';
-export interface RemoteRendererProps {
-    integrations?: RemoteComponentsMap<never>[];
-    src: string;
-    iframeStyle?: CSSProperties;
-}
+import { FC } from 'react';
+import { RemoteRendererProps } from './RemoteRendererClient';
 export declare const RemoteRenderer: FC<RemoteRendererProps>;
+export default RemoteRenderer;
+//# sourceMappingURL=RemoteRenderer.d.ts.map

package/dist/types/RemoteRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteRenderer.d.ts","sourceRoot":"","sources":["../../src/RemoteRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAGlD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/RemoteRendererClient.d.ts

@@ -0,0 +1,11 @@
+import { RemoteComponentsMap } from './lib/types';
+import { CSSProperties, FC, ReactNode } from 'react';
+export interface RemoteRendererProps {
+    integrations?: RemoteComponentsMap<never>[];
+    src: string;
+    iframeStyle?: CSSProperties;
+    fallback?: ReactNode;
+}
+export declare const RemoteRendererClient: FC<RemoteRendererProps>;
+export default RemoteRendererClient;
+//# sourceMappingURL=RemoteRendererClient.d.ts.map

package/dist/types/RemoteRendererClient.d.ts.map

@@ -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"}