@mittwald/flow-remote-react-renderer 0.2.0-alpha.12 → 0.2.0-alpha.120

package/dist/index.js

@@ -1,751 +0,0 @@
-import { jsx as u, jsxs as x, Fragment as C } from "react/jsx-runtime";
-import { createRemoteComponentRenderer as f, RemoteReceiver as T, RemoteRootRenderer as v } from "@remote-dom/react/host";
-import { forwardRef as s, createElement as g, lazy as r, useMemo as h } from "react";
-import { isFunction as y, mapValues as S, toCamelCase as R, mapKeys as F, reduce as w } from "remeda";
-import { mapEventHandler as k, connectRemoteIframeRef as M } from "@mittwald/flow-remote-core";
-import P from "clsx";
-const c = (t) => Object.fromEntries(Array.from(t.entries())), B = s((t, o) => {
-  const {
-    action: l,
-    onSubmit: i,
-    ...a
-  } = t;
-  return /* @__PURE__ */ u("form", { ref: o, ...a, action: typeof l == "function" ? (n) => l(c(n)) : l, onSubmit: i ? (n) => {
-    n.preventDefault(), i(c(new FormData(n.currentTarget)));
-  } : void 0 });
-}), L = /on[A-Z].*/, A = (t, o) => !!t.match(L) && y(o), H = (t) => t === "style", I = (t) => t === "display: none !important;", N = (t, o) => A(o, t) ? k(t, o) : H(o) ? I(t) ? {
-  display: "none"
-} : {} : t, e = (t) => {
-  const o = s(function(i, a) {
-    const m = S(i, (d, n) => N(d, n));
-    return g(t, {
-      ...m,
-      ref: a
-    });
-  });
-  return f(o);
-}, D = ["aria-", "data-"], E = (t) => D.some((o) => t.startsWith(o)) ? t : R(t), p = (t) => (o) => {
-  const l = { ...o };
-  return l.className = P(
-    String(l.className),
-    String(l.class)
-  ), delete l.class, g(t, F(l, E));
-}, G = {
-  "flr-accordion": e(
-    r(
-      () => import("@mittwald/flow-react-components/Accordion").then((t) => ({
-        default: t.Accordion
-      }))
-    )
-  ),
-  "flr-action": e(
-    r(
-      () => import("@mittwald/flow-react-components/Action").then((t) => ({
-        default: t.Action
-      }))
-    )
-  ),
-  "flr-action-group": e(
-    r(
-      () => import("@mittwald/flow-react-components/ActionGroup").then((t) => ({
-        default: t.ActionGroup
-      }))
-    )
-  ),
-  "flr-alert": e(
-    r(
-      () => import("@mittwald/flow-react-components/Alert").then((t) => ({
-        default: t.Alert
-      }))
-    )
-  ),
-  "flr-alert-badge": e(
-    r(
-      () => import("@mittwald/flow-react-components/AlertBadge").then((t) => ({
-        default: t.AlertBadge
-      }))
-    )
-  ),
-  "flr-alert-icon": e(
-    r(
-      () => import("@mittwald/flow-react-components/AlertIcon").then((t) => ({
-        default: t.AlertIcon
-      }))
-    )
-  ),
-  "flr-align": e(
-    r(
-      () => import("@mittwald/flow-react-components/Align").then((t) => ({
-        default: t.Align
-      }))
-    )
-  ),
-  "flr-avatar": e(
-    r(
-      () => import("@mittwald/flow-react-components/Avatar").then((t) => ({
-        default: t.Avatar
-      }))
-    )
-  ),
-  "flr-badge": e(
-    r(
-      () => import("@mittwald/flow-react-components/Badge").then((t) => ({
-        default: t.Badge
-      }))
-    )
-  ),
-  "flr-breadcrumb": e(
-    r(
-      () => import("@mittwald/flow-react-components/Breadcrumb").then((t) => ({
-        default: t.Breadcrumb
-      }))
-    )
-  ),
-  "flr-button": e(
-    r(
-      () => import("@mittwald/flow-react-components/Button").then((t) => ({
-        default: t.Button
-      }))
-    )
-  ),
-  "flr-checkbox": e(
-    r(
-      () => import("@mittwald/flow-react-components/Checkbox").then((t) => ({
-        default: t.Checkbox
-      }))
-    )
-  ),
-  "flr-checkbox-button": e(
-    r(
-      () => import("@mittwald/flow-react-components/CheckboxButton").then(
-        (t) => ({ default: t.CheckboxButton })
-      )
-    )
-  ),
-  "flr-checkbox-group": e(
-    r(
-      () => import("@mittwald/flow-react-components/CheckboxGroup").then(
-        (t) => ({ default: t.CheckboxGroup })
-      )
-    )
-  ),
-  "flr-code-block": e(
-    r(
-      () => import("@mittwald/flow-react-components/CodeBlock").then((t) => ({
-        default: t.CodeBlock
-      }))
-    )
-  ),
-  "flr-column-layout": e(
-    r(
-      () => import("@mittwald/flow-react-components/ColumnLayout").then((t) => ({
-        default: t.ColumnLayout
-      }))
-    )
-  ),
-  "flr-content": e(
-    r(
-      () => import("@mittwald/flow-react-components/Content").then((t) => ({
-        default: t.Content
-      }))
-    )
-  ),
-  "flr-context-menu": e(
-    r(
-      () => import("@mittwald/flow-react-components/ContextMenu").then((t) => ({
-        default: t.ContextMenu
-      }))
-    )
-  ),
-  "flr-context-menu-section": e(
-    r(
-      () => import("@mittwald/flow-react-components/ContextMenu").then((t) => ({
-        default: t.ContextMenuSection
-      }))
-    )
-  ),
-  "flr-context-menu-trigger": e(
-    r(
-      () => import("@mittwald/flow-react-components/ContextMenu").then((t) => ({
-        default: t.ContextMenuTrigger
-      }))
-    )
-  ),
-  "flr-contextual-help": e(
-    r(
-      () => import("@mittwald/flow-react-components/ContextualHelp").then(
-        (t) => ({ default: t.ContextualHelp })
-      )
-    )
-  ),
-  "flr-contextual-help-trigger": e(
-    r(
-      () => import("@mittwald/flow-react-components/ContextualHelp").then(
-        (t) => ({ default: t.ContextualHelpTrigger })
-      )
-    )
-  ),
-  "flr-copy-button": e(
-    r(
-      () => import("@mittwald/flow-react-components/CopyButton").then((t) => ({
-        default: t.CopyButton
-      }))
-    )
-  ),
-  "flr-counter-badge": e(
-    r(
-      () => import("@mittwald/flow-react-components/CounterBadge").then((t) => ({
-        default: t.CounterBadge
-      }))
-    )
-  ),
-  "flr-country-options": e(
-    r(
-      () => import("@mittwald/flow-react-components/Select").then((t) => ({
-        default: t.CountryOptions
-      }))
-    )
-  ),
-  "flr-date-picker": e(
-    r(
-      () => import("@mittwald/flow-react-components/DatePicker").then((t) => ({
-        default: t.DatePicker
-      }))
-    )
-  ),
-  "flr-date-range-picker": e(
-    r(
-      () => import("@mittwald/flow-react-components/DateRangePicker").then(
-        (t) => ({ default: t.DateRangePicker })
-      )
-    )
-  ),
-  "flr-div": e(
-    r(
-      () => import("@mittwald/flow-react-components/Div").then((t) => ({
-        default: t.Div
-      }))
-    )
-  ),
-  "flr-field-description": e(
-    r(
-      () => import("@mittwald/flow-react-components/FieldDescription").then(
-        (t) => ({ default: t.FieldDescription })
-      )
-    )
-  ),
-  "flr-field-error": e(
-    r(
-      () => import("@mittwald/flow-react-components/FieldError").then((t) => ({
-        default: t.FieldError
-      }))
-    )
-  ),
-  "flr-file-card": e(
-    r(
-      () => import("@mittwald/flow-react-components/FileCard").then((t) => ({
-        default: t.FileCard
-      }))
-    )
-  ),
-  "flr-file-card-list": e(
-    r(
-      () => import("@mittwald/flow-react-components/FileCardList").then((t) => ({
-        default: t.FileCardList
-      }))
-    )
-  ),
-  "flr-file-field": e(
-    r(
-      () => import("@mittwald/flow-react-components/FileField").then((t) => ({
-        default: t.FileField
-      }))
-    )
-  ),
-  "flr-fragment": e(
-    r(
-      () => import("@mittwald/flow-react-components/Fragment").then((t) => ({
-        default: t.Fragment
-      }))
-    )
-  ),
-  "flr-header": e(
-    r(
-      () => import("@mittwald/flow-react-components/Header").then((t) => ({
-        default: t.Header
-      }))
-    )
-  ),
-  "flr-header-navigation": e(
-    r(
-      () => import("@mittwald/flow-react-components/HeaderNavigation").then(
-        (t) => ({ default: t.HeaderNavigation })
-      )
-    )
-  ),
-  "flr-heading": e(
-    r(
-      () => import("@mittwald/flow-react-components/Heading").then((t) => ({
-        default: t.Heading
-      }))
-    )
-  ),
-  "flr-icon": e(
-    r(
-      () => import("@mittwald/flow-react-components/Icon").then((t) => ({
-        default: t.Icon
-      }))
-    )
-  ),
-  "flr-illustrated-message": e(
-    r(
-      () => import("@mittwald/flow-react-components/IllustratedMessage").then(
-        (t) => ({ default: t.IllustratedMessage })
-      )
-    )
-  ),
-  "flr-image": e(
-    r(
-      () => import("@mittwald/flow-react-components/Image").then((t) => ({
-        default: t.Image
-      }))
-    )
-  ),
-  "flr-initials": e(
-    r(
-      () => import("@mittwald/flow-react-components/Initials").then((t) => ({
-        default: t.Initials
-      }))
-    )
-  ),
-  "flr-inline-code": e(
-    r(
-      () => import("@mittwald/flow-react-components/InlineCode").then((t) => ({
-        default: t.InlineCode
-      }))
-    )
-  ),
-  "flr-items-grid-list": e(
-    r(
-      () => import("@mittwald/flow-react-components/List").then((t) => ({
-        default: t.GridList
-      }))
-    )
-  ),
-  "flr-items-grid-list-item": e(
-    r(
-      () => import("@mittwald/flow-react-components/List").then((t) => ({
-        default: t.GridListItem
-      }))
-    )
-  ),
-  "flr-label": e(
-    r(
-      () => import("@mittwald/flow-react-components/Label").then((t) => ({
-        default: t.Label
-      }))
-    )
-  ),
-  "flr-labeled-value": e(
-    r(
-      () => import("@mittwald/flow-react-components/LabeledValue").then((t) => ({
-        default: t.LabeledValue
-      }))
-    )
-  ),
-  "flr-layout-card": e(
-    r(
-      () => import("@mittwald/flow-react-components/LayoutCard").then((t) => ({
-        default: t.LayoutCard
-      }))
-    )
-  ),
-  "flr-light-box": e(
-    r(
-      () => import("@mittwald/flow-react-components/LightBox").then((t) => ({
-        default: t.LightBox
-      }))
-    )
-  ),
-  "flr-light-box-trigger": e(
-    r(
-      () => import("@mittwald/flow-react-components/LightBox").then((t) => ({
-        default: t.LightBoxTrigger
-      }))
-    )
-  ),
-  "flr-link": e(
-    r(
-      () => import("@mittwald/flow-react-components/Link").then((t) => ({
-        default: t.Link
-      }))
-    )
-  ),
-  "flr-list-empty-view": e(
-    r(
-      () => import("@mittwald/flow-react-components/List").then((t) => ({
-        default: t.EmptyView
-      }))
-    )
-  ),
-  "flr-list-summary": e(
-    r(
-      () => import("@mittwald/flow-react-components/List").then((t) => ({
-        default: t.ListSummary
-      }))
-    )
-  ),
-  "flr-loading-spinner": e(
-    r(
-      () => import("@mittwald/flow-react-components/LoadingSpinner").then(
-        (t) => ({ default: t.LoadingSpinner })
-      )
-    )
-  ),
-  "flr-markdown": e(
-    r(
-      () => import("@mittwald/flow-react-components/Markdown").then((t) => ({
-        default: t.Markdown
-      }))
-    )
-  ),
-  "flr-menu-item": e(
-    r(
-      () => import("@mittwald/flow-react-components/MenuItem").then((t) => ({
-        default: t.MenuItem
-      }))
-    )
-  ),
-  "flr-message": e(
-    r(
-      () => import("@mittwald/flow-react-components/Message").then((t) => ({
-        default: t.Message
-      }))
-    )
-  ),
-  "flr-modal": e(
-    r(
-      () => import("@mittwald/flow-react-components/Modal").then((t) => ({
-        default: t.Modal
-      }))
-    )
-  ),
-  "flr-modal-trigger": e(
-    r(
-      () => import("@mittwald/flow-react-components/Modal").then((t) => ({
-        default: t.ModalTrigger
-      }))
-    )
-  ),
-  "flr-navigation": e(
-    r(
-      () => import("@mittwald/flow-react-components/Navigation").then((t) => ({
-        default: t.Navigation
-      }))
-    )
-  ),
-  "flr-navigation-group": e(
-    r(
-      () => import("@mittwald/flow-react-components/Navigation").then((t) => ({
-        default: t.NavigationGroup
-      }))
-    )
-  ),
-  "flr-notification": e(
-    r(
-      () => import("@mittwald/flow-react-components/Notification").then((t) => ({
-        default: t.Notification
-      }))
-    )
-  ),
-  "flr-notification-provider": e(
-    r(
-      () => import("@mittwald/flow-react-components/NotificationProvider").then(
-        (t) => ({ default: t.NotificationProvider })
-      )
-    )
-  ),
-  "flr-number-field": e(
-    r(
-      () => import("@mittwald/flow-react-components/NumberField").then((t) => ({
-        default: t.NumberField
-      }))
-    )
-  ),
-  "flr-option": e(
-    r(
-      () => import("@mittwald/flow-react-components/Select").then((t) => ({
-        default: t.Option
-      }))
-    )
-  ),
-  "flr-popover": e(
-    r(
-      () => import("@mittwald/flow-react-components/Popover").then((t) => ({
-        default: t.Popover
-      }))
-    )
-  ),
-  "flr-popover-trigger": e(
-    r(
-      () => import("@mittwald/flow-react-components/Popover").then((t) => ({
-        default: t.PopoverTrigger
-      }))
-    )
-  ),
-  "flr-progress-bar": e(
-    r(
-      () => import("@mittwald/flow-react-components/ProgressBar").then((t) => ({
-        default: t.ProgressBar
-      }))
-    )
-  ),
-  "flr-radio": e(
-    r(
-      () => import("@mittwald/flow-react-components/RadioGroup").then((t) => ({
-        default: t.Radio
-      }))
-    )
-  ),
-  "flr-radio-button": e(
-    r(
-      () => import("@mittwald/flow-react-components/RadioGroup").then((t) => ({
-        default: t.RadioButton
-      }))
-    )
-  ),
-  "flr-radio-group": e(
-    r(
-      () => import("@mittwald/flow-react-components/RadioGroup").then((t) => ({
-        default: t.RadioGroup
-      }))
-    )
-  ),
-  "flr-search-field": e(
-    r(
-      () => import("@mittwald/flow-react-components/SearchField").then((t) => ({
-        default: t.SearchField
-      }))
-    )
-  ),
-  "flr-section": e(
-    r(
-      () => import("@mittwald/flow-react-components/Section").then((t) => ({
-        default: t.Section
-      }))
-    )
-  ),
-  "flr-segment": e(
-    r(
-      () => import("@mittwald/flow-react-components/SegmentedControl").then(
-        (t) => ({ default: t.Segment })
-      )
-    )
-  ),
-  "flr-segmented-control": e(
-    r(
-      () => import("@mittwald/flow-react-components/SegmentedControl").then(
-        (t) => ({ default: t.SegmentedControl })
-      )
-    )
-  ),
-  "flr-select": e(
-    r(
-      () => import("@mittwald/flow-react-components/Select").then((t) => ({
-        default: t.Select
-      }))
-    )
-  ),
-  "flr-separator": e(
-    r(
-      () => import("@mittwald/flow-react-components/Separator").then((t) => ({
-        default: t.Separator
-      }))
-    )
-  ),
-  "flr-skeleton": e(
-    r(
-      () => import("@mittwald/flow-react-components/Skeleton").then((t) => ({
-        default: t.Skeleton
-      }))
-    )
-  ),
-  "flr-skeleton-text": e(
-    r(
-      () => import("@mittwald/flow-react-components/SkeletonText").then((t) => ({
-        default: t.SkeletonText
-      }))
-    )
-  ),
-  "flr-slider": e(
-    r(
-      () => import("@mittwald/flow-react-components/Slider").then((t) => ({
-        default: t.Slider
-      }))
-    )
-  ),
-  "flr-switch": e(
-    r(
-      () => import("@mittwald/flow-react-components/Switch").then((t) => ({
-        default: t.Switch
-      }))
-    )
-  ),
-  "flr-tab": e(
-    r(
-      () => import("@mittwald/flow-react-components/Tabs").then((t) => ({
-        default: t.Tab
-      }))
-    )
-  ),
-  "flr-tab-title": e(
-    r(
-      () => import("@mittwald/flow-react-components/Tabs").then((t) => ({
-        default: t.TabTitle
-      }))
-    )
-  ),
-  "flr-table": e(
-    r(
-      () => import("@mittwald/flow-react-components/Table").then((t) => ({
-        default: t.Table
-      }))
-    )
-  ),
-  "flr-table-body": e(
-    r(
-      () => import("@mittwald/flow-react-components/Table").then((t) => ({
-        default: t.TableBody
-      }))
-    )
-  ),
-  "flr-table-cell": e(
-    r(
-      () => import("@mittwald/flow-react-components/Table").then((t) => ({
-        default: t.TableCell
-      }))
-    )
-  ),
-  "flr-table-column": e(
-    r(
-      () => import("@mittwald/flow-react-components/Table").then((t) => ({
-        default: t.TableColumn
-      }))
-    )
-  ),
-  "flr-table-footer-row": e(
-    r(
-      () => import("@mittwald/flow-react-components/Table").then((t) => ({
-        default: t.TableFooterRow
-      }))
-    )
-  ),
-  "flr-table-header": e(
-    r(
-      () => import("@mittwald/flow-react-components/Table").then((t) => ({
-        default: t.TableHeader
-      }))
-    )
-  ),
-  "flr-table-row": e(
-    r(
-      () => import("@mittwald/flow-react-components/Table").then((t) => ({
-        default: t.TableRow
-      }))
-    )
-  ),
-  "flr-tabs": e(
-    r(
-      () => import("@mittwald/flow-react-components/Tabs").then((t) => ({
-        default: t.Tabs
-      }))
-    )
-  ),
-  "flr-text": e(
-    r(
-      () => import("@mittwald/flow-react-components/Text").then((t) => ({
-        default: t.Text
-      }))
-    )
-  ),
-  "flr-text-area": e(
-    r(
-      () => import("@mittwald/flow-react-components/TextArea").then((t) => ({
-        default: t.TextArea
-      }))
-    )
-  ),
-  "flr-text-field": e(
-    r(
-      () => import("@mittwald/flow-react-components/TextField").then((t) => ({
-        default: t.TextField
-      }))
-    )
-  ),
-  "flr-time-field": e(
-    r(
-      () => import("@mittwald/flow-react-components/TimeField").then((t) => ({
-        default: t.TimeField
-      }))
-    )
-  ),
-  "flr-tooltip": e(
-    r(
-      () => import("@mittwald/flow-react-components/Tooltip").then((t) => ({
-        default: t.Tooltip
-      }))
-    )
-  ),
-  "flr-tooltip-trigger": e(
-    r(
-      () => import("@mittwald/flow-react-components/Tooltip").then((t) => ({
-        default: t.TooltipTrigger
-      }))
-    )
-  )
-}, j = {
-  svg: f(p("svg")),
-  circle: f(p("circle")),
-  g: f(p("g")),
-  path: f(p("path"))
-}, O = {
-  "flr-form": e(B)
-}, W = {
-  ...j,
-  ...O,
-  ...G
-}, Q = (t) => {
-  const { integrations: o = [], src: l, iframeStyle: i } = t, a = h(() => new T(), []), m = h(() => new Map(
-    Object.entries(
-      w(
-        [...o, W],
-        (n, b) => ({
-          ...n,
-          ...b
-        }),
-        {}
-      )
-    )
-  ), [...o]), d = /* @__PURE__ */ u(
-    "iframe",
-    {
-      ref: M(a.connection),
-      src: l,
-      style: i ?? {
-        visibility: "hidden",
-        height: 0,
-        width: 0,
-        border: "none",
-        position: "absolute",
-        marginLeft: "-9999px"
-      }
-    }
-  );
-  return /* @__PURE__ */ x(C, { children: [
-    /* @__PURE__ */ u(v, { components: m, receiver: a }),
-    d
-  ] });
-};
-export {
-  Q as RemoteRenderer
-};